@layer component{.btn{border-radius:.25rem;justify-content:center;align-items:center;min-width:34px;min-height:34px;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.tooltip-button__popover{pointer-events:none}.btn.small>.icn{margin-right:.25rem}.btn>.icn{margin-right:.5rem;line-height:1}}.btn{--tw-text-opacity:1;color:hsl(var(--fg1) / var(--tw-text-opacity,1));padding:.25rem 1rem;font-size:.875rem;line-height:1.1;transition-property:box-shadow,color}button:focus,.btn:focus{outline:none}.btn:hover{--tw-text-opacity:1;color:hsl(var(--fg3) / var(--tw-text-opacity,1))}.btn.primary,.btn.success,.btn.warning,.btn.danger,.btn.primary:hover,.btn.success:hover,.btn.warning:hover,.btn.danger:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn:active{--tw-text-opacity:1;color:hsl(var(--fg3) / var(--tw-text-opacity,1))}.btn:focus{background-color:#ffffff0d}.light .btn:not(.primary):not(.danger):focus{background-color:#ffffff80}.btn:not(.no-children),.btn.rounded-none{transition-property:box-shadow,color,background-color}.btn:not(.no-children):hover,.btn.rounded-none:hover{background-color:#fff1}.light .btn:not(.primary):not(.danger):not(.no-children):hover,.light .btn.rounded-none:hover{background-color:#fff}.btn.small,.btn.tiny{font-size:.75rem;line-height:1rem}.btn.small{min-width:24px;min-height:24px;padding-left:.5rem;padding-right:.5rem}.btn.tiny{min-width:20px;min-height:20px;padding:2px}.btn.stacked{flex-direction:column;padding:.5rem}.light .btn.stacked{box-shadow:var(--shadow-secondary)}.btn.no-children{padding-left:.25rem;padding-right:.25rem}.btn.no-children:not(.rounded-none){background-image:linear-gradient(#fff1,#fff1);background-position:50%;background-repeat:no-repeat;background-size:0% 0%;transition-property:box-shadow,color,background-size}.light .btn.no-children:not(.rounded-none){background-image:linear-gradient(#ffffffa8,#ffffffa8)}.btn.no-children:not(.rounded-none):hover{background-size:100% 100%}.btn.micro{min-width:auto;min-height:auto;padding:0}.btn.no-children>.icn{margin:0}.btn.stacked>.icn{margin-bottom:.5rem;margin-right:0}.btn.stacked.small>.icn{margin-bottom:.25rem}.btn.is-loading{opacity:1}.btn.primary:not(.is-text),.btn.success:not(.is-text),.btn.warning:not(.is-text),.btn.danger:not(.is-text){background-image:linear-gradient(#ffffff1a,#fff0)}.btn.primary:active,.btn.success:active,.btn.warning:active,.btn.danger:active{background-image:none}.btn.primary:hover,.btn.success:hover,.btn.warning:hover,.btn.danger:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn.primary{--tw-bg-opacity:1;background-color:rgb(23 108 158/var(--tw-bg-opacity,1))}.btn.primary:hover{--tw-bg-opacity:1;background-color:rgb(33 144 210/var(--tw-bg-opacity,1))}.btn.primary:focus{box-shadow:0 0 0 3px #166b9c59,0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.light .btn.primary:focus{box-shadow:0 0 0 3px #166b9c26,0 2px 4px -1px #0000001a,0 4px 5px #0000000a,0 1px 10px #00000005}.light .btn.primary:active{--tw-text-opacity:1;color:hsl(var(--bg3) / var(--tw-text-opacity,1))}.btn.primary.is-text{--tw-text-opacity:1;color:rgb(23 108 158/var(--tw-text-opacity,1));--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);background-color:unset}.btn.primary.is-text:hover{--tw-text-opacity:1;color:rgb(33 144 210/var(--tw-text-opacity,1));background-color:unset}.btn.success{--tw-bg-opacity:1;background-color:rgb(15 158 65/var(--tw-bg-opacity,1))}.btn.success:hover{--tw-bg-opacity:1;background-color:rgb(19 189 78/var(--tw-bg-opacity,1))}.btn.success:focus{box-shadow:0 0 0 3px #13be4f59,0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn.success.is-text{--tw-text-opacity:1;color:rgb(15 158 65/var(--tw-text-opacity,1));--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);background-color:unset}.btn.success.is-text:hover{--tw-text-opacity:1;color:rgb(19 189 78/var(--tw-text-opacity,1));background-color:unset}.btn.warning{--tw-bg-opacity:1;background-color:rgb(177 106 34/var(--tw-bg-opacity,1))}.btn.warning:hover{--tw-bg-opacity:1;background-color:rgb(217 130 43/var(--tw-bg-opacity,1))}.btn.warning:focus{box-shadow:0 0 0 3px #da822b59,0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn.warning.is-text{--tw-text-opacity:1;color:rgb(177 106 34/var(--tw-text-opacity,1));--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);background-color:unset}.btn.warning.is-text:hover{--tw-text-opacity:1;color:rgb(217 130 43/var(--tw-text-opacity,1));background-color:unset}.btn.danger{--tw-bg-opacity:1;background-color:rgb(204 0 0/var(--tw-bg-opacity,1))}.btn.danger:hover{--tw-bg-opacity:1;background-color:rgb(255 0 0/var(--tw-bg-opacity,1))}.btn.danger:focus{box-shadow:0 0 0 3px #ff000059,0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn.danger.is-text{--tw-text-opacity:1;color:rgb(204 0 0/var(--tw-text-opacity,1));--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);background-color:unset}.btn.danger.is-text:hover{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1));background-color:unset}.btn.secondary{box-shadow:var(--shadow-secondary);background-color:#ffffff06}.light .btn.secondary{--tw-bg-opacity:1;background-color:hsl(var(--bg2) / var(--tw-bg-opacity,1))}.btn.is-disabled{pointer-events:none;opacity:.5}