@layer components{.ds-spinner{gap:var(--spacing-0);padding:var(--spacing-4);border-radius:var(--corner-radius-0);flex-direction:row;justify-content:flex-start;align-items:center;inline-size:fit-content;display:inline-flex;overflow:hidden}.ds-spinner>.ds-spinner__spinner{background:var(--colour-icon-neutral-medium);border-radius:50%;block-size:1rem;inline-size:1rem}.ds-spinner:where([data-inverse]:not([data-inverse=false]))>.ds-spinner__spinner{background:var(--colour-icon-neutral-inverse)}.ds-spinner:where([data-feedback=danger])>.ds-spinner__spinner{background:var(--colour-icon-feedback-danger-strong)}.ds-spinner:where([data-inverse]:not([data-inverse=false])):where([data-feedback=danger])>.ds-spinner__spinner{background:var(--colour-icon-feedback-danger-inverse)}}
@layer components{.ds-spinner__spinner{--ring:2px;mask:conic-gradient(#000 0deg 270deg, transparent 270deg 360deg),radial-gradient(closest-side, transparent calc(100% - var(--ring)), #000 calc(100% - var(--ring)));mask-composite:intersect;-webkit-mask:conic-gradient(#000 0deg 270deg, transparent 270deg 360deg),radial-gradient(closest-side, transparent calc(100% - var(--ring)), #000 calc(100% - var(--ring)));-webkit-mask-composite:source-in;animation:ds-spinner-turn var(--motion-duration-long) linear infinite}@keyframes ds-spinner-turn{to{transform:rotate(1turn)}}}
@layer components{.ds-button{gap:var(--spacing-0);padding:var(--spacing-0);border-radius:var(--corner-radius-0);flex-direction:column;justify-content:flex-start;align-items:flex-start;inline-size:fit-content;display:inline-flex}.ds-button>.ds-button__content{gap:var(--spacing-8);padding:var(--spacing-12);background:var(--colour-control-neutral-inverse-rest);border-radius:var(--corner-radius-12);min-block-size:2.75rem;box-shadow:var(--component-button-primary);flex-direction:row;order:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ds-button>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-inverse);font-family:var(--label-md-medium-font-family);font-weight:var(--label-md-medium-font-weight,400);font-size:var(--label-md-medium-font-size);line-height:var(--label-md-medium-line-height,normal);letter-spacing:var(--label-md-medium-letter-spacing,normal);order:0}.ds-button:where(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))){opacity:var(--ds-dim,var(--state-disabled-opacity))}.ds-button:where(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))>*{--ds-dim:1}.ds-button:where(:is(:focus-visible,:has(:focus-visible)):not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))){outline:var(--ds-ring,var(--state-focus-stroke-width) solid var(--state-focus-stroke-colour));outline-offset:calc(4px - var(--state-focus-stroke-width))}.ds-button:where(:hover:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-neutral-inverse-hover)}.ds-button:where(:active:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-neutral-inverse-press)}.ds-button:where([data-state=loading]){position:relative}.ds-button:where([data-state=loading])>.ds-button__content{order:1}.ds-button:where([data-state=loading])>.ds-button__content>.ds-button__label{opacity:var(--state-loading-opacity)}.ds-button:where([data-state=loading])>.ds-button__spinner{color:var(--colour-icon-neutral-inverse);order:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.ds-button:where([data-hierarchy=secondary])>.ds-button__content{background:var(--colour-control-neutral-soft-rest);box-shadow:unset;overflow:unset}.ds-button:where([data-hierarchy=secondary])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-strong)}.ds-button:where([data-feedback=danger])>.ds-button__content{background:var(--colour-control-feedback-danger-inverse-rest)}.ds-button:where([data-feedback=danger])>.ds-button__content>.ds-button__label{color:var(--colour-text-feedback-danger-inverse)}.ds-button:where([data-hierarchy=tertiary])>.ds-button__content{background:var(--colour-control-neutral-ghost-rest);box-shadow:inset 0 0 0 var(--stroke-1) var(--colour-stroke-neutral-soft);overflow:unset}.ds-button:where([data-hierarchy=tertiary])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-medium)}.ds-button:where([data-size=md])>.ds-button__content{gap:var(--spacing-4);min-block-size:2.5rem}.ds-button:where([data-size=md])>.ds-button__content>.ds-button__label{font-family:var(--label-sm-medium-font-family);font-weight:var(--label-sm-medium-font-weight,400);font-size:var(--label-sm-medium-font-size);line-height:var(--label-sm-medium-line-height,normal);letter-spacing:var(--label-sm-medium-letter-spacing,normal)}.ds-button:where([data-size=sm])>.ds-button__content{gap:var(--spacing-4);padding:var(--spacing-8);min-block-size:2.25rem}.ds-button:where([data-size=sm])>.ds-button__content>.ds-button__label{font-family:var(--label-sm-medium-font-family);font-weight:var(--label-sm-medium-font-weight,400);font-size:var(--label-sm-medium-font-size);line-height:var(--label-sm-medium-line-height,normal);letter-spacing:var(--label-sm-medium-letter-spacing,normal)}.ds-button:where([data-show-icon]:not([data-show-icon=false]))>.ds-button__content>.ds-button__label{order:1}.ds-button:where([data-show-icon]:not([data-show-icon=false]))>.ds-button__content>.ds-button__show-icon-icon{block-size:1.25rem;inline-size:1.25rem;color:var(--colour-icon-neutral-inverse);order:0}.ds-button:where([data-hierarchy=secondary]):where(:hover:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-neutral-soft-hover)}.ds-button:where([data-hierarchy=secondary]):where(:active:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-neutral-soft-press)}.ds-button:where([data-hierarchy=secondary]):where([data-state=loading])>.ds-button__spinner{color:var(--colour-icon-neutral-medium)}.ds-button:where([data-feedback=danger]):where(:hover:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-feedback-danger-inverse-hover)}.ds-button:where([data-feedback=danger]):where(:active:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-feedback-danger-inverse-press)}.ds-button:where([data-feedback=danger]):where([data-state=loading])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-inverse)}.ds-button:where([data-feedback=danger]):where([data-state=loading])>.ds-button__spinner{color:var(--colour-icon-feedback-danger-inverse)}.ds-button:where([data-hierarchy=secondary]):where([data-feedback=danger])>.ds-button__content{background:var(--colour-control-feedback-danger-soft-rest)}.ds-button:where([data-hierarchy=secondary]):where([data-feedback=danger])>.ds-button__content>.ds-button__label{color:var(--colour-text-feedback-danger-strong)}.ds-button:where([data-hierarchy=tertiary]):where(:hover:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-neutral-ghost-hover)}.ds-button:where([data-hierarchy=tertiary]):where(:active:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-neutral-ghost-press)}.ds-button:where([data-hierarchy=tertiary]):where([data-state=loading])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-strong)}.ds-button:where([data-hierarchy=tertiary]):where([data-state=loading])>.ds-button__spinner{color:var(--colour-icon-neutral-medium)}.ds-button:where([data-hierarchy=tertiary]):where([data-feedback=danger])>.ds-button__content>.ds-button__label{color:var(--colour-text-feedback-danger-medium)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{opacity:var(--state-loading-opacity)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-hierarchy=secondary])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-strong)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-feedback=danger])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-feedback-danger-inverse)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-hierarchy=tertiary])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-medium)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=md])>.ds-button__content>.ds-button__show-icon-icon,.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=sm])>.ds-button__content>.ds-button__show-icon-icon{block-size:1rem;inline-size:1rem}.ds-button:where([data-hierarchy=secondary]):where([data-feedback=danger]):where(:hover:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-feedback-danger-soft-hover)}.ds-button:where([data-hierarchy=secondary]):where([data-feedback=danger]):where(:active:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled))))>.ds-button__content{background:var(--colour-control-feedback-danger-soft-press)}.ds-button:where([data-hierarchy=secondary]):where([data-feedback=danger]):where([data-state=loading])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-strong)}.ds-button:where([data-hierarchy=secondary]):where([data-feedback=danger]):where([data-state=loading])>.ds-button__spinner{color:var(--colour-icon-feedback-danger-strong)}.ds-button:where([data-hierarchy=tertiary]):where([data-feedback=danger]):where([data-state=loading])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-strong)}.ds-button:where([data-hierarchy=tertiary]):where([data-feedback=danger]):where([data-state=loading])>.ds-button__spinner{color:var(--colour-icon-feedback-danger-strong)}.ds-button:where([data-size=md]):where([data-feedback=danger]):where([data-state=loading])>.ds-button__content{box-shadow:unset;overflow:unset}.ds-button:where([data-size=md]):where([data-feedback=danger]):where([data-state=loading])>.ds-button__content>.ds-button__label{color:var(--colour-text-neutral-strong)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-feedback=danger]):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-inverse)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-hierarchy=secondary]):where([data-feedback=danger])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-feedback-danger-strong)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-hierarchy=tertiary]):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-strong)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-hierarchy=tertiary]):where([data-feedback=danger])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-feedback-danger-medium)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where(:is([data-size=lg],:not([data-size]))):where([data-hierarchy=secondary]):where([data-feedback=danger]):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon,.ds-button:where([data-show-icon]:not([data-show-icon=false])):where(:is([data-size=lg],:not([data-size]))):where([data-hierarchy=tertiary]):where([data-feedback=danger]):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon,.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=md]):where(:is([data-hierarchy=primary],:not([data-hierarchy]))):where([data-feedback=danger]):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon,.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=md]):where([data-hierarchy=secondary]):where([data-feedback=danger]):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-strong)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=md]):where([data-hierarchy=tertiary]):where(:is([data-feedback=neutral],:not([data-feedback]))):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-medium)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=sm]):where([data-hierarchy=secondary]):where([data-feedback=danger]):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-strong)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=sm]):where([data-hierarchy=tertiary]):where(:is([data-feedback=neutral],:not([data-feedback]))):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-medium)}.ds-button:where([data-show-icon]:not([data-show-icon=false])):where([data-size=sm]):where([data-hierarchy=tertiary]):where([data-feedback=danger]):where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading])>.ds-button__content>.ds-button__show-icon-icon{color:var(--colour-icon-neutral-strong)}.ds-button:where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading]):where([data-hierarchy=tertiary]):where([data-feedback=danger]):where([data-size=md]):where(:not([data-show-icon]:not([data-show-icon=false])))>.ds-button__content,.ds-button:where(:not(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>:disabled)))):where([data-state=loading]):where([data-hierarchy=tertiary]):where([data-feedback=danger]):where([data-size=md]):where([data-show-icon]:not([data-show-icon=false]))>.ds-button__content{box-shadow:inset 0 0 0 var(--stroke-1) var(--colour-stroke-neutral-soft)}}
@layer components{.ds-button>.ds-button__content{align-self:stretch}.ds-button:focus-visible{border-radius:var(--corner-radius-12)}.ds-button[aria-disabled=true]:not([aria-busy=true]){opacity:var(--state-disabled-opacity)}.ds-button:is(:disabled,[aria-disabled=true]){cursor:default}}