@layer vendor,base;@layer components{.button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.button:focus-visible{outline-offset:2px;outline:2px solid #e6399b}.button:disabled{cursor:not-allowed;opacity:.5}.button{white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,opacity .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px #e6399b73}.button--md{border-radius:10px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:17px}.button--sm{border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;line-height:15px}.button--block{width:100%}.button--primary{color:#fff;background:#e6399b}@media (hover:hover) and (pointer:fine){.button--primary:hover{background:#ee4fa9}}.button--primary:active:not(:disabled){background:#d42f8b}.button--secondary{color:#f5f5f7;background:#212127}@media (hover:hover) and (pointer:fine){.button--secondary:hover{background:#2a2a31}}.button--outline{color:#f5f5f7;border:1px solid #2e2e36}@media (hover:hover) and (pointer:fine){.button--outline:hover{background:#212127;border-color:#3c3c46}}.button--danger{color:#fff;background:#f05959}@media (hover:hover) and (pointer:fine){.button--danger:hover{background:#f37070}}.button--danger:active:not(:disabled){background:#e04848}.button--outline-danger{color:#f05959;border:1px solid #f05959}@media (hover:hover) and (pointer:fine){.button--outline-danger:hover{background:#f059591f}}.button--soft-success{color:#33c773;background:#33c77326}@media (hover:hover) and (pointer:fine){.button--soft-success:hover{background:#33c77340}}.button--soft-danger{color:#f05959;background:#f0595926}@media (hover:hover) and (pointer:fine){.button--soft-danger:hover{background:#f0595940}}.button--ghost{color:#9999a6}@media (hover:hover) and (pointer:fine){.button--ghost:hover{color:#f5f5f7;background:#212127}}}