kommandant 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +230 -12
- data/app/assets/builds/kommandant.css +413 -145
- data/app/assets/config/kommandant_manifest.js +2 -0
- data/app/assets/images/kommandant/logo.svg +13 -0
- data/app/controllers/kommandant/commands_controller.rb +69 -11
- data/app/controllers/kommandant/searches_controller.rb +8 -9
- data/app/models/kommandant/command.rb +12 -69
- data/app/models/kommandant/commands/search_result.rb +4 -11
- data/app/views/kommandant/commands/_command.html.erb +23 -0
- data/app/views/kommandant/commands/_form.html.erb +58 -0
- data/app/views/kommandant/commands/edit.html.erb +1 -0
- data/app/views/kommandant/commands/index.html.erb +29 -0
- data/app/views/kommandant/commands/new.html.erb +1 -0
- data/app/views/kommandant/commands/searches/show.html.erb +4 -4
- data/app/views/kommandant/commands/show.html.erb +2 -2
- data/app/views/kommandant/shared/_command_palette.html.erb +2 -3
- data/app/views/kommandant/shared/command_palette/_command.html.erb +11 -4
- data/app/views/kommandant/shared/command_palette/_result.html.erb +5 -1
- data/app/views/kommandant/shared/icons/_kommandant.html.erb +5 -0
- data/app/views/layouts/kommandant/application.html.erb +24 -9
- data/config/locales/en.yml +11 -0
- data/config/routes.rb +1 -1
- data/lib/generators/kommandant/USAGE +9 -0
- data/lib/generators/kommandant/install_generator.rb +9 -0
- data/lib/generators/kommandant/templates/initializer.rb +31 -0
- data/lib/kommandant/engine.rb +2 -2
- data/lib/kommandant/version.rb +1 -1
- data/lib/kommandant.rb +4 -0
- data/lib/tasks/kommandant_tasks.rake +31 -4
- data/vendor/assets/javascripts/command_palette.js +120 -0
- data/vendor/assets/javascripts/keyboard_navigation.js +72 -0
- data/vendor/assets/javascripts/kommandant.js +2 -0
- data/vendor/assets/javascripts/transition.js +57 -0
- metadata +36 -22
- /data/app/views/kommandant/shared/icons/{_command.erb → _command.html.erb} +0 -0
- /data/app/views/kommandant/shared/icons/{_search.erb → _search.html.erb} +0 -0
- /data/app/views/kommandant/shared/icons/{_spinner.erb → _spinner.html.erb} +0 -0
| @@ -1,634 +1,902 @@ | |
| 1 | 
            +
            *, ::before, ::after {
         | 
| 2 | 
            +
              --tw-border-spacing-x: 0;
         | 
| 3 | 
            +
              --tw-border-spacing-y: 0;
         | 
| 4 | 
            +
              --tw-translate-x: 0;
         | 
| 5 | 
            +
              --tw-translate-y: 0;
         | 
| 6 | 
            +
              --tw-rotate: 0;
         | 
| 7 | 
            +
              --tw-skew-x: 0;
         | 
| 8 | 
            +
              --tw-skew-y: 0;
         | 
| 9 | 
            +
              --tw-scale-x: 1;
         | 
| 10 | 
            +
              --tw-scale-y: 1;
         | 
| 11 | 
            +
              --tw-pan-x:  ;
         | 
| 12 | 
            +
              --tw-pan-y:  ;
         | 
| 13 | 
            +
              --tw-pinch-zoom:  ;
         | 
| 14 | 
            +
              --tw-scroll-snap-strictness: proximity;
         | 
| 15 | 
            +
              --tw-gradient-from-position:  ;
         | 
| 16 | 
            +
              --tw-gradient-via-position:  ;
         | 
| 17 | 
            +
              --tw-gradient-to-position:  ;
         | 
| 18 | 
            +
              --tw-ordinal:  ;
         | 
| 19 | 
            +
              --tw-slashed-zero:  ;
         | 
| 20 | 
            +
              --tw-numeric-figure:  ;
         | 
| 21 | 
            +
              --tw-numeric-spacing:  ;
         | 
| 22 | 
            +
              --tw-numeric-fraction:  ;
         | 
| 23 | 
            +
              --tw-ring-inset:  ;
         | 
| 24 | 
            +
              --tw-ring-offset-width: 0px;
         | 
| 25 | 
            +
              --tw-ring-offset-color: #fff;
         | 
| 26 | 
            +
              --tw-ring-color: rgb(59 130 246 / 0.5);
         | 
| 27 | 
            +
              --tw-ring-offset-shadow: 0 0 #0000;
         | 
| 28 | 
            +
              --tw-ring-shadow: 0 0 #0000;
         | 
| 29 | 
            +
              --tw-shadow: 0 0 #0000;
         | 
| 30 | 
            +
              --tw-shadow-colored: 0 0 #0000;
         | 
| 31 | 
            +
              --tw-blur:  ;
         | 
| 32 | 
            +
              --tw-brightness:  ;
         | 
| 33 | 
            +
              --tw-contrast:  ;
         | 
| 34 | 
            +
              --tw-grayscale:  ;
         | 
| 35 | 
            +
              --tw-hue-rotate:  ;
         | 
| 36 | 
            +
              --tw-invert:  ;
         | 
| 37 | 
            +
              --tw-saturate:  ;
         | 
| 38 | 
            +
              --tw-sepia:  ;
         | 
| 39 | 
            +
              --tw-drop-shadow:  ;
         | 
| 40 | 
            +
              --tw-backdrop-blur:  ;
         | 
| 41 | 
            +
              --tw-backdrop-brightness:  ;
         | 
| 42 | 
            +
              --tw-backdrop-contrast:  ;
         | 
| 43 | 
            +
              --tw-backdrop-grayscale:  ;
         | 
| 44 | 
            +
              --tw-backdrop-hue-rotate:  ;
         | 
| 45 | 
            +
              --tw-backdrop-invert:  ;
         | 
| 46 | 
            +
              --tw-backdrop-opacity:  ;
         | 
| 47 | 
            +
              --tw-backdrop-saturate:  ;
         | 
| 48 | 
            +
              --tw-backdrop-sepia:  ;
         | 
| 49 | 
            +
              --tw-contain-size:  ;
         | 
| 50 | 
            +
              --tw-contain-layout:  ;
         | 
| 51 | 
            +
              --tw-contain-paint:  ;
         | 
| 52 | 
            +
              --tw-contain-style:  
         | 
| 53 | 
            +
            }
         | 
| 54 | 
            +
             | 
| 55 | 
            +
            ::backdrop {
         | 
| 56 | 
            +
              --tw-border-spacing-x: 0;
         | 
| 57 | 
            +
              --tw-border-spacing-y: 0;
         | 
| 58 | 
            +
              --tw-translate-x: 0;
         | 
| 59 | 
            +
              --tw-translate-y: 0;
         | 
| 60 | 
            +
              --tw-rotate: 0;
         | 
| 61 | 
            +
              --tw-skew-x: 0;
         | 
| 62 | 
            +
              --tw-skew-y: 0;
         | 
| 63 | 
            +
              --tw-scale-x: 1;
         | 
| 64 | 
            +
              --tw-scale-y: 1;
         | 
| 65 | 
            +
              --tw-pan-x:  ;
         | 
| 66 | 
            +
              --tw-pan-y:  ;
         | 
| 67 | 
            +
              --tw-pinch-zoom:  ;
         | 
| 68 | 
            +
              --tw-scroll-snap-strictness: proximity;
         | 
| 69 | 
            +
              --tw-gradient-from-position:  ;
         | 
| 70 | 
            +
              --tw-gradient-via-position:  ;
         | 
| 71 | 
            +
              --tw-gradient-to-position:  ;
         | 
| 72 | 
            +
              --tw-ordinal:  ;
         | 
| 73 | 
            +
              --tw-slashed-zero:  ;
         | 
| 74 | 
            +
              --tw-numeric-figure:  ;
         | 
| 75 | 
            +
              --tw-numeric-spacing:  ;
         | 
| 76 | 
            +
              --tw-numeric-fraction:  ;
         | 
| 77 | 
            +
              --tw-ring-inset:  ;
         | 
| 78 | 
            +
              --tw-ring-offset-width: 0px;
         | 
| 79 | 
            +
              --tw-ring-offset-color: #fff;
         | 
| 80 | 
            +
              --tw-ring-color: rgb(59 130 246 / 0.5);
         | 
| 81 | 
            +
              --tw-ring-offset-shadow: 0 0 #0000;
         | 
| 82 | 
            +
              --tw-ring-shadow: 0 0 #0000;
         | 
| 83 | 
            +
              --tw-shadow: 0 0 #0000;
         | 
| 84 | 
            +
              --tw-shadow-colored: 0 0 #0000;
         | 
| 85 | 
            +
              --tw-blur:  ;
         | 
| 86 | 
            +
              --tw-brightness:  ;
         | 
| 87 | 
            +
              --tw-contrast:  ;
         | 
| 88 | 
            +
              --tw-grayscale:  ;
         | 
| 89 | 
            +
              --tw-hue-rotate:  ;
         | 
| 90 | 
            +
              --tw-invert:  ;
         | 
| 91 | 
            +
              --tw-saturate:  ;
         | 
| 92 | 
            +
              --tw-sepia:  ;
         | 
| 93 | 
            +
              --tw-drop-shadow:  ;
         | 
| 94 | 
            +
              --tw-backdrop-blur:  ;
         | 
| 95 | 
            +
              --tw-backdrop-brightness:  ;
         | 
| 96 | 
            +
              --tw-backdrop-contrast:  ;
         | 
| 97 | 
            +
              --tw-backdrop-grayscale:  ;
         | 
| 98 | 
            +
              --tw-backdrop-hue-rotate:  ;
         | 
| 99 | 
            +
              --tw-backdrop-invert:  ;
         | 
| 100 | 
            +
              --tw-backdrop-opacity:  ;
         | 
| 101 | 
            +
              --tw-backdrop-saturate:  ;
         | 
| 102 | 
            +
              --tw-backdrop-sepia:  ;
         | 
| 103 | 
            +
              --tw-contain-size:  ;
         | 
| 104 | 
            +
              --tw-contain-layout:  ;
         | 
| 105 | 
            +
              --tw-contain-paint:  ;
         | 
| 106 | 
            +
              --tw-contain-style:  
         | 
| 107 | 
            +
            }
         | 
| 108 | 
            +
             | 
| 1 109 | 
             
            .kommandant-pointer-events-none {
         | 
| 2 | 
            -
              pointer-events: none | 
| 110 | 
            +
              pointer-events: none
         | 
| 3 111 | 
             
            }
         | 
| 4 112 |  | 
| 5 113 | 
             
            .kommandant-fixed {
         | 
| 6 | 
            -
              position: fixed | 
| 114 | 
            +
              position: fixed
         | 
| 7 115 | 
             
            }
         | 
| 8 116 |  | 
| 9 117 | 
             
            .kommandant-absolute {
         | 
| 10 | 
            -
              position: absolute | 
| 118 | 
            +
              position: absolute
         | 
| 11 119 | 
             
            }
         | 
| 12 120 |  | 
| 13 121 | 
             
            .kommandant-relative {
         | 
| 14 | 
            -
              position: relative | 
| 122 | 
            +
              position: relative
         | 
| 15 123 | 
             
            }
         | 
| 16 124 |  | 
| 17 125 | 
             
            .kommandant-inset-0 {
         | 
| 18 | 
            -
              inset: 0px | 
| 126 | 
            +
              inset: 0px
         | 
| 19 127 | 
             
            }
         | 
| 20 128 |  | 
| 21 129 | 
             
            .kommandant-left-4 {
         | 
| 22 | 
            -
              left: 1rem | 
| 130 | 
            +
              left: 1rem
         | 
| 23 131 | 
             
            }
         | 
| 24 132 |  | 
| 25 133 | 
             
            .kommandant-top-3 {
         | 
| 26 | 
            -
              top: 0.75rem | 
| 134 | 
            +
              top: 0.75rem
         | 
| 27 135 | 
             
            }
         | 
| 28 136 |  | 
| 29 137 | 
             
            .kommandant-z-10 {
         | 
| 30 | 
            -
              z-index: 10 | 
| 138 | 
            +
              z-index: 10
         | 
| 31 139 | 
             
            }
         | 
| 32 140 |  | 
| 33 141 | 
             
            .kommandant-z-50 {
         | 
| 34 | 
            -
              z-index: 50 | 
| 142 | 
            +
              z-index: 50
         | 
| 35 143 | 
             
            }
         | 
| 36 144 |  | 
| 37 145 | 
             
            .kommandant-mx-auto {
         | 
| 38 146 | 
             
              margin-left: auto;
         | 
| 39 | 
            -
              margin-right: auto | 
| 147 | 
            +
              margin-right: auto
         | 
| 40 148 | 
             
            }
         | 
| 41 149 |  | 
| 42 150 | 
             
            .kommandant-mb-2 {
         | 
| 43 | 
            -
              margin-bottom: 0.5rem | 
| 151 | 
            +
              margin-bottom: 0.5rem
         | 
| 44 152 | 
             
            }
         | 
| 45 153 |  | 
| 46 154 | 
             
            .kommandant-ml-3 {
         | 
| 47 | 
            -
              margin-left: 0.75rem | 
| 155 | 
            +
              margin-left: 0.75rem
         | 
| 156 | 
            +
            }
         | 
| 157 | 
            +
             | 
| 158 | 
            +
            .kommandant-mt-1 {
         | 
| 159 | 
            +
              margin-top: 0.25rem
         | 
| 48 160 | 
             
            }
         | 
| 49 161 |  | 
| 50 162 | 
             
            .kommandant-mt-4 {
         | 
| 51 | 
            -
              margin-top: 1rem | 
| 163 | 
            +
              margin-top: 1rem
         | 
| 164 | 
            +
            }
         | 
| 165 | 
            +
             | 
| 166 | 
            +
            .kommandant-block {
         | 
| 167 | 
            +
              display: block
         | 
| 52 168 | 
             
            }
         | 
| 53 169 |  | 
| 54 170 | 
             
            .kommandant-flex {
         | 
| 55 | 
            -
              display: flex | 
| 171 | 
            +
              display: flex
         | 
| 56 172 | 
             
            }
         | 
| 57 173 |  | 
| 58 174 | 
             
            .kommandant-inline-flex {
         | 
| 59 | 
            -
              display: inline-flex | 
| 175 | 
            +
              display: inline-flex
         | 
| 60 176 | 
             
            }
         | 
| 61 177 |  | 
| 62 178 | 
             
            .kommandant-hidden {
         | 
| 63 | 
            -
              display: none | 
| 179 | 
            +
              display: none
         | 
| 180 | 
            +
            }
         | 
| 181 | 
            +
             | 
| 182 | 
            +
            .kommandant-size-6 {
         | 
| 183 | 
            +
              width: 1.5rem;
         | 
| 184 | 
            +
              height: 1.5rem
         | 
| 64 185 | 
             
            }
         | 
| 65 186 |  | 
| 66 187 | 
             
            .kommandant-h-10 {
         | 
| 67 | 
            -
              height: 2.5rem | 
| 188 | 
            +
              height: 2.5rem
         | 
| 68 189 | 
             
            }
         | 
| 69 190 |  | 
| 70 191 | 
             
            .kommandant-h-12 {
         | 
| 71 | 
            -
              height: 3rem | 
| 192 | 
            +
              height: 3rem
         | 
| 193 | 
            +
            }
         | 
| 194 | 
            +
             | 
| 195 | 
            +
            .kommandant-h-16 {
         | 
| 196 | 
            +
              height: 4rem
         | 
| 197 | 
            +
            }
         | 
| 198 | 
            +
             | 
| 199 | 
            +
            .kommandant-h-4 {
         | 
| 200 | 
            +
              height: 1rem
         | 
| 72 201 | 
             
            }
         | 
| 73 202 |  | 
| 74 203 | 
             
            .kommandant-h-5 {
         | 
| 75 | 
            -
              height: 1.25rem | 
| 204 | 
            +
              height: 1.25rem
         | 
| 76 205 | 
             
            }
         | 
| 77 206 |  | 
| 78 207 | 
             
            .kommandant-h-6 {
         | 
| 79 | 
            -
              height: 1.5rem | 
| 208 | 
            +
              height: 1.5rem
         | 
| 209 | 
            +
            }
         | 
| 210 | 
            +
             | 
| 211 | 
            +
            .kommandant-h-full {
         | 
| 212 | 
            +
              height: 100%
         | 
| 80 213 | 
             
            }
         | 
| 81 214 |  | 
| 82 215 | 
             
            .kommandant-max-h-80 {
         | 
| 83 | 
            -
              max-height: 20rem | 
| 216 | 
            +
              max-height: 20rem
         | 
| 84 217 | 
             
            }
         | 
| 85 218 |  | 
| 86 219 | 
             
            .kommandant-max-h-96 {
         | 
| 87 | 
            -
              max-height: 24rem | 
| 220 | 
            +
              max-height: 24rem
         | 
| 88 221 | 
             
            }
         | 
| 89 222 |  | 
| 90 223 | 
             
            .kommandant-w-10 {
         | 
| 91 | 
            -
              width: 2.5rem | 
| 224 | 
            +
              width: 2.5rem
         | 
| 225 | 
            +
            }
         | 
| 226 | 
            +
             | 
| 227 | 
            +
            .kommandant-w-4 {
         | 
| 228 | 
            +
              width: 1rem
         | 
| 92 229 | 
             
            }
         | 
| 93 230 |  | 
| 94 231 | 
             
            .kommandant-w-5 {
         | 
| 95 | 
            -
              width: 1.25rem | 
| 232 | 
            +
              width: 1.25rem
         | 
| 96 233 | 
             
            }
         | 
| 97 234 |  | 
| 98 235 | 
             
            .kommandant-w-6 {
         | 
| 99 | 
            -
              width: 1.5rem | 
| 236 | 
            +
              width: 1.5rem
         | 
| 100 237 | 
             
            }
         | 
| 101 238 |  | 
| 102 239 | 
             
            .kommandant-w-full {
         | 
| 103 | 
            -
              width: 100 | 
| 240 | 
            +
              width: 100%
         | 
| 104 241 | 
             
            }
         | 
| 105 242 |  | 
| 106 243 | 
             
            .kommandant-max-w-2xl {
         | 
| 107 | 
            -
              max-width: 42rem | 
| 244 | 
            +
              max-width: 42rem
         | 
| 108 245 | 
             
            }
         | 
| 109 246 |  | 
| 110 247 | 
             
            .kommandant-flex-auto {
         | 
| 111 | 
            -
              flex: 1 1 auto | 
| 248 | 
            +
              flex: 1 1 auto
         | 
| 112 249 | 
             
            }
         | 
| 113 250 |  | 
| 114 251 | 
             
            .kommandant-flex-none {
         | 
| 115 | 
            -
              flex: none | 
| 252 | 
            +
              flex: none
         | 
| 116 253 | 
             
            }
         | 
| 117 254 |  | 
| 118 255 | 
             
            .kommandant-flex-shrink-0 {
         | 
| 119 | 
            -
              flex-shrink: 0 | 
| 256 | 
            +
              flex-shrink: 0
         | 
| 120 257 | 
             
            }
         | 
| 121 258 |  | 
| 122 259 | 
             
            .kommandant-flex-grow {
         | 
| 123 | 
            -
              flex-grow: 1 | 
| 260 | 
            +
              flex-grow: 1
         | 
| 261 | 
            +
            }
         | 
| 262 | 
            +
             | 
| 263 | 
            +
            .kommandant-border-collapse {
         | 
| 264 | 
            +
              border-collapse: collapse
         | 
| 124 265 | 
             
            }
         | 
| 125 266 |  | 
| 126 267 | 
             
            .kommandant-scale-100 {
         | 
| 127 268 | 
             
              --tw-scale-x: 1;
         | 
| 128 269 | 
             
              --tw-scale-y: 1;
         | 
| 129 | 
            -
              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)) | 
| 270 | 
            +
              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))
         | 
| 130 271 | 
             
            }
         | 
| 131 272 |  | 
| 132 273 | 
             
            .kommandant-scale-95 {
         | 
| 133 274 | 
             
              --tw-scale-x: .95;
         | 
| 134 275 | 
             
              --tw-scale-y: .95;
         | 
| 135 | 
            -
              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)) | 
| 276 | 
            +
              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))
         | 
| 136 277 | 
             
            }
         | 
| 137 278 |  | 
| 138 279 | 
             
            .kommandant-transform {
         | 
| 139 | 
            -
              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)) | 
| 280 | 
            +
              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))
         | 
| 140 281 | 
             
            }
         | 
| 141 282 |  | 
| 142 283 | 
             
            @keyframes kommandant-spin {
         | 
| 143 284 | 
             
              to {
         | 
| 144 | 
            -
                transform: rotate(360deg) | 
| 285 | 
            +
                transform: rotate(360deg)
         | 
| 145 286 | 
             
              }
         | 
| 146 287 | 
             
            }
         | 
| 147 288 |  | 
| 148 289 | 
             
            .kommandant-animate-spin {
         | 
| 149 | 
            -
              animation: kommandant-spin 1s linear infinite | 
| 290 | 
            +
              animation: kommandant-spin 1s linear infinite
         | 
| 150 291 | 
             
            }
         | 
| 151 292 |  | 
| 152 293 | 
             
            .kommandant-cursor-default {
         | 
| 153 | 
            -
              cursor: default | 
| 294 | 
            +
              cursor: default
         | 
| 154 295 | 
             
            }
         | 
| 155 296 |  | 
| 156 297 | 
             
            .kommandant-select-none {
         | 
| 157 298 | 
             
              -webkit-user-select: none;
         | 
| 158 | 
            -
             | 
| 159 | 
            -
             | 
| 299 | 
            +
                 -moz-user-select: none;
         | 
| 300 | 
            +
                      user-select: none
         | 
| 160 301 | 
             
            }
         | 
| 161 302 |  | 
| 162 303 | 
             
            .kommandant-scroll-py-2 {
         | 
| 163 304 | 
             
              scroll-padding-top: 0.5rem;
         | 
| 164 | 
            -
              scroll-padding-bottom: 0.5rem | 
| 305 | 
            +
              scroll-padding-bottom: 0.5rem
         | 
| 306 | 
            +
            }
         | 
| 307 | 
            +
             | 
| 308 | 
            +
            .kommandant-flex-col {
         | 
| 309 | 
            +
              flex-direction: column
         | 
| 165 310 | 
             
            }
         | 
| 166 311 |  | 
| 167 312 | 
             
            .kommandant-flex-wrap {
         | 
| 168 | 
            -
              flex-wrap: wrap | 
| 313 | 
            +
              flex-wrap: wrap
         | 
| 169 314 | 
             
            }
         | 
| 170 315 |  | 
| 171 316 | 
             
            .kommandant-items-center {
         | 
| 172 | 
            -
              align-items: center | 
| 317 | 
            +
              align-items: center
         | 
| 173 318 | 
             
            }
         | 
| 174 319 |  | 
| 175 320 | 
             
            .kommandant-items-baseline {
         | 
| 176 | 
            -
              align-items: baseline | 
| 321 | 
            +
              align-items: baseline
         | 
| 177 322 | 
             
            }
         | 
| 178 323 |  | 
| 179 324 | 
             
            .kommandant-justify-end {
         | 
| 180 | 
            -
              justify-content: flex-end | 
| 325 | 
            +
              justify-content: flex-end
         | 
| 181 326 | 
             
            }
         | 
| 182 327 |  | 
| 183 328 | 
             
            .kommandant-justify-center {
         | 
| 184 | 
            -
              justify-content: center | 
| 329 | 
            +
              justify-content: center
         | 
| 185 330 | 
             
            }
         | 
| 186 331 |  | 
| 187 332 | 
             
            .kommandant-justify-between {
         | 
| 188 | 
            -
              justify-content: space-between | 
| 333 | 
            +
              justify-content: space-between
         | 
| 189 334 | 
             
            }
         | 
| 190 335 |  | 
| 191 | 
            -
            .kommandant- | 
| 336 | 
            +
            .kommandant-gap-4 {
         | 
| 337 | 
            +
              gap: 1rem
         | 
| 338 | 
            +
            }
         | 
| 339 | 
            +
             | 
| 340 | 
            +
            .kommandant-space-x-1 > :not([hidden]) ~ :not([hidden]) {
         | 
| 192 341 | 
             
              --tw-space-x-reverse: 0;
         | 
| 193 342 | 
             
              margin-right: calc(0.25rem * var(--tw-space-x-reverse));
         | 
| 194 | 
            -
              margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) | 
| 343 | 
            +
              margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
         | 
| 195 344 | 
             
            }
         | 
| 196 345 |  | 
| 197 | 
            -
            .kommandant-space-x-2> :not([hidden])~ :not([hidden]) {
         | 
| 346 | 
            +
            .kommandant-space-x-2 > :not([hidden]) ~ :not([hidden]) {
         | 
| 198 347 | 
             
              --tw-space-x-reverse: 0;
         | 
| 199 348 | 
             
              margin-right: calc(0.5rem * var(--tw-space-x-reverse));
         | 
| 200 | 
            -
              margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) | 
| 349 | 
            +
              margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
         | 
| 201 350 | 
             
            }
         | 
| 202 351 |  | 
| 203 | 
            -
            .kommandant-space-x-4> :not([hidden])~ :not([hidden]) {
         | 
| 352 | 
            +
            .kommandant-space-x-4 > :not([hidden]) ~ :not([hidden]) {
         | 
| 204 353 | 
             
              --tw-space-x-reverse: 0;
         | 
| 205 354 | 
             
              margin-right: calc(1rem * var(--tw-space-x-reverse));
         | 
| 206 | 
            -
              margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) | 
| 355 | 
            +
              margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
         | 
| 356 | 
            +
            }
         | 
| 357 | 
            +
             | 
| 358 | 
            +
            .kommandant-space-y-4 > :not([hidden]) ~ :not([hidden]) {
         | 
| 359 | 
            +
              --tw-space-y-reverse: 0;
         | 
| 360 | 
            +
              margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
         | 
| 361 | 
            +
              margin-bottom: calc(1rem * var(--tw-space-y-reverse))
         | 
| 207 362 | 
             
            }
         | 
| 208 363 |  | 
| 209 | 
            -
            .kommandant-divide-x> :not([hidden])~ :not([hidden]) {
         | 
| 364 | 
            +
            .kommandant-divide-x > :not([hidden]) ~ :not([hidden]) {
         | 
| 210 365 | 
             
              --tw-divide-x-reverse: 0;
         | 
| 211 366 | 
             
              border-right-width: calc(1px * var(--tw-divide-x-reverse));
         | 
| 212 | 
            -
              border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) | 
| 367 | 
            +
              border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
         | 
| 213 368 | 
             
            }
         | 
| 214 369 |  | 
| 215 | 
            -
            .kommandant-divide-y> :not([hidden])~ :not([hidden]) {
         | 
| 370 | 
            +
            .kommandant-divide-y > :not([hidden]) ~ :not([hidden]) {
         | 
| 216 371 | 
             
              --tw-divide-y-reverse: 0;
         | 
| 217 372 | 
             
              border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
         | 
| 218 | 
            -
              border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) | 
| 373 | 
            +
              border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
         | 
| 219 374 | 
             
            }
         | 
| 220 375 |  | 
| 221 | 
            -
            .kommandant-divide-gray-100> :not([hidden])~ :not([hidden]) {
         | 
| 376 | 
            +
            .kommandant-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
         | 
| 222 377 | 
             
              --tw-divide-opacity: 1;
         | 
| 223 | 
            -
              border-color: rgb(243 244 246 / var(--tw-divide-opacity)) | 
| 378 | 
            +
              border-color: rgb(243 244 246 / var(--tw-divide-opacity))
         | 
| 224 379 | 
             
            }
         | 
| 225 380 |  | 
| 226 381 | 
             
            .kommandant-overflow-hidden {
         | 
| 227 | 
            -
              overflow: hidden | 
| 382 | 
            +
              overflow: hidden
         | 
| 228 383 | 
             
            }
         | 
| 229 384 |  | 
| 230 385 | 
             
            .kommandant-overflow-y-auto {
         | 
| 231 | 
            -
              overflow-y: auto | 
| 386 | 
            +
              overflow-y: auto
         | 
| 232 387 | 
             
            }
         | 
| 233 388 |  | 
| 234 389 | 
             
            .kommandant-truncate {
         | 
| 235 390 | 
             
              overflow: hidden;
         | 
| 236 391 | 
             
              text-overflow: ellipsis;
         | 
| 237 | 
            -
              white-space: nowrap | 
| 392 | 
            +
              white-space: nowrap
         | 
| 238 393 | 
             
            }
         | 
| 239 394 |  | 
| 240 395 | 
             
            .kommandant-rounded {
         | 
| 241 | 
            -
              border-radius: 0.25rem | 
| 396 | 
            +
              border-radius: 0.25rem
         | 
| 242 397 | 
             
            }
         | 
| 243 398 |  | 
| 244 399 | 
             
            .kommandant-rounded-full {
         | 
| 245 | 
            -
              border-radius: 9999px | 
| 400 | 
            +
              border-radius: 9999px
         | 
| 246 401 | 
             
            }
         | 
| 247 402 |  | 
| 248 403 | 
             
            .kommandant-rounded-md {
         | 
| 249 | 
            -
              border-radius: 0.375rem | 
| 404 | 
            +
              border-radius: 0.375rem
         | 
| 405 | 
            +
            }
         | 
| 406 | 
            +
             | 
| 407 | 
            +
            .kommandant-rounded-sm {
         | 
| 408 | 
            +
              border-radius: 0.125rem
         | 
| 250 409 | 
             
            }
         | 
| 251 410 |  | 
| 252 411 | 
             
            .kommandant-rounded-xl {
         | 
| 253 | 
            -
              border-radius: 0.75rem | 
| 412 | 
            +
              border-radius: 0.75rem
         | 
| 254 413 | 
             
            }
         | 
| 255 414 |  | 
| 256 415 | 
             
            .kommandant-border {
         | 
| 257 | 
            -
              border-width: 1px | 
| 416 | 
            +
              border-width: 1px
         | 
| 258 417 | 
             
            }
         | 
| 259 418 |  | 
| 260 419 | 
             
            .kommandant-border-0 {
         | 
| 261 | 
            -
              border-width: 0px | 
| 420 | 
            +
              border-width: 0px
         | 
| 421 | 
            +
            }
         | 
| 422 | 
            +
             | 
| 423 | 
            +
            .kommandant-border-b {
         | 
| 424 | 
            +
              border-bottom-width: 1px
         | 
| 425 | 
            +
            }
         | 
| 426 | 
            +
             | 
| 427 | 
            +
            .kommandant-border-t {
         | 
| 428 | 
            +
              border-top-width: 1px
         | 
| 429 | 
            +
            }
         | 
| 430 | 
            +
             | 
| 431 | 
            +
            .kommandant-border-gray-100 {
         | 
| 432 | 
            +
              --tw-border-opacity: 1;
         | 
| 433 | 
            +
              border-color: rgb(243 244 246 / var(--tw-border-opacity))
         | 
| 434 | 
            +
            }
         | 
| 435 | 
            +
             | 
| 436 | 
            +
            .kommandant-border-gray-200 {
         | 
| 437 | 
            +
              --tw-border-opacity: 1;
         | 
| 438 | 
            +
              border-color: rgb(229 231 235 / var(--tw-border-opacity))
         | 
| 262 439 | 
             
            }
         | 
| 263 440 |  | 
| 264 441 | 
             
            .kommandant-border-gray-300 {
         | 
| 265 442 | 
             
              --tw-border-opacity: 1;
         | 
| 266 | 
            -
              border-color: rgb(209 213 219 / var(--tw-border-opacity)) | 
| 443 | 
            +
              border-color: rgb(209 213 219 / var(--tw-border-opacity))
         | 
| 267 444 | 
             
            }
         | 
| 268 445 |  | 
| 269 446 | 
             
            .kommandant-border-gray-400 {
         | 
| 270 447 | 
             
              --tw-border-opacity: 1;
         | 
| 271 | 
            -
              border-color: rgb(156 163 175 / var(--tw-border-opacity)) | 
| 448 | 
            +
              border-color: rgb(156 163 175 / var(--tw-border-opacity))
         | 
| 449 | 
            +
            }
         | 
| 450 | 
            +
             | 
| 451 | 
            +
            .kommandant-border-slate-500 {
         | 
| 452 | 
            +
              --tw-border-opacity: 1;
         | 
| 453 | 
            +
              border-color: rgb(100 116 139 / var(--tw-border-opacity))
         | 
| 454 | 
            +
            }
         | 
| 455 | 
            +
             | 
| 456 | 
            +
            .kommandant-bg-amber-200 {
         | 
| 457 | 
            +
              --tw-bg-opacity: 1;
         | 
| 458 | 
            +
              background-color: rgb(253 230 138 / var(--tw-bg-opacity))
         | 
| 272 459 | 
             
            }
         | 
| 273 460 |  | 
| 274 461 | 
             
            .kommandant-bg-gray-50 {
         | 
| 275 462 | 
             
              --tw-bg-opacity: 1;
         | 
| 276 | 
            -
              background-color: rgb(249 250 251 / var(--tw-bg-opacity)) | 
| 463 | 
            +
              background-color: rgb(249 250 251 / var(--tw-bg-opacity))
         | 
| 277 464 | 
             
            }
         | 
| 278 465 |  | 
| 279 466 | 
             
            .kommandant-bg-gray-500 {
         | 
| 280 467 | 
             
              --tw-bg-opacity: 1;
         | 
| 281 | 
            -
              background-color: rgb(107 114 128 / var(--tw-bg-opacity)) | 
| 468 | 
            +
              background-color: rgb(107 114 128 / var(--tw-bg-opacity))
         | 
| 282 469 | 
             
            }
         | 
| 283 470 |  | 
| 284 471 | 
             
            .kommandant-bg-slate-700 {
         | 
| 285 472 | 
             
              --tw-bg-opacity: 1;
         | 
| 286 | 
            -
              background-color: rgb(51 65 85 / var(--tw-bg-opacity)) | 
| 473 | 
            +
              background-color: rgb(51 65 85 / var(--tw-bg-opacity))
         | 
| 474 | 
            +
            }
         | 
| 475 | 
            +
             | 
| 476 | 
            +
            .kommandant-bg-slate-900 {
         | 
| 477 | 
            +
              --tw-bg-opacity: 1;
         | 
| 478 | 
            +
              background-color: rgb(15 23 42 / var(--tw-bg-opacity))
         | 
| 287 479 | 
             
            }
         | 
| 288 480 |  | 
| 289 481 | 
             
            .kommandant-bg-transparent {
         | 
| 290 | 
            -
              background-color: transparent | 
| 482 | 
            +
              background-color: transparent
         | 
| 291 483 | 
             
            }
         | 
| 292 484 |  | 
| 293 485 | 
             
            .kommandant-bg-white {
         | 
| 294 486 | 
             
              --tw-bg-opacity: 1;
         | 
| 295 | 
            -
              background-color: rgb(255 255 255 / var(--tw-bg-opacity)) | 
| 487 | 
            +
              background-color: rgb(255 255 255 / var(--tw-bg-opacity))
         | 
| 296 488 | 
             
            }
         | 
| 297 489 |  | 
| 298 490 | 
             
            .kommandant-bg-opacity-25 {
         | 
| 299 | 
            -
              --tw-bg-opacity: 0.25 | 
| 491 | 
            +
              --tw-bg-opacity: 0.25
         | 
| 300 492 | 
             
            }
         | 
| 301 493 |  | 
| 302 494 | 
             
            .kommandant-p-2 {
         | 
| 303 | 
            -
              padding: 0.5rem | 
| 495 | 
            +
              padding: 0.5rem
         | 
| 304 496 | 
             
            }
         | 
| 305 497 |  | 
| 306 498 | 
             
            .kommandant-p-4 {
         | 
| 307 | 
            -
              padding: 1rem | 
| 499 | 
            +
              padding: 1rem
         | 
| 308 500 | 
             
            }
         | 
| 309 501 |  | 
| 310 502 | 
             
            .kommandant-px-1 {
         | 
| 311 503 | 
             
              padding-left: 0.25rem;
         | 
| 312 | 
            -
              padding-right: 0.25rem | 
| 504 | 
            +
              padding-right: 0.25rem
         | 
| 505 | 
            +
            }
         | 
| 506 | 
            +
             | 
| 507 | 
            +
            .kommandant-px-12 {
         | 
| 508 | 
            +
              padding-left: 3rem;
         | 
| 509 | 
            +
              padding-right: 3rem
         | 
| 313 510 | 
             
            }
         | 
| 314 511 |  | 
| 315 512 | 
             
            .kommandant-px-2 {
         | 
| 316 513 | 
             
              padding-left: 0.5rem;
         | 
| 317 | 
            -
              padding-right: 0.5rem | 
| 514 | 
            +
              padding-right: 0.5rem
         | 
| 318 515 | 
             
            }
         | 
| 319 516 |  | 
| 320 517 | 
             
            .kommandant-px-2\.5 {
         | 
| 321 518 | 
             
              padding-left: 0.625rem;
         | 
| 322 | 
            -
              padding-right: 0.625rem | 
| 519 | 
            +
              padding-right: 0.625rem
         | 
| 323 520 | 
             
            }
         | 
| 324 521 |  | 
| 325 522 | 
             
            .kommandant-px-3 {
         | 
| 326 523 | 
             
              padding-left: 0.75rem;
         | 
| 327 | 
            -
              padding-right: 0.75rem | 
| 524 | 
            +
              padding-right: 0.75rem
         | 
| 328 525 | 
             
            }
         | 
| 329 526 |  | 
| 330 527 | 
             
            .kommandant-px-4 {
         | 
| 331 528 | 
             
              padding-left: 1rem;
         | 
| 332 | 
            -
              padding-right: 1rem | 
| 529 | 
            +
              padding-right: 1rem
         | 
| 333 530 | 
             
            }
         | 
| 334 531 |  | 
| 335 532 | 
             
            .kommandant-px-6 {
         | 
| 336 533 | 
             
              padding-left: 1.5rem;
         | 
| 337 | 
            -
              padding-right: 1.5rem | 
| 534 | 
            +
              padding-right: 1.5rem
         | 
| 338 535 | 
             
            }
         | 
| 339 536 |  | 
| 340 537 | 
             
            .kommandant-py-0 {
         | 
| 341 538 | 
             
              padding-top: 0px;
         | 
| 342 | 
            -
              padding-bottom: 0px | 
| 539 | 
            +
              padding-bottom: 0px
         | 
| 343 540 | 
             
            }
         | 
| 344 541 |  | 
| 345 542 | 
             
            .kommandant-py-0\.5 {
         | 
| 346 543 | 
             
              padding-top: 0.125rem;
         | 
| 347 | 
            -
              padding-bottom: 0.125rem | 
| 544 | 
            +
              padding-bottom: 0.125rem
         | 
| 348 545 | 
             
            }
         | 
| 349 546 |  | 
| 350 547 | 
             
            .kommandant-py-1 {
         | 
| 351 548 | 
             
              padding-top: 0.25rem;
         | 
| 352 | 
            -
              padding-bottom: 0.25rem | 
| 549 | 
            +
              padding-bottom: 0.25rem
         | 
| 353 550 | 
             
            }
         | 
| 354 551 |  | 
| 355 552 | 
             
            .kommandant-py-1\.5 {
         | 
| 356 553 | 
             
              padding-top: 0.375rem;
         | 
| 357 | 
            -
              padding-bottom: 0.375rem | 
| 554 | 
            +
              padding-bottom: 0.375rem
         | 
| 358 555 | 
             
            }
         | 
| 359 556 |  | 
| 360 557 | 
             
            .kommandant-py-14 {
         | 
| 361 558 | 
             
              padding-top: 3.5rem;
         | 
| 362 | 
            -
              padding-bottom: 3.5rem | 
| 559 | 
            +
              padding-bottom: 3.5rem
         | 
| 363 560 | 
             
            }
         | 
| 364 561 |  | 
| 365 562 | 
             
            .kommandant-py-2 {
         | 
| 366 563 | 
             
              padding-top: 0.5rem;
         | 
| 367 | 
            -
              padding-bottom: 0.5rem | 
| 564 | 
            +
              padding-bottom: 0.5rem
         | 
| 368 565 | 
             
            }
         | 
| 369 566 |  | 
| 370 567 | 
             
            .kommandant-py-2\.5 {
         | 
| 371 568 | 
             
              padding-top: 0.625rem;
         | 
| 372 | 
            -
              padding-bottom: 0.625rem | 
| 569 | 
            +
              padding-bottom: 0.625rem
         | 
| 570 | 
            +
            }
         | 
| 571 | 
            +
             | 
| 572 | 
            +
            .kommandant-py-4 {
         | 
| 573 | 
            +
              padding-top: 1rem;
         | 
| 574 | 
            +
              padding-bottom: 1rem
         | 
| 575 | 
            +
            }
         | 
| 576 | 
            +
             | 
| 577 | 
            +
            .kommandant-py-8 {
         | 
| 578 | 
            +
              padding-top: 2rem;
         | 
| 579 | 
            +
              padding-bottom: 2rem
         | 
| 373 580 | 
             
            }
         | 
| 374 581 |  | 
| 375 582 | 
             
            .kommandant-pl-1 {
         | 
| 376 | 
            -
              padding-left: 0.25rem | 
| 583 | 
            +
              padding-left: 0.25rem
         | 
| 377 584 | 
             
            }
         | 
| 378 585 |  | 
| 379 586 | 
             
            .kommandant-pl-11 {
         | 
| 380 | 
            -
              padding-left: 2.75rem | 
| 587 | 
            +
              padding-left: 2.75rem
         | 
| 381 588 | 
             
            }
         | 
| 382 589 |  | 
| 383 590 | 
             
            .kommandant-pl-2 {
         | 
| 384 | 
            -
              padding-left: 0.5rem | 
| 591 | 
            +
              padding-left: 0.5rem
         | 
| 385 592 | 
             
            }
         | 
| 386 593 |  | 
| 387 594 | 
             
            .kommandant-pr-2 {
         | 
| 388 | 
            -
              padding-right: 0.5rem | 
| 595 | 
            +
              padding-right: 0.5rem
         | 
| 389 596 | 
             
            }
         | 
| 390 597 |  | 
| 391 598 | 
             
            .kommandant-pr-4 {
         | 
| 392 | 
            -
              padding-right: 1rem | 
| 599 | 
            +
              padding-right: 1rem
         | 
| 600 | 
            +
            }
         | 
| 601 | 
            +
             | 
| 602 | 
            +
            .kommandant-text-left {
         | 
| 603 | 
            +
              text-align: left
         | 
| 393 604 | 
             
            }
         | 
| 394 605 |  | 
| 395 606 | 
             
            .kommandant-text-center {
         | 
| 396 | 
            -
              text-align: center | 
| 607 | 
            +
              text-align: center
         | 
| 608 | 
            +
            }
         | 
| 609 | 
            +
             | 
| 610 | 
            +
            .kommandant-text-3xl {
         | 
| 611 | 
            +
              font-size: 1.875rem;
         | 
| 612 | 
            +
              line-height: 2.25rem
         | 
| 613 | 
            +
            }
         | 
| 614 | 
            +
             | 
| 615 | 
            +
            .kommandant-text-lg {
         | 
| 616 | 
            +
              font-size: 1.125rem;
         | 
| 617 | 
            +
              line-height: 1.75rem
         | 
| 397 618 | 
             
            }
         | 
| 398 619 |  | 
| 399 620 | 
             
            .kommandant-text-sm {
         | 
| 400 621 | 
             
              font-size: 0.875rem;
         | 
| 401 | 
            -
              line-height: 1.25rem | 
| 622 | 
            +
              line-height: 1.25rem
         | 
| 402 623 | 
             
            }
         | 
| 403 624 |  | 
| 404 625 | 
             
            .kommandant-text-xs {
         | 
| 405 626 | 
             
              font-size: 0.75rem;
         | 
| 406 | 
            -
              line-height: 1rem | 
| 627 | 
            +
              line-height: 1rem
         | 
| 407 628 | 
             
            }
         | 
| 408 629 |  | 
| 409 630 | 
             
            .kommandant-font-medium {
         | 
| 410 | 
            -
              font-weight: 500 | 
| 631 | 
            +
              font-weight: 500
         | 
| 411 632 | 
             
            }
         | 
| 412 633 |  | 
| 413 634 | 
             
            .kommandant-font-semibold {
         | 
| 414 | 
            -
              font-weight: 600 | 
| 635 | 
            +
              font-weight: 600
         | 
| 415 636 | 
             
            }
         | 
| 416 637 |  | 
| 417 638 | 
             
            .kommandant-leading-5 {
         | 
| 418 | 
            -
              line-height: 1.25rem | 
| 639 | 
            +
              line-height: 1.25rem
         | 
| 640 | 
            +
            }
         | 
| 641 | 
            +
             | 
| 642 | 
            +
            .kommandant-leading-6 {
         | 
| 643 | 
            +
              line-height: 1.5rem
         | 
| 419 644 | 
             
            }
         | 
| 420 645 |  | 
| 421 646 | 
             
            .kommandant-text-gray-400 {
         | 
| 422 647 | 
             
              --tw-text-opacity: 1;
         | 
| 423 | 
            -
              color: rgb(156 163 175 / var(--tw-text-opacity)) | 
| 648 | 
            +
              color: rgb(156 163 175 / var(--tw-text-opacity))
         | 
| 424 649 | 
             
            }
         | 
| 425 650 |  | 
| 426 651 | 
             
            .kommandant-text-gray-500 {
         | 
| 427 652 | 
             
              --tw-text-opacity: 1;
         | 
| 428 | 
            -
              color: rgb(107 114 128 / var(--tw-text-opacity)) | 
| 653 | 
            +
              color: rgb(107 114 128 / var(--tw-text-opacity))
         | 
| 429 654 | 
             
            }
         | 
| 430 655 |  | 
| 431 656 | 
             
            .kommandant-text-gray-600 {
         | 
| 432 657 | 
             
              --tw-text-opacity: 1;
         | 
| 433 | 
            -
              color: rgb(75 85 99 / var(--tw-text-opacity)) | 
| 658 | 
            +
              color: rgb(75 85 99 / var(--tw-text-opacity))
         | 
| 434 659 | 
             
            }
         | 
| 435 660 |  | 
| 436 661 | 
             
            .kommandant-text-gray-700 {
         | 
| 437 662 | 
             
              --tw-text-opacity: 1;
         | 
| 438 | 
            -
              color: rgb(55 65 81 / var(--tw-text-opacity)) | 
| 663 | 
            +
              color: rgb(55 65 81 / var(--tw-text-opacity))
         | 
| 439 664 | 
             
            }
         | 
| 440 665 |  | 
| 441 666 | 
             
            .kommandant-text-gray-800 {
         | 
| 442 667 | 
             
              --tw-text-opacity: 1;
         | 
| 443 | 
            -
              color: rgb(31 41 55 / var(--tw-text-opacity)) | 
| 668 | 
            +
              color: rgb(31 41 55 / var(--tw-text-opacity))
         | 
| 444 669 | 
             
            }
         | 
| 445 670 |  | 
| 446 671 | 
             
            .kommandant-text-gray-900 {
         | 
| 447 672 | 
             
              --tw-text-opacity: 1;
         | 
| 448 | 
            -
              color: rgb(17 24 39 / var(--tw-text-opacity)) | 
| 673 | 
            +
              color: rgb(17 24 39 / var(--tw-text-opacity))
         | 
| 449 674 | 
             
            }
         | 
| 450 675 |  | 
| 451 676 | 
             
            .kommandant-text-indigo-100 {
         | 
| 452 677 | 
             
              --tw-text-opacity: 1;
         | 
| 453 | 
            -
              color: rgb(224 231 255 / var(--tw-text-opacity)) | 
| 678 | 
            +
              color: rgb(224 231 255 / var(--tw-text-opacity))
         | 
| 679 | 
            +
            }
         | 
| 680 | 
            +
             | 
| 681 | 
            +
            .kommandant-text-slate-600 {
         | 
| 682 | 
            +
              --tw-text-opacity: 1;
         | 
| 683 | 
            +
              color: rgb(71 85 105 / var(--tw-text-opacity))
         | 
| 684 | 
            +
            }
         | 
| 685 | 
            +
             | 
| 686 | 
            +
            .kommandant-text-slate-700 {
         | 
| 687 | 
            +
              --tw-text-opacity: 1;
         | 
| 688 | 
            +
              color: rgb(51 65 85 / var(--tw-text-opacity))
         | 
| 454 689 | 
             
            }
         | 
| 455 690 |  | 
| 456 691 | 
             
            .kommandant-text-white {
         | 
| 457 692 | 
             
              --tw-text-opacity: 1;
         | 
| 458 | 
            -
              color: rgb(255 255 255 / var(--tw-text-opacity)) | 
| 693 | 
            +
              color: rgb(255 255 255 / var(--tw-text-opacity))
         | 
| 694 | 
            +
            }
         | 
| 695 | 
            +
             | 
| 696 | 
            +
            .kommandant-underline {
         | 
| 697 | 
            +
              text-decoration-line: underline
         | 
| 459 698 | 
             
            }
         | 
| 460 699 |  | 
| 461 700 | 
             
            .kommandant-placeholder-gray-400::-moz-placeholder {
         | 
| 462 701 | 
             
              --tw-placeholder-opacity: 1;
         | 
| 463 | 
            -
              color: rgb(156 163 175 / var(--tw-placeholder-opacity)) | 
| 702 | 
            +
              color: rgb(156 163 175 / var(--tw-placeholder-opacity))
         | 
| 464 703 | 
             
            }
         | 
| 465 704 |  | 
| 466 705 | 
             
            .kommandant-placeholder-gray-400::placeholder {
         | 
| 467 706 | 
             
              --tw-placeholder-opacity: 1;
         | 
| 468 | 
            -
              color: rgb(156 163 175 / var(--tw-placeholder-opacity)) | 
| 707 | 
            +
              color: rgb(156 163 175 / var(--tw-placeholder-opacity))
         | 
| 469 708 | 
             
            }
         | 
| 470 709 |  | 
| 471 710 | 
             
            .kommandant-opacity-0 {
         | 
| 472 | 
            -
              opacity: 0 | 
| 711 | 
            +
              opacity: 0
         | 
| 473 712 | 
             
            }
         | 
| 474 713 |  | 
| 475 714 | 
             
            .kommandant-opacity-100 {
         | 
| 476 | 
            -
              opacity: 1 | 
| 715 | 
            +
              opacity: 1
         | 
| 477 716 | 
             
            }
         | 
| 478 717 |  | 
| 479 718 | 
             
            .kommandant-opacity-25 {
         | 
| 480 | 
            -
              opacity: 0.25 | 
| 719 | 
            +
              opacity: 0.25
         | 
| 481 720 | 
             
            }
         | 
| 482 721 |  | 
| 483 722 | 
             
            .kommandant-opacity-75 {
         | 
| 484 | 
            -
              opacity: 0.75 | 
| 723 | 
            +
              opacity: 0.75
         | 
| 485 724 | 
             
            }
         | 
| 486 725 |  | 
| 487 726 | 
             
            .kommandant-shadow-2xl {
         | 
| 488 727 | 
             
              --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
         | 
| 489 728 | 
             
              --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
         | 
| 490 | 
            -
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | 
| 729 | 
            +
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
         | 
| 491 730 | 
             
            }
         | 
| 492 731 |  | 
| 493 732 | 
             
            .kommandant-shadow-sm {
         | 
| 494 733 | 
             
              --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
         | 
| 495 734 | 
             
              --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
         | 
| 496 | 
            -
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) | 
| 735 | 
            +
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
         | 
| 497 736 | 
             
            }
         | 
| 498 737 |  | 
| 499 738 | 
             
            .kommandant-ring-1 {
         | 
| 500 739 | 
             
              --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
         | 
| 501 740 | 
             
              --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
         | 
| 502 | 
            -
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | 
| 741 | 
            +
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
         | 
| 503 742 | 
             
            }
         | 
| 504 743 |  | 
| 505 744 | 
             
            .kommandant-ring-black {
         | 
| 506 745 | 
             
              --tw-ring-opacity: 1;
         | 
| 507 | 
            -
              --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) | 
| 746 | 
            +
              --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
         | 
| 508 747 | 
             
            }
         | 
| 509 748 |  | 
| 510 749 | 
             
            .kommandant-ring-opacity-5 {
         | 
| 511 | 
            -
              --tw-ring-opacity: 0.05 | 
| 750 | 
            +
              --tw-ring-opacity: 0.05
         | 
| 512 751 | 
             
            }
         | 
| 513 752 |  | 
| 514 753 | 
             
            .kommandant-transition-all {
         | 
| 515 754 | 
             
              transition-property: all;
         | 
| 516 755 | 
             
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         | 
| 517 | 
            -
              transition-duration: 150ms | 
| 756 | 
            +
              transition-duration: 150ms
         | 
| 518 757 | 
             
            }
         | 
| 519 758 |  | 
| 520 759 | 
             
            .kommandant-transition-opacity {
         | 
| 521 760 | 
             
              transition-property: opacity;
         | 
| 522 761 | 
             
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         | 
| 523 | 
            -
              transition-duration: 150ms | 
| 762 | 
            +
              transition-duration: 150ms
         | 
| 524 763 | 
             
            }
         | 
| 525 764 |  | 
| 526 765 | 
             
            .kommandant-duration-200 {
         | 
| 527 | 
            -
              transition-duration: 200ms | 
| 766 | 
            +
              transition-duration: 200ms
         | 
| 528 767 | 
             
            }
         | 
| 529 768 |  | 
| 530 769 | 
             
            .kommandant-duration-300 {
         | 
| 531 | 
            -
              transition-duration: 300ms | 
| 770 | 
            +
              transition-duration: 300ms
         | 
| 532 771 | 
             
            }
         | 
| 533 772 |  | 
| 534 773 | 
             
            .kommandant-ease-in {
         | 
| 535 | 
            -
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1) | 
| 774 | 
            +
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
         | 
| 536 775 | 
             
            }
         | 
| 537 776 |  | 
| 538 777 | 
             
            .kommandant-ease-out {
         | 
| 539 | 
            -
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1) | 
| 778 | 
            +
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
         | 
| 540 779 | 
             
            }
         | 
| 541 780 |  | 
| 542 781 | 
             
            .hover\:kommandant-cursor-pointer:hover {
         | 
| 543 | 
            -
              cursor: pointer | 
| 782 | 
            +
              cursor: pointer
         | 
| 544 783 | 
             
            }
         | 
| 545 784 |  | 
| 546 785 | 
             
            .hover\:kommandant-bg-gray-50:hover {
         | 
| 547 786 | 
             
              --tw-bg-opacity: 1;
         | 
| 548 | 
            -
              background-color: rgb(249 250 251 / var(--tw-bg-opacity)) | 
| 787 | 
            +
              background-color: rgb(249 250 251 / var(--tw-bg-opacity))
         | 
| 549 788 | 
             
            }
         | 
| 550 789 |  | 
| 551 790 | 
             
            .hover\:kommandant-text-gray-800:hover {
         | 
| 552 791 | 
             
              --tw-text-opacity: 1;
         | 
| 553 | 
            -
              color: rgb(31 41 55 / var(--tw-text-opacity)) | 
| 792 | 
            +
              color: rgb(31 41 55 / var(--tw-text-opacity))
         | 
| 793 | 
            +
            }
         | 
| 794 | 
            +
             | 
| 795 | 
            +
            .focus\:kommandant-border-slate-300:focus {
         | 
| 796 | 
            +
              --tw-border-opacity: 1;
         | 
| 797 | 
            +
              border-color: rgb(203 213 225 / var(--tw-border-opacity))
         | 
| 554 798 | 
             
            }
         | 
| 555 799 |  | 
| 556 800 | 
             
            .focus\:kommandant-outline-none:focus {
         | 
| 557 801 | 
             
              outline: 2px solid transparent;
         | 
| 558 | 
            -
              outline-offset: 2px | 
| 802 | 
            +
              outline-offset: 2px
         | 
| 803 | 
            +
            }
         | 
| 804 | 
            +
             | 
| 805 | 
            +
            .focus\:kommandant-ring:focus {
         | 
| 806 | 
            +
              --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
         | 
| 807 | 
            +
              --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
         | 
| 808 | 
            +
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
         | 
| 559 809 | 
             
            }
         | 
| 560 810 |  | 
| 561 811 | 
             
            .focus\:kommandant-ring-0:focus {
         | 
| 562 812 | 
             
              --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
         | 
| 563 813 | 
             
              --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
         | 
| 564 | 
            -
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | 
| 814 | 
            +
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
         | 
| 565 815 | 
             
            }
         | 
| 566 816 |  | 
| 567 817 | 
             
            .focus\:kommandant-ring-2:focus {
         | 
| 568 818 | 
             
              --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
         | 
| 569 819 | 
             
              --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
         | 
| 570 | 
            -
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) | 
| 820 | 
            +
              box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
         | 
| 571 821 | 
             
            }
         | 
| 572 822 |  | 
| 573 823 | 
             
            .focus\:kommandant-ring-gray-500:focus {
         | 
| 574 824 | 
             
              --tw-ring-opacity: 1;
         | 
| 575 | 
            -
              --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)) | 
| 825 | 
            +
              --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))
         | 
| 826 | 
            +
            }
         | 
| 827 | 
            +
             | 
| 828 | 
            +
            .focus\:kommandant-ring-slate-200:focus {
         | 
| 829 | 
            +
              --tw-ring-opacity: 1;
         | 
| 830 | 
            +
              --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))
         | 
| 831 | 
            +
            }
         | 
| 832 | 
            +
             | 
| 833 | 
            +
            .focus\:kommandant-ring-opacity-50:focus {
         | 
| 834 | 
            +
              --tw-ring-opacity: 0.5
         | 
| 835 | 
            +
            }
         | 
| 836 | 
            +
             | 
| 837 | 
            +
            .focus\:kommandant-ring-offset-0:focus {
         | 
| 838 | 
            +
              --tw-ring-offset-width: 0px
         | 
| 576 839 | 
             
            }
         | 
| 577 840 |  | 
| 578 841 | 
             
            .focus\:kommandant-ring-offset-2:focus {
         | 
| 579 | 
            -
              --tw-ring-offset-width: 2px | 
| 842 | 
            +
              --tw-ring-offset-width: 2px
         | 
| 580 843 | 
             
            }
         | 
| 581 844 |  | 
| 582 845 | 
             
            .disabled\:kommandant-cursor-not-allowed:disabled {
         | 
| 583 | 
            -
              cursor: not-allowed | 
| 846 | 
            +
              cursor: not-allowed
         | 
| 847 | 
            +
            }
         | 
| 848 | 
            +
             | 
| 849 | 
            +
            .disabled\:kommandant-text-slate-400:disabled {
         | 
| 850 | 
            +
              --tw-text-opacity: 1;
         | 
| 851 | 
            +
              color: rgb(148 163 184 / var(--tw-text-opacity))
         | 
| 584 852 | 
             
            }
         | 
| 585 853 |  | 
| 586 854 | 
             
            .disabled\:kommandant-opacity-50:disabled {
         | 
| 587 | 
            -
              opacity: 0.5 | 
| 855 | 
            +
              opacity: 0.5
         | 
| 588 856 | 
             
            }
         | 
| 589 857 |  | 
| 590 858 | 
             
            .data-\[active\=true\]\:kommandant-bg-slate-600[data-active=true] {
         | 
| 591 859 | 
             
              --tw-bg-opacity: 1;
         | 
| 592 | 
            -
              background-color: rgb(71 85 105 / var(--tw-bg-opacity)) | 
| 860 | 
            +
              background-color: rgb(71 85 105 / var(--tw-bg-opacity))
         | 
| 593 861 | 
             
            }
         | 
| 594 862 |  | 
| 595 863 | 
             
            .data-\[active\=true\]\:kommandant-text-white[data-active=true] {
         | 
| 596 864 | 
             
              --tw-text-opacity: 1;
         | 
| 597 | 
            -
              color: rgb(255 255 255 / var(--tw-text-opacity)) | 
| 865 | 
            +
              color: rgb(255 255 255 / var(--tw-text-opacity))
         | 
| 598 866 | 
             
            }
         | 
| 599 867 |  | 
| 600 868 | 
             
            .kommandant-group[data-active=true] .group-data-\[active\=true\]\:kommandant-inline {
         | 
| 601 | 
            -
              display: inline | 
| 869 | 
            +
              display: inline
         | 
| 602 870 | 
             
            }
         | 
| 603 871 |  | 
| 604 872 | 
             
            .kommandant-group[data-active=true] .group-data-\[active\=true\]\:kommandant-text-white {
         | 
| 605 873 | 
             
              --tw-text-opacity: 1;
         | 
| 606 | 
            -
              color: rgb(255 255 255 / var(--tw-text-opacity)) | 
| 874 | 
            +
              color: rgb(255 255 255 / var(--tw-text-opacity))
         | 
| 607 875 | 
             
            }
         | 
| 608 876 |  | 
| 609 877 | 
             
            .kommandant-group[data-active=true] .group-data-\[active\=true\]\:kommandant-outline-none {
         | 
| 610 878 | 
             
              outline: 2px solid transparent;
         | 
| 611 | 
            -
              outline-offset: 2px | 
| 879 | 
            +
              outline-offset: 2px
         | 
| 612 880 | 
             
            }
         | 
| 613 881 |  | 
| 614 882 | 
             
            @media (min-width: 640px) {
         | 
| 615 883 | 
             
              .sm\:kommandant-p-6 {
         | 
| 616 | 
            -
                padding: 1.5rem | 
| 884 | 
            +
                padding: 1.5rem
         | 
| 617 885 | 
             
              }
         | 
| 618 886 |  | 
| 619 887 | 
             
              .sm\:kommandant-px-14 {
         | 
| 620 888 | 
             
                padding-left: 3.5rem;
         | 
| 621 | 
            -
                padding-right: 3.5rem | 
| 889 | 
            +
                padding-right: 3.5rem
         | 
| 622 890 | 
             
              }
         | 
| 623 891 |  | 
| 624 892 | 
             
              .sm\:kommandant-text-sm {
         | 
| 625 893 | 
             
                font-size: 0.875rem;
         | 
| 626 | 
            -
                line-height: 1.25rem | 
| 894 | 
            +
                line-height: 1.25rem
         | 
| 627 895 | 
             
              }
         | 
| 628 896 | 
             
            }
         | 
| 629 897 |  | 
| 630 898 | 
             
            @media (min-width: 768px) {
         | 
| 631 899 | 
             
              .md\:kommandant-p-20 {
         | 
| 632 | 
            -
                padding: 5rem | 
| 900 | 
            +
                padding: 5rem
         | 
| 633 901 | 
             
              }
         | 
| 634 902 | 
             
            }
         |