/* Intrinsic button dependencies from Dots v1.0; catalogue structure is excluded. */
/* Product descriptors accompany Home's canonical image/divider/gap structure. */
.ds-brand-product-label{font-family:var(--ds-font);font-weight:300;font-size:calc(9rem * 0.1649122807);line-height:1;letter-spacing:.12em;white-space:nowrap}
.ds-brand-product-label--pyme{color:#00a3e1}
.ds-brand-product-label--dental{color:#18d1c3}
@media(min-width:640px){.ds-brand-product-label{font-size:calc(10rem * 0.1649122807)}}
@media(min-width:1024px){.ds-brand-product-label{font-size:calc(10.75rem * 0.1649122807)}}
* {
  box-sizing: border-box;
}
button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.components{max-width:80rem;margin:0 auto;min-width:0;font-family:var(--ds-font)}
.components :is(input,select,button){font:inherit}
.components :is(input,select,button,a,[tabindex]):focus-visible{outline:3px solid var(--ds-focus);outline-offset:3px}
.components :is(input,select,button):disabled{cursor:not-allowed}
.components :is(.ds-button,.component-add){font-family:var(--ds-font);font-size:.875rem;font-weight:400;line-height:1.5}
.components .ds-button{gap:.5rem}
.components .ds-button.secondary{--ds-secondary-foreground:var(--ds-text);color:var(--ds-secondary-foreground)}
.components .ds-button.secondary:disabled{--ds-secondary-foreground:var(--ds-disabled)}
.components .ds-button.secondary>.component-icon{color:var(--ds-secondary-foreground);stroke:var(--ds-secondary-foreground);fill:none}
.components .ds-button.secondary:hover:not(:disabled){background:var(--ds-surface-subtle)}
.components .ds-button.quiet{background:transparent;color:var(--ds-action)}
.components .ds-button.quiet:hover:not(:disabled){background:var(--ds-tint)}
.components .ds-button.danger{background:var(--ds-error);color:white}
.components .ds-button:disabled{background:var(--ds-disabled-bg);color:var(--ds-disabled);border-color:transparent;cursor:not-allowed}
.components .ds-button:active:not(:disabled){transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.components .ds-button:active:not(:disabled){transform:none}}
@media(forced-colors:active){.components .ds-button.secondary{--ds-secondary-foreground:ButtonText}
.components .ds-button.secondary:disabled{--ds-secondary-foreground:GrayText}}