.melody-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:700;--tw-shadow:rgba(12,25,44,.15) 0px 2px 5px 0px,rgba(0,0,0,.05) 0px 1px 1px 0px;--tw-shadow-colored:0px 2px 5px 0px var(--tw-shadow-color),0px 1px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.melody-button:disabled{cursor:not-allowed}.melody-button-xsmall{padding:2px .5rem;font-size:12px;line-height:1}.melody-button-small{padding:.25rem .75rem;font-size:.75rem;line-height:1rem}.melody-button-medium{padding:.25rem 1rem;font-size:1rem;line-height:1.5rem}.melody-button-large{padding:.5rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.melody-button-white-solid{border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(24 24 24/var(--tw-text-opacity))}.melody-button-white-solid:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.melody-button-white-outlined{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));background-color:transparent}.melody-button-white-outlined:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(24 24 24/var(--tw-text-opacity))}.melody-button-white-outlined:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));background-color:rgba(249,250,251,.25)}.melody-button-white-outlined:disabled:hover{background-color:rgba(249,250,251,.1);--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.melody-button-gray-solid{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-gray-solid:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.melody-button-gray-solid:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.melody-button-gray-outlined{border-width:2px;--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.melody-button-gray-outlined:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-secondary-solid{border-width:2px;--tw-border-opacity:1;border-color:rgb(159 133 96/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(159 133 96/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-secondary-solid:hover{--tw-bg-opacity:1;background-color:rgb(219 171 103/var(--tw-bg-opacity))}.melody-button-secondary-solid:disabled{--tw-border-opacity:1;border-color:rgb(219 171 103/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(219 171 103/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.melody-button-secondary-outlined{border-width:2px;--tw-border-opacity:1;border-color:rgb(159 133 96/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.melody-button-secondary-outlined:hover{--tw-bg-opacity:1;background-color:rgb(219 171 103/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-primary-solid{border-width:2px;--tw-border-opacity:1;border-color:rgb(12 25 44/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(12 25 44/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-primary-solid:hover{--tw-bg-opacity:1;background-color:rgb(27 59 107/var(--tw-bg-opacity))}.melody-button-primary-solid:disabled{--tw-border-opacity:1;border-color:rgb(27 59 107/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(27 59 107/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.melody-button-warning-solid{border-width:2px;--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-warning-solid:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.melody-button-warning-solid:disabled{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.melody-button-primary-outlined{border-width:2px;--tw-border-opacity:1;border-color:rgb(12 25 44/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.melody-button-primary-outlined:hover{--tw-bg-opacity:1;background-color:rgb(27 59 107/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.melody-button-white-solid:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}