.icon-button{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#f1fce8;border:1px solid #fffdf8;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .5s cubic-bezier(.075,.82,.165,1);display:inline-flex}.icon-button:hover{color:#33372c}.icon-button:hover .icon svg{stroke:#33372c}.icon-button:hover .text{color:#33372c}.icon-button:active{background-color:#f7fdf1}.icon-button .text{color:#557c56;margin-top:.2em;font-size:.75rem}.icon-button .icon{align-items:center;width:1rem;height:1rem;display:inline-flex}.icon-button .icon svg{stroke:#557c56;width:1rem;height:1rem}.icon-button.danger{background-color:#fdeaec}.icon-button.danger .icon svg{stroke:#ef3645}.icon-button.danger .text{color:#ef3645}.icon-button.danger:hover{color:#c73642}.icon-button.danger:hover .icon svg{stroke:#c73642}.icon-button.danger:hover .text{color:#c73642}.icon-button.danger:active{background-color:#fff8f9}.icon-button.warning{background-color:#fff7ef}.icon-button.warning .icon svg{stroke:#ff662e}.icon-button.warning .text{color:#ff662e}.icon-button.warning:hover{color:#c64710}.icon-button.warning:hover .icon svg{stroke:#c64710}.icon-button.warning:hover .text{color:#c64710}.icon-button.warning:active{background-color:#fffcfa}.icon-button.transparent{background-color:#0000;border:none;padding:.25rem 0}.icon-button.transparent .text{font-size:.625rem}.icon-button.vertical{background-color:#0000;border:none;flex-direction:column;padding:0}.icon-button.vertical .icon{margin-top:0;margin-right:0}.icon-button.vertical .text{padding-right:0;font-size:.625rem}.icon-button.disabled{cursor:default;pointer-events:none;background-color:#f1fce880}.icon-button.disabled .icon svg{stroke:#557c564d}.icon-button.disabled .text{color:#557c564d}