.square-button{text-transform:capitalize;--tw-text-opacity:1;width:2.5rem;height:2.5rem;color:rgba(var(--white) , var(--tw-text-opacity,1));outline-offset:2px;border-radius:.25rem;outline:2px solid #0000;place-content:center;place-items:center;font-size:.75rem;font-weight:600;line-height:1.5;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.square-button:focus{outline-offset:2px;outline:2px solid #0000}.square-button.primary{--tw-bg-opacity:1;background-color:#55b8ee}@supports (color:rgb(0 0 0 / 0)){.square-button.primary{background-color:rgb(85 184 238/var(--tw-bg-opacity,1))}}.square-button.primary.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#55b8ee;border-width:1px;border-color:#55b8ee}@supports (color:rgb(0 0 0 / 0)){.square-button.primary.outline{border-color:rgb(85 184 238/var(--tw-border-opacity,1));color:rgb(85 184 238/var(--tw-text-opacity,1))}}.square-button.secondary{--tw-bg-opacity:1;background-color:#3949ab}@supports (color:rgb(0 0 0 / 0)){.square-button.secondary{background-color:rgb(57 73 171/var(--tw-bg-opacity,1))}}.square-button.secondary.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#3949ab;border-width:1px;border-color:#3949ab}@supports (color:rgb(0 0 0 / 0)){.square-button.secondary.outline{border-color:rgb(57 73 171/var(--tw-border-opacity,1));color:rgb(57 73 171/var(--tw-text-opacity,1))}}.square-button.success{--tw-bg-opacity:1;background-color:#18c988}@supports (color:rgb(0 0 0 / 0)){.square-button.success{background-color:rgb(24 201 136/var(--tw-bg-opacity,1))}}.square-button.success.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#18c988;border-width:1px;border-color:#18c988}@supports (color:rgb(0 0 0 / 0)){.square-button.success.outline{border-color:rgb(24 201 136/var(--tw-border-opacity,1));color:rgb(24 201 136/var(--tw-text-opacity,1))}}.square-button.danger{--tw-bg-opacity:1;background-color:#f1435d}@supports (color:rgb(0 0 0 / 0)){.square-button.danger{background-color:rgb(241 67 93/var(--tw-bg-opacity,1))}}.square-button.danger.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#f1435d;border-width:1px;border-color:#f1435d}@supports (color:rgb(0 0 0 / 0)){.square-button.danger.outline{border-color:rgb(241 67 93/var(--tw-border-opacity,1));color:rgb(241 67 93/var(--tw-text-opacity,1))}}.square-button.warning{--tw-bg-opacity:1;background-color:#f57143}@supports (color:rgb(0 0 0 / 0)){.square-button.warning{background-color:rgb(245 113 67/var(--tw-bg-opacity,1))}}.square-button.warning.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#f57143;border-width:1px;border-color:#f57143}@supports (color:rgb(0 0 0 / 0)){.square-button.warning.outline{border-color:rgb(245 113 67/var(--tw-border-opacity,1));color:rgb(245 113 67/var(--tw-text-opacity,1))}}.square-button.dark{--tw-bg-opacity:1;background-color:#d7d7d7}@supports (color:rgb(0 0 0 / 0)){.square-button.dark{background-color:rgb(215 215 215/var(--tw-bg-opacity,1))}}.square-button.dark.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#d7d7d7;border-width:1px;border-color:#d7d7d7}@supports (color:rgb(0 0 0 / 0)){.square-button.dark.outline{border-color:rgb(215 215 215/var(--tw-border-opacity,1));color:rgb(215 215 215/var(--tw-text-opacity,1))}}.square-button.darkest{--tw-bg-opacity:1;background-color:rgba(var(--text-primary) , 1);background-color:rgba(var(--text-primary) , var(--tw-bg-opacity,1))}.square-button.darkest.outline{--tw-border-opacity:1;border-width:1px;border-color:rgba(var(--text-primary) , 1);border-color:rgba(var(--text-primary) , var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgba(var(--text-primary) , var(--tw-text-opacity,1))}.square-button.gray{--tw-bg-opacity:1;background-color:#9e9e9e}@supports (color:rgb(0 0 0 / 0)){.square-button.gray{background-color:rgb(158 158 158/var(--tw-bg-opacity,1))}}.square-button.gray.outline{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(var(--white) , 1);background-color:rgba(var(--white) , var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#9e9e9e;border-width:1px;border-color:#9e9e9e}@supports (color:rgb(0 0 0 / 0)){.square-button.gray.outline{border-color:rgb(158 158 158/var(--tw-border-opacity,1));color:rgb(158 158 158/var(--tw-text-opacity,1))}}.square-button:disabled{pointer-events:none;--tw-bg-opacity:.75}.square-button.size_lg{width:2.875rem;height:2.875rem}