@layer components{.control-button{--color-control-button-focus-border:var(--color-border-brand);--color-control-button-disabled-fill:var(--color-black-300);--color-control-button-disabled-text:var(--color-text-white);--spacing-button-gap:var(--spacing-2);--color-control-button-primary-fill:var(--color-fill-brand);--color-control-button-primary-text:var(--color-text-white);--color-control-button-primary-hover-fill:var(--color-sigblue-400);--color-control-button-primary-hover-text:var(--color-text-white);--color-control-button-primary-active-fill:var(--color-sigblue-300);--color-control-button-primary-active-text:var(--color-text-white);--color-control-button-secondary-border:var(--color-border-default);--color-control-button-secondary-fill:var(--color-fill-white);--color-control-button-secondary-text:var(--color-text-brand);--color-control-button-secondary-hover-fill:var(--color-pebble-300);--color-control-button-secondary-hover-text:var(--color-text-brand);--color-control-button-secondary-active-fill:var(--color-pebble-500);--color-control-button-secondary-active-text:var(--color-text-brand);--color-control-button-tertiary-fill:var(--color-pebble-100);--color-control-button-tertiary-text:var(--color-text-brand);--color-control-button-tertiary-hover-fill:var(--color-pebble-300);--color-control-button-tertiary-hover-text:var(--color-text-brand);--color-control-button-tertiary-active-fill:var(--color-pebble-500);--color-control-button-tertiary-active-text:var(--color-text-brand);justify-content:center;align-items:center;gap:var(--spacing-button-gap);border-radius:var(--border-radius-sm);height:46px;padding:var(--spacing-xs);-webkit-user-select:none;user-select:none;cursor:pointer;border:none;display:inline-flex}.control-button:not(:has(.control-button__label)){width:46px}.control-button__icon{max-width:16px;max-height:16px}.control-button[data-icon-alignment=left]{flex-direction:row-reverse}.control-button[data-icon-alignment=right]{flex-direction:row}.control-button[data-border-rounded=true]{border-radius:var(--border-radius-full)}.control-button[data-variant=primary]{background-color:var(--color-control-button-primary-fill);color:var(--color-control-button-primary-text)}@media (hover:hover){.control-button[data-variant=primary]:hover{background-color:var(--color-control-button-primary-hover-fill);color:var(--color-control-button-primary-hover-text)}}.control-button[data-variant=primary]:active{background-color:var(--color-control-button-primary-active-fill);color:var(--color-control-button-primary-active-text)}.control-button[data-variant=secondary]{background-color:var(--color-control-button-secondary-fill);box-shadow:0 0 0 1px var(--color-control-button-secondary-border) inset;color:var(--color-control-button-secondary-text)}@media (hover:hover){.control-button[data-variant=secondary]:hover{background-color:var(--color-control-button-secondary-hover-fill);box-shadow:none;color:var(--color-control-button-secondary-hover-text)}}.control-button[data-variant=secondary]:active{background-color:var(--color-control-button-secondary-active-fill);box-shadow:none;color:var(--color-control-button-secondary-active-text)}.control-button[data-variant=tertiary]{background-color:var(--color-control-button-tertiary-fill);color:var(--color-control-button-tertiary-text)}@media (hover:hover){.control-button[data-variant=tertiary]:hover{background-color:var(--color-control-button-tertiary-hover-fill);color:var(--color-control-button-tertiary-hover-text)}}.control-button[data-variant=tertiary]:active{background-color:var(--color-control-button-tertiary-active-fill);color:var(--color-control-button-tertiary-active-text)}.control-button[data-variant=primary]:focus-visible,.control-button[data-variant=secondary]:focus-visible,.control-button[data-variant=tertiary]:focus-visible{outline:2px solid var(--color-control-button-focus-border);outline-offset:2px}.control-button[data-variant=primary][disabled],.control-button[data-variant=secondary][disabled],.control-button[data-variant=tertiary][disabled]{background-color:var(--color-control-button-disabled-fill);box-shadow:none;color:var(--color-control-button-disabled-text);cursor:not-allowed}.control-button__label{margin:0 var(--spacing-1);transform:translateY(-1px)}.control-button[data-icon-alignment=left] .control-button__label{margin-left:0}.control-button[data-icon-alignment=right] .control-button__label{margin-right:0}}
/*# sourceMappingURL=0l-ntw~94pg4h.css.map*/