.common-button{cursor:pointer;background-color:var(--text-color-alt);color:var(--text-color-primary);border-style:none;border-radius:1rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.common-button.round-button{border-radius:9999px;align-self:flex-end;padding:.5rem;font-size:1rem;line-height:1.5rem}.common-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.common-button.disabled{cursor:not-allowed;background-color:var(--text-color-alt);color:var(--text-color-secondary)}.common-button.disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.tooltip{border-style:dotted;border-bottom-width:1px;display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;z-index:10;background-color:var(--background-color-alt);text-align:center;width:8rem;color:var(--text-color-atl);border-radius:.5rem;padding:.375rem .125rem;position:absolute}.tooltip .tooltiptext:after{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border:4px solid #0000;border-bottom-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-content:"";content:var(--tw-content);position:absolute;bottom:100%;left:50%}.tooltip:hover .tooltiptext,.common-button:hover .tooltip-text{visibility:visible}.loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{width:3rem;height:3rem}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:.25rem solid #0000004d;border-top-color:var(--color-info);border-radius:9999px;animation:1s linear infinite spin}.loader.sml{width:2.25rem;height:2.25rem}.loader.extra-sml{width:1.5rem;height:1.5rem}.loader-container p{color:var(--text-color-grey);margin-top:.5rem;font-weight:700}.modal-overlay{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background-color:var(--color-surface);text-align:center;min-width:40vw;max-width:60vw;min-height:0;max-height:85vh;color:var(--color-text);--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.5rem;flex-direction:column;flex:1;justify-content:space-between;padding:1rem;display:flex;position:relative}.modal-close-button{cursor:pointer;background-color:var(--color-surface);--tw-bg-opacity:1;color:var(--color-text);border-width:0;border-radius:.375rem;padding:.5rem;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-close-button:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-content{flex-direction:column;justify-content:center;gap:1rem;display:flex}.modal-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:2rem}.button-container{justify-content:center;gap:1rem;display:flex}.primary-button{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1));color:var(--color-text);border-width:0;border-radius:.375rem;padding:.25rem .75rem;font-size:1rem;line-height:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.primary-button:hover{--tw-bg-opacity:1;background-color:rgb(154 52 18/var(--tw-bg-opacity,1))}.primary-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.secondary-button{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));color:var(--color-text);border-width:0;border-radius:.375rem;padding:.25rem .75rem;font-size:1rem;line-height:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.secondary-button:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.secondary-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.message{margin-bottom:1rem;font-size:1rem;line-height:1.5rem}.modal-header{background-color:var(--color-surface);border-top-left-radius:.375rem;border-top-right-radius:.375rem;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.popup-modal-title{font-weight:600}
