.input-wrapper[data-theme=trakteer]{flex-direction:column;gap:.5rem;width:100%;font-family:Pontano Sans,sans-serif;display:flex}.input-wrapper[data-theme=trakteer] .input-label{color:var(--trakteer-text-primary);margin-bottom:.25rem;font-size:14px;font-weight:600}.input-wrapper[data-theme=trakteer] .input-container{align-items:center;width:100%;display:flex;position:relative}.input-wrapper[data-theme=trakteer] .input{width:100%;color:var(--trakteer-text-primary);background-color:var(--trakteer-bg-primary);border:1px solid var(--trakteer-border-medium);border-bottom:4px solid var(--trakteer-border-medium);border-radius:12px;outline:none;padding:.75rem 1rem;font-family:Pontano Sans,sans-serif;font-size:16px;transition:all .2s}.input-wrapper[data-theme=trakteer] .input::placeholder{color:var(--trakteer-text-muted)}.input-wrapper[data-theme=trakteer] .input-container:has(.input-icon-left) .input{padding-left:2.75rem}.input-wrapper[data-theme=trakteer] .input-container:has(.input-icon-right) .input{padding-right:2.75rem}.input-wrapper[data-theme=trakteer] .input-icon{color:var(--trakteer-text-secondary);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.input-wrapper[data-theme=trakteer] .input-icon-left{left:1rem}.input-wrapper[data-theme=trakteer] .input-icon-right{right:1rem}.input-wrapper[data-theme=trakteer] .input-icon svg{width:18px;height:18px}.input-wrapper[data-theme=trakteer] .input[data-variant=default]{border-color:var(--trakteer-border-medium);border-bottom-color:var(--trakteer-border-medium)}.input-wrapper[data-theme=trakteer] .input[data-variant=default]:focus{border-color:var(--trakteer-default-border);border-bottom-color:var(--trakteer-default-border);background-color:var(--trakteer-bg-primary)}.input-wrapper[data-theme=trakteer] .input[data-variant=default]:focus+.input-icon-right{color:var(--trakteer-default)}.input-wrapper[data-theme=trakteer] .input-container:has(.input[data-variant=default]:focus) .input-icon{color:var(--trakteer-default)}.input-wrapper[data-theme=trakteer] .input[data-variant=error]{border-color:var(--trakteer-destructive-border);border-bottom-color:var(--trakteer-destructive-border);background-color:var(--trakteer-bg-primary)}.input-wrapper[data-theme=trakteer] .input[data-variant=error]:focus{border-color:var(--trakteer-destructive-border);border-bottom-color:var(--trakteer-destructive-border)}.input-wrapper[data-theme=trakteer] .input[data-variant=error]:focus+.input-icon-right{color:var(--trakteer-destructive)}.input-wrapper[data-theme=trakteer] .input-container:has(.input[data-variant=error]:focus) .input-icon{color:var(--trakteer-destructive)}.input-wrapper[data-theme=trakteer] .input[data-variant=success]{border-color:var(--trakteer-default-border);border-bottom-color:var(--trakteer-default-border);background-color:var(--trakteer-bg-primary)}.input-wrapper[data-theme=trakteer] .input[data-variant=success]:focus{border-color:var(--trakteer-default-border);border-bottom-color:var(--trakteer-default-border)}.input-wrapper[data-theme=trakteer] .input[data-variant=success]:focus+.input-icon-right{color:var(--trakteer-default)}.input-wrapper[data-theme=trakteer] .input-container:has(.input[data-variant=success]:focus) .input-icon{color:var(--trakteer-default)}.input-wrapper[data-theme=trakteer] .input:disabled{background-color:var(--trakteer-bg-secondary);border-color:var(--trakteer-border-light);border-bottom-color:var(--trakteer-border-light);color:var(--trakteer-text-muted);cursor:not-allowed;opacity:.6}.input-wrapper[data-theme=trakteer] .input:disabled::placeholder{color:var(--trakteer-text-muted)}.input-wrapper[data-theme=trakteer] .input[readonly]{background-color:var(--trakteer-bg-secondary);cursor:default}.input-wrapper[data-theme=trakteer] .input-helper{color:var(--trakteer-text-secondary);margin-top:.25rem;font-size:12px}.input-wrapper[data-theme=trakteer] .input-helper-error{color:var(--trakteer-destructive)}
button[data-theme=trakteer]{border-radius:12px;align-items:center;height:42px;font-family:Fredoka,sans-serif;display:flex;padding:8px 16px!important}button[data-theme=trakteer]>:not(svg){align-items:center;gap:4px;display:flex}button[data-theme=trakteer] svg{width:16px;height:16px}button[data-theme=trakteer][data-variant=default]{color:var(--trakteer-default-color);background:var(--trakteer-default);border:1px solid var(--trakteer-default-border);border-bottom:4px solid var(--trakteer-default-border)}button[data-theme=trakteer][data-style=shadow]:hover{border-bottom:1px solid var(--trakteer-default-border);filter:brightness(1.05);cursor:pointer}button[data-theme=trakteer]:not([data-style=shadow]):hover{filter:brightness(1.05);cursor:pointer}button[data-theme=trakteer][data-variant=default][data-style=default]{border:none}button[data-theme=trakteer][data-variant=default][data-style=icon]{border:none;border-radius:100%;justify-content:center;align-items:center;width:42px;display:flex;padding:0!important}button[data-theme=trakteer][data-variant=outline]{color:var(--trakteer-outline-color);background:var(--trakteer-outline);border:1px solid var(--trakteer-outline-border);border-bottom:4px solid var(--trakteer-outline-border)}button[data-variant=outline][data-style=default]{border:none}button[data-variant=outline][data-style=icon]{border:none;border-radius:100%;justify-content:center;align-items:center;width:42px;display:flex;padding:0!important}button[data-variant=destructive]{color:var(--trakteer-destructive-color);background:var(--trakteer-destructive);border:1px solid var(--trakteer-destructive-border);border-bottom:4px solid var(--trakteer-destructive-border)}button[data-variant=destructive][data-style=default]{border:none}button[data-variant=destructive][data-style=icon]{border:none;border-radius:100%;justify-content:center;align-items:center;width:42px;display:flex;padding:0!important}button[data-variant=dark]{color:var(--trakteer-dark-color);background:var(--trakteer-dark);border:1px solid var(--trakteer-dark-border);border-bottom:4px solid var(--trakteer-dark-border)}button[data-variant=dark][data-style=icon]{border:none;border-radius:100%;justify-content:center;align-items:center;width:42px;display:flex;padding:0!important}