panda_cms 0.5.10 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +3 -1
  3. data/Rakefile +0 -1
  4. data/app/assets/builds/panda_cms.css +2415 -1
  5. data/app/assets/config/panda_cms_manifest.js +2 -0
  6. data/app/assets/stylesheets/panda_cms/application.tailwind.css +3 -27
  7. data/app/builders/panda_cms/form_builder.rb +1 -1
  8. data/app/components/panda_cms/admin/button_component.rb +6 -3
  9. data/app/components/panda_cms/admin/flash_message_component.rb +1 -1
  10. data/app/components/panda_cms/admin/tag_component.rb +1 -1
  11. data/app/components/panda_cms/code_component.rb +60 -0
  12. data/app/components/panda_cms/page_menu_component.html.erb +6 -4
  13. data/app/components/panda_cms/page_menu_component.rb +21 -12
  14. data/app/components/panda_cms/rich_text_component.html.erb +6 -38
  15. data/app/components/panda_cms/rich_text_component.rb +24 -7
  16. data/app/components/panda_cms/text_component.rb +25 -22
  17. data/app/controllers/panda_cms/admin/dashboard_controller.rb +14 -6
  18. data/app/controllers/panda_cms/admin/menus_controller.rb +1 -54
  19. data/app/controllers/panda_cms/admin/pages_controller.rb +2 -1
  20. data/app/controllers/panda_cms/admin/sessions_controller.rb +13 -6
  21. data/app/controllers/panda_cms/application_controller.rb +1 -1
  22. data/app/controllers/panda_cms/pages_controller.rb +1 -1
  23. data/app/controllers/panda_cms/posts_controller.rb +1 -1
  24. data/app/helpers/panda_cms/application_helper.rb +2 -2
  25. data/app/javascript/panda_cms/@hotwired--stimulus.js +4 -0
  26. data/app/javascript/panda_cms/@hotwired--turbo.js +160 -0
  27. data/app/javascript/panda_cms/@rails--actioncable--src.js +4 -0
  28. data/app/javascript/panda_cms/application_panda_cms.js +4 -0
  29. data/app/javascript/panda_cms/controllers/dashboard_controller.js +7 -0
  30. data/app/javascript/panda_cms/controllers/index.js +42 -0
  31. data/app/javascript/panda_cms/controllers/slug_controller.js +48 -0
  32. data/app/javascript/panda_cms/panda_cms_editable.js +248 -0
  33. data/app/javascript/panda_cms/tailwindcss-stimulus-components.js +4 -0
  34. data/app/lib/panda_cms/demo_site_generator.rb +1 -1
  35. data/app/lib/panda_cms/slug.rb +1 -1
  36. data/app/models/panda_cms/block.rb +2 -2
  37. data/app/models/panda_cms/page.rb +9 -3
  38. data/app/models/panda_cms/post.rb +1 -1
  39. data/app/models/panda_cms/template.rb +4 -2
  40. data/app/models/panda_cms/user.rb +9 -1
  41. data/app/views/panda_cms/admin/dashboard/show.html.erb +11 -9
  42. data/app/views/panda_cms/admin/forms/new.html.erb +6 -7
  43. data/app/views/panda_cms/admin/menus/index.html.erb +0 -2
  44. data/app/views/panda_cms/admin/pages/edit.html.erb +18 -16
  45. data/app/views/panda_cms/admin/pages/new.html.erb +6 -7
  46. data/app/views/panda_cms/admin/posts/_form.html.erb +4 -4
  47. data/app/views/panda_cms/admin/sessions/new.html.erb +1 -2
  48. data/app/views/panda_cms/admin/shared/_sidebar.html.erb +12 -16
  49. data/app/views/panda_cms/shared/_header.html.erb +14 -14
  50. data/app/views/panda_cms/shared/_importmap.html.erb +22 -0
  51. data/config/importmap.rb +11 -10
  52. data/config/initializers/panda_cms.rb +57 -55
  53. data/config/routes.rb +9 -9
  54. data/config/tailwind.config.js +1 -0
  55. data/db/migrate/20240205223709_create_panda_cms_pages.rb +6 -4
  56. data/lib/generators/panda_cms/install_generator.rb +3 -0
  57. data/lib/panda_cms/engine.rb +27 -22
  58. data/lib/panda_cms/version.rb +1 -1
  59. data/lib/panda_cms.rb +58 -10
  60. data/lib/tasks/panda_cms.rake +41 -57
  61. data/public/panda-cms-assets/rich_text_editor.css +568 -0
  62. metadata +216 -278
  63. data/app/javascript/base.js +0 -37
  64. data/app/javascript/controllers/menu_controller.js +0 -19
  65. data/app/javascript/controllers/text_controller.js +0 -78
  66. data/app/javascript/controllers/text_field_update_controller.js +0 -51
  67. data/app/javascript/vendor/stimulus-components-rails-nested-form.js +0 -2
  68. data/app/javascript/vendor/tailwindcss-stimulus-components.js +0 -2
  69. data/app/views/panda_cms/admin/menus/_form.html.erb +0 -21
  70. data/app/views/panda_cms/admin/menus/_menu_item_fields.html.erb +0 -7
  71. data/app/views/panda_cms/admin/menus/edit.html.erb +0 -58
  72. data/app/views/panda_cms/admin/menus/new.html.erb +0 -5
  73. data/public/panda-cms-assets/javascripts/base.js +0 -37
  74. data/public/panda-cms-assets/javascripts/controllers/menu_controller.js +0 -19
  75. data/public/panda-cms-assets/javascripts/controllers/text_field_update_controller.js +0 -23
  76. data/public/panda-cms-assets/javascripts/embed/editable.js +0 -358
  77. data/public/panda-cms-assets/javascripts/embed/rich_text.css +0 -1294
  78. data/public/panda-cms-assets/javascripts/vendor/stimulus-components-rails-nested-form.js +0 -2
  79. data/public/panda-cms-assets/javascripts/vendor/stimulus-loading.js +0 -113
  80. data/public/panda-cms-assets/javascripts/vendor/tailwindcss-stimulus-components.js +0 -2
  81. /data/db/migrate/{20240804110225_add_status_to_panda_cms_pages.rb → 20240315125411_add_status_to_panda_cms_pages.rb} +0 -0
@@ -1 +1,2415 @@
1
- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html[data-theme=default]{--color-white:249 249 249;--color-black:26 22 29;--color-light:238 206 230;--color-mid:141 94 183;--color-dark:33 29 73;--color-highlight:208 64 20;--color-active:188 230 163;--color-warning:250 207 142;--color-inactive:211 229 249;--color-error:245 129 129}html[data-theme=sky]{--color-white:249 249 249;--color-black:26 22 29;--color-light:204 238 242;--color-mid:42 102 159;--color-dark:20 32 74;--color-highlight:208 64 20;--color-active:166 211 129;--color-warning:244 190 102;--color-error:208 64 20}a.block-link:after{content:"";inset:0;position:absolute}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.aspect-h-7{--tw-aspect-h:7}.aspect-w-10{padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative;--tw-aspect-w:10}.aspect-w-10>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1\.5{inset:-.375rem}.inset-0{inset:0}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.z-10{z-index:10}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.m-0{margin:0}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.25rem}.-mb-px{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.-mt-1{margin-top:-.25rem}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-12{margin-left:3rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-40{margin-left:10rem}.ml-48{margin-left:12rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[calc\(100vh-10rem\)\]{height:calc(100vh - 10rem)}.h-full{height:100%}.max-h-16{max-height:4rem}.max-h-full{max-height:100%}.min-h-20{min-height:5rem}.min-h-32{min-height:8rem}.min-h-full{min-height:100%}.w-0{width:0}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.min-w-56{min-width:14rem}.min-w-full{min-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-3\/12{flex-basis:25%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-full{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))}.translate-x-full{--tw-translate-x:100%}.transform{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))}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-5{gap:1.25rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-8{row-gap:2rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-keep{word-break:keep-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.rounded-s-md{border-end-start-radius:.375rem;border-start-start-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-dark{--tw-border-opacity:1;border-color:rgb(var(--color-dark)/var(--tw-border-opacity))}.border-error{--tw-border-opacity:1;border-color:rgb(var(--color-error)/var(--tw-border-opacity))}.border-highlight{--tw-border-opacity:1;border-color:rgb(var(--color-highlight)/var(--tw-border-opacity))}.border-mid{--tw-border-opacity:1;border-color:rgb(var(--color-mid)/var(--tw-border-opacity))}.border-mid\/20{border-color:rgb(var(--color-mid)/.2)}.border-transparent{border-color:transparent}.bg-active{--tw-bg-opacity:1;background-color:rgb(var(--color-active)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(var(--color-black)/var(--tw-bg-opacity))}.bg-black\/5{background-color:rgb(var(--color-black)/.05)}.bg-error\/10{background-color:rgb(var(--color-error)/.1)}.bg-mid{--tw-bg-opacity:1;background-color:rgb(var(--color-mid)/var(--tw-bg-opacity))}.bg-mid\/5{background-color:rgb(var(--color-mid)/.05)}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity:1;background-color:rgb(var(--color-warning)/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--color-white)/var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-dark{--tw-gradient-from:rgb(var(--color-dark)/1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--color-dark)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-light\/20{--tw-gradient-from:rgb(var(--color-light)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--color-light)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-light{--tw-gradient-to:rgb(var(--color-light)/1) var(--tw-gradient-to-position)}.to-mid{--tw-gradient-to:rgb(var(--color-mid)/1) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-20{padding-left:5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-\[0\.2rem\]{padding-top:.2rem}.pl-2{padding-left:.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-loose{line-height:2}.tracking-tight{letter-spacing:-.025em}.text-active{--tw-text-opacity:1;color:rgb(var(--color-active)/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(var(--color-black)/var(--tw-text-opacity))}.text-black\/60{color:rgb(var(--color-black)/.6)}.text-black\/80{color:rgb(var(--color-black)/.8)}.text-dark{--tw-text-opacity:1;color:rgb(var(--color-dark)/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:rgb(var(--color-error)/var(--tw-text-opacity))}.text-highlight{--tw-text-opacity:1;color:rgb(var(--color-highlight)/var(--tw-text-opacity))}.text-mid{--tw-text-opacity:1;color:rgb(var(--color-mid)/var(--tw-text-opacity))}.text-mid\/50{color:rgb(var(--color-mid)/.5)}.text-warning{--tw-text-opacity:1;color:rgb(var(--color-warning)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--color-white)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-black)/var(--tw-ring-opacity))}.ring-black\/30{--tw-ring-color:rgb(var(--color-black)/0.3)}.ring-mid{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-mid)/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.ring-offset-0{--tw-ring-offset-width:0px}.ring-offset-2{--tw-ring-offset-width:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-all{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ql-editor{border:none!important;margin:-1rem 0 0;padding:0!important;&:active,&:focus{border:none;outline:none}h1,h2,h3,p{margin-bottom:20px!important}h1,h2,h3,li,p{font-size:130%!important}}.trix-content .attachment-gallery>.attachment,.trix-content .attachment-gallery>action-text-attachment{flex:1 0 33%;max-width:33%;padding:0 .5em}.trix-content .attachment-gallery.attachment-gallery--2>.attachment,.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--4>.attachment,.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment{flex-basis:50%;max-width:50%}.trix-content action-text-attachment .attachment{max-width:100%!important;padding:0!important}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-white::file-selector-button{--tw-bg-opacity:1;background-color:rgb(var(--color-white)/var(--tw-bg-opacity))}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-black)/var(--tw-bg-opacity))}.hover\:bg-light:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-light)/var(--tw-bg-opacity))}.hover\:bg-mid\/20:hover{background-color:rgb(var(--color-mid)/.2)}.hover\:bg-mid\/60:hover{background-color:rgb(var(--color-mid)/.6)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-white)/var(--tw-bg-opacity))}.hover\:text-black\/80:hover{color:rgb(var(--color-black)/.8)}.hover\:text-error:hover{--tw-text-opacity:1;color:rgb(var(--color-error)/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(var(--color-white)/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-dark:focus{--tw-border-opacity:1;border-color:rgb(var(--color-dark)/var(--tw-border-opacity))}.focus\:text-black:focus{--tw-text-opacity:1;color:rgb(var(--color-black)/var(--tw-text-opacity))}.focus\:underline:focus{text-decoration-line:underline}.focus\:shadow-none:focus{--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)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-black:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-black)/var(--tw-ring-opacity))}.focus\:ring-dark:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-dark)/var(--tw-ring-opacity))}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-highlight:focus-visible{outline-color:rgb(var(--color-highlight)/1)}.group:hover .group-hover\:opacity-75{opacity:.75}@media (min-width:640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mt-2{margin-top:.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-full{width:100%}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:items-end{align-items:flex-end}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-6{line-height:1.5rem}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:inset-y-0{bottom:0;top:0}.lg\:z-50{z-index:50}.lg\:ml-72{margin-left:18rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:max-h-full{max-height:100%}.lg\:w-72{width:18rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.xl\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}}
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
+
109
+ /*
110
+ ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
111
+ */
112
+
113
+ /*
114
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
115
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
116
+ */
117
+
118
+ *,
119
+ ::before,
120
+ ::after {
121
+ box-sizing: border-box;
122
+ /* 1 */
123
+ border-width: 0;
124
+ /* 2 */
125
+ border-style: solid;
126
+ /* 2 */
127
+ border-color: currentColor;
128
+ /* 2 */
129
+ }
130
+
131
+ ::before,
132
+ ::after {
133
+ --tw-content: '';
134
+ }
135
+
136
+ /*
137
+ 1. Use a consistent sensible line-height in all browsers.
138
+ 2. Prevent adjustments of font size after orientation changes in iOS.
139
+ 3. Use a more readable tab size.
140
+ 4. Use the user's configured `sans` font-family by default.
141
+ 5. Use the user's configured `sans` font-feature-settings by default.
142
+ 6. Use the user's configured `sans` font-variation-settings by default.
143
+ 7. Disable tap highlights on iOS
144
+ */
145
+
146
+ html,
147
+ :host {
148
+ line-height: 1.5;
149
+ /* 1 */
150
+ -webkit-text-size-adjust: 100%;
151
+ /* 2 */
152
+ -moz-tab-size: 4;
153
+ /* 3 */
154
+ -o-tab-size: 4;
155
+ tab-size: 4;
156
+ /* 3 */
157
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
158
+ /* 4 */
159
+ font-feature-settings: normal;
160
+ /* 5 */
161
+ font-variation-settings: normal;
162
+ /* 6 */
163
+ -webkit-tap-highlight-color: transparent;
164
+ /* 7 */
165
+ }
166
+
167
+ /*
168
+ 1. Remove the margin in all browsers.
169
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
170
+ */
171
+
172
+ body {
173
+ margin: 0;
174
+ /* 1 */
175
+ line-height: inherit;
176
+ /* 2 */
177
+ }
178
+
179
+ /*
180
+ 1. Add the correct height in Firefox.
181
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
182
+ 3. Ensure horizontal rules are visible by default.
183
+ */
184
+
185
+ hr {
186
+ height: 0;
187
+ /* 1 */
188
+ color: inherit;
189
+ /* 2 */
190
+ border-top-width: 1px;
191
+ /* 3 */
192
+ }
193
+
194
+ /*
195
+ Add the correct text decoration in Chrome, Edge, and Safari.
196
+ */
197
+
198
+ abbr:where([title]) {
199
+ -webkit-text-decoration: underline dotted;
200
+ text-decoration: underline dotted;
201
+ }
202
+
203
+ /*
204
+ Remove the default font size and weight for headings.
205
+ */
206
+
207
+ h1,
208
+ h2,
209
+ h3,
210
+ h4,
211
+ h5,
212
+ h6 {
213
+ font-size: inherit;
214
+ font-weight: inherit;
215
+ }
216
+
217
+ /*
218
+ Reset links to optimize for opt-in styling instead of opt-out.
219
+ */
220
+
221
+ a {
222
+ color: inherit;
223
+ text-decoration: inherit;
224
+ }
225
+
226
+ /*
227
+ Add the correct font weight in Edge and Safari.
228
+ */
229
+
230
+ b,
231
+ strong {
232
+ font-weight: bolder;
233
+ }
234
+
235
+ /*
236
+ 1. Use the user's configured `mono` font-family by default.
237
+ 2. Use the user's configured `mono` font-feature-settings by default.
238
+ 3. Use the user's configured `mono` font-variation-settings by default.
239
+ 4. Correct the odd `em` font sizing in all browsers.
240
+ */
241
+
242
+ code,
243
+ kbd,
244
+ samp,
245
+ pre {
246
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
247
+ /* 1 */
248
+ font-feature-settings: normal;
249
+ /* 2 */
250
+ font-variation-settings: normal;
251
+ /* 3 */
252
+ font-size: 1em;
253
+ /* 4 */
254
+ }
255
+
256
+ /*
257
+ Add the correct font size in all browsers.
258
+ */
259
+
260
+ small {
261
+ font-size: 80%;
262
+ }
263
+
264
+ /*
265
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
266
+ */
267
+
268
+ sub,
269
+ sup {
270
+ font-size: 75%;
271
+ line-height: 0;
272
+ position: relative;
273
+ vertical-align: baseline;
274
+ }
275
+
276
+ sub {
277
+ bottom: -0.25em;
278
+ }
279
+
280
+ sup {
281
+ top: -0.5em;
282
+ }
283
+
284
+ /*
285
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
286
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
287
+ 3. Remove gaps between table borders by default.
288
+ */
289
+
290
+ table {
291
+ text-indent: 0;
292
+ /* 1 */
293
+ border-color: inherit;
294
+ /* 2 */
295
+ border-collapse: collapse;
296
+ /* 3 */
297
+ }
298
+
299
+ /*
300
+ 1. Change the font styles in all browsers.
301
+ 2. Remove the margin in Firefox and Safari.
302
+ 3. Remove default padding in all browsers.
303
+ */
304
+
305
+ button,
306
+ input,
307
+ optgroup,
308
+ select,
309
+ textarea {
310
+ font-family: inherit;
311
+ /* 1 */
312
+ font-feature-settings: inherit;
313
+ /* 1 */
314
+ font-variation-settings: inherit;
315
+ /* 1 */
316
+ font-size: 100%;
317
+ /* 1 */
318
+ font-weight: inherit;
319
+ /* 1 */
320
+ line-height: inherit;
321
+ /* 1 */
322
+ letter-spacing: inherit;
323
+ /* 1 */
324
+ color: inherit;
325
+ /* 1 */
326
+ margin: 0;
327
+ /* 2 */
328
+ padding: 0;
329
+ /* 3 */
330
+ }
331
+
332
+ /*
333
+ Remove the inheritance of text transform in Edge and Firefox.
334
+ */
335
+
336
+ button,
337
+ select {
338
+ text-transform: none;
339
+ }
340
+
341
+ /*
342
+ 1. Correct the inability to style clickable types in iOS and Safari.
343
+ 2. Remove default button styles.
344
+ */
345
+
346
+ button,
347
+ input:where([type='button']),
348
+ input:where([type='reset']),
349
+ input:where([type='submit']) {
350
+ -webkit-appearance: button;
351
+ /* 1 */
352
+ background-color: transparent;
353
+ /* 2 */
354
+ background-image: none;
355
+ /* 2 */
356
+ }
357
+
358
+ /*
359
+ Use the modern Firefox focus style for all focusable elements.
360
+ */
361
+
362
+ :-moz-focusring {
363
+ outline: auto;
364
+ }
365
+
366
+ /*
367
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
368
+ */
369
+
370
+ :-moz-ui-invalid {
371
+ box-shadow: none;
372
+ }
373
+
374
+ /*
375
+ Add the correct vertical alignment in Chrome and Firefox.
376
+ */
377
+
378
+ progress {
379
+ vertical-align: baseline;
380
+ }
381
+
382
+ /*
383
+ Correct the cursor style of increment and decrement buttons in Safari.
384
+ */
385
+
386
+ ::-webkit-inner-spin-button,
387
+ ::-webkit-outer-spin-button {
388
+ height: auto;
389
+ }
390
+
391
+ /*
392
+ 1. Correct the odd appearance in Chrome and Safari.
393
+ 2. Correct the outline style in Safari.
394
+ */
395
+
396
+ [type='search'] {
397
+ -webkit-appearance: textfield;
398
+ /* 1 */
399
+ outline-offset: -2px;
400
+ /* 2 */
401
+ }
402
+
403
+ /*
404
+ Remove the inner padding in Chrome and Safari on macOS.
405
+ */
406
+
407
+ ::-webkit-search-decoration {
408
+ -webkit-appearance: none;
409
+ }
410
+
411
+ /*
412
+ 1. Correct the inability to style clickable types in iOS and Safari.
413
+ 2. Change font properties to `inherit` in Safari.
414
+ */
415
+
416
+ ::-webkit-file-upload-button {
417
+ -webkit-appearance: button;
418
+ /* 1 */
419
+ font: inherit;
420
+ /* 2 */
421
+ }
422
+
423
+ /*
424
+ Add the correct display in Chrome and Safari.
425
+ */
426
+
427
+ summary {
428
+ display: list-item;
429
+ }
430
+
431
+ /*
432
+ Removes the default spacing and border for appropriate elements.
433
+ */
434
+
435
+ blockquote,
436
+ dl,
437
+ dd,
438
+ h1,
439
+ h2,
440
+ h3,
441
+ h4,
442
+ h5,
443
+ h6,
444
+ hr,
445
+ figure,
446
+ p,
447
+ pre {
448
+ margin: 0;
449
+ }
450
+
451
+ fieldset {
452
+ margin: 0;
453
+ padding: 0;
454
+ }
455
+
456
+ legend {
457
+ padding: 0;
458
+ }
459
+
460
+ ol,
461
+ ul,
462
+ menu {
463
+ list-style: none;
464
+ margin: 0;
465
+ padding: 0;
466
+ }
467
+
468
+ /*
469
+ Reset default styling for dialogs.
470
+ */
471
+
472
+ dialog {
473
+ padding: 0;
474
+ }
475
+
476
+ /*
477
+ Prevent resizing textareas horizontally by default.
478
+ */
479
+
480
+ textarea {
481
+ resize: vertical;
482
+ }
483
+
484
+ /*
485
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
486
+ 2. Set the default placeholder color to the user's configured gray 400 color.
487
+ */
488
+
489
+ input::-moz-placeholder, textarea::-moz-placeholder {
490
+ opacity: 1;
491
+ /* 1 */
492
+ color: #9ca3af;
493
+ /* 2 */
494
+ }
495
+
496
+ input::placeholder,
497
+ textarea::placeholder {
498
+ opacity: 1;
499
+ /* 1 */
500
+ color: #9ca3af;
501
+ /* 2 */
502
+ }
503
+
504
+ /*
505
+ Set the default cursor for buttons.
506
+ */
507
+
508
+ button,
509
+ [role="button"] {
510
+ cursor: pointer;
511
+ }
512
+
513
+ /*
514
+ Make sure disabled buttons don't get the pointer cursor.
515
+ */
516
+
517
+ :disabled {
518
+ cursor: default;
519
+ }
520
+
521
+ /*
522
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
523
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
524
+ This can trigger a poorly considered lint error in some tools but is included by design.
525
+ */
526
+
527
+ img,
528
+ svg,
529
+ video,
530
+ canvas,
531
+ audio,
532
+ iframe,
533
+ embed,
534
+ object {
535
+ display: block;
536
+ /* 1 */
537
+ vertical-align: middle;
538
+ /* 2 */
539
+ }
540
+
541
+ /*
542
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
543
+ */
544
+
545
+ img,
546
+ video {
547
+ max-width: 100%;
548
+ height: auto;
549
+ }
550
+
551
+ /* Make elements with the HTML hidden attribute stay hidden by default */
552
+
553
+ [hidden]:where(:not([hidden="until-found"])) {
554
+ display: none;
555
+ }
556
+
557
+ [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
558
+ -webkit-appearance: none;
559
+ -moz-appearance: none;
560
+ appearance: none;
561
+ background-color: #fff;
562
+ border-color: #6b7280;
563
+ border-width: 1px;
564
+ border-radius: 0px;
565
+ padding-top: 0.5rem;
566
+ padding-right: 0.75rem;
567
+ padding-bottom: 0.5rem;
568
+ padding-left: 0.75rem;
569
+ font-size: 1rem;
570
+ line-height: 1.5rem;
571
+ --tw-shadow: 0 0 #0000;
572
+ }
573
+
574
+ [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
575
+ outline: 2px solid transparent;
576
+ outline-offset: 2px;
577
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
578
+ --tw-ring-offset-width: 0px;
579
+ --tw-ring-offset-color: #fff;
580
+ --tw-ring-color: #2563eb;
581
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
582
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
583
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
584
+ border-color: #2563eb;
585
+ }
586
+
587
+ input::-moz-placeholder, textarea::-moz-placeholder {
588
+ color: #6b7280;
589
+ opacity: 1;
590
+ }
591
+
592
+ input::placeholder,textarea::placeholder {
593
+ color: #6b7280;
594
+ opacity: 1;
595
+ }
596
+
597
+ ::-webkit-datetime-edit-fields-wrapper {
598
+ padding: 0;
599
+ }
600
+
601
+ ::-webkit-date-and-time-value {
602
+ min-height: 1.5em;
603
+ text-align: inherit;
604
+ }
605
+
606
+ ::-webkit-datetime-edit {
607
+ display: inline-flex;
608
+ }
609
+
610
+ ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
611
+ padding-top: 0;
612
+ padding-bottom: 0;
613
+ }
614
+
615
+ select {
616
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
617
+ background-position: right 0.5rem center;
618
+ background-repeat: no-repeat;
619
+ background-size: 1.5em 1.5em;
620
+ padding-right: 2.5rem;
621
+ -webkit-print-color-adjust: exact;
622
+ print-color-adjust: exact;
623
+ }
624
+
625
+ [multiple],[size]:where(select:not([size="1"])) {
626
+ background-image: initial;
627
+ background-position: initial;
628
+ background-repeat: unset;
629
+ background-size: initial;
630
+ padding-right: 0.75rem;
631
+ -webkit-print-color-adjust: unset;
632
+ print-color-adjust: unset;
633
+ }
634
+
635
+ [type='checkbox'],[type='radio'] {
636
+ -webkit-appearance: none;
637
+ -moz-appearance: none;
638
+ appearance: none;
639
+ padding: 0;
640
+ -webkit-print-color-adjust: exact;
641
+ print-color-adjust: exact;
642
+ display: inline-block;
643
+ vertical-align: middle;
644
+ background-origin: border-box;
645
+ -webkit-user-select: none;
646
+ -moz-user-select: none;
647
+ user-select: none;
648
+ flex-shrink: 0;
649
+ height: 1rem;
650
+ width: 1rem;
651
+ color: #2563eb;
652
+ background-color: #fff;
653
+ border-color: #6b7280;
654
+ border-width: 1px;
655
+ --tw-shadow: 0 0 #0000;
656
+ }
657
+
658
+ [type='checkbox'] {
659
+ border-radius: 0px;
660
+ }
661
+
662
+ [type='radio'] {
663
+ border-radius: 100%;
664
+ }
665
+
666
+ [type='checkbox']:focus,[type='radio']:focus {
667
+ outline: 2px solid transparent;
668
+ outline-offset: 2px;
669
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
670
+ --tw-ring-offset-width: 2px;
671
+ --tw-ring-offset-color: #fff;
672
+ --tw-ring-color: #2563eb;
673
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
674
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
675
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
676
+ }
677
+
678
+ [type='checkbox']:checked,[type='radio']:checked {
679
+ border-color: transparent;
680
+ background-color: currentColor;
681
+ background-size: 100% 100%;
682
+ background-position: center;
683
+ background-repeat: no-repeat;
684
+ }
685
+
686
+ [type='checkbox']:checked {
687
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
688
+ }
689
+
690
+ @media (forced-colors: active) {
691
+ [type='checkbox']:checked {
692
+ -webkit-appearance: auto;
693
+ -moz-appearance: auto;
694
+ appearance: auto;
695
+ }
696
+ }
697
+
698
+ [type='radio']:checked {
699
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
700
+ }
701
+
702
+ @media (forced-colors: active) {
703
+ [type='radio']:checked {
704
+ -webkit-appearance: auto;
705
+ -moz-appearance: auto;
706
+ appearance: auto;
707
+ }
708
+ }
709
+
710
+ [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
711
+ border-color: transparent;
712
+ background-color: currentColor;
713
+ }
714
+
715
+ [type='checkbox']:indeterminate {
716
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
717
+ border-color: transparent;
718
+ background-color: currentColor;
719
+ background-size: 100% 100%;
720
+ background-position: center;
721
+ background-repeat: no-repeat;
722
+ }
723
+
724
+ @media (forced-colors: active) {
725
+ [type='checkbox']:indeterminate {
726
+ -webkit-appearance: auto;
727
+ -moz-appearance: auto;
728
+ appearance: auto;
729
+ }
730
+ }
731
+
732
+ [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
733
+ border-color: transparent;
734
+ background-color: currentColor;
735
+ }
736
+
737
+ [type='file'] {
738
+ background: unset;
739
+ border-color: inherit;
740
+ border-width: 0;
741
+ border-radius: 0;
742
+ padding: 0;
743
+ font-size: unset;
744
+ line-height: inherit;
745
+ }
746
+
747
+ [type='file']:focus {
748
+ outline: 1px solid ButtonText;
749
+ outline: 1px auto -webkit-focus-ring-color;
750
+ }
751
+
752
+ html[data-theme="default"] {
753
+ --color-white: 249 249 249;
754
+ /* #F9F9F9 */
755
+ --color-black: 26 22 29;
756
+ /* #1A161D */
757
+ --color-light: 238 206 230;
758
+ /* #EECEE6 */
759
+ --color-mid: 141 94 183;
760
+ /* #8D5EB7 */
761
+ --color-dark: 33 29 73;
762
+ /* #211D49 */
763
+ --color-highlight: 208 64 20;
764
+ /* #D04014 */
765
+ --color-active: 0 135 85;
766
+ /* #008755 */
767
+ --color-warning: 250 207 142;
768
+ /* #FACF8E */
769
+ --color-inactive: 216 247 245;
770
+ /* #d6e4f7 */
771
+ --color-error: 245 129 129;
772
+ /* #F58181 */
773
+ }
774
+
775
+ html[data-theme="sky"] {
776
+ --color-white: 249 249 249;
777
+ /* #F9F9F9 */
778
+ --color-black: 26 22 29;
779
+ /* #1A161D */
780
+ --color-light: 204 238 242;
781
+ /* #CCEEF2 */
782
+ --color-mid: 42 102 159;
783
+ /* #2A669F */
784
+ --color-dark: 20 32 74;
785
+ /* #14204A */
786
+ --color-highlight: 208 64 20;
787
+ /* #D04014 */
788
+ --color-active: 166 211 129;
789
+ /* #A6D381 */
790
+ --color-warning: 244 190 102;
791
+ /* #F4BE66 */
792
+ --color-inactive: 216 247 245;
793
+ /* #d6e4f7 */
794
+ --color-error: 208 64 20;
795
+ /* #D04014 */
796
+ }
797
+
798
+ a.block-link:after {
799
+ position: absolute;
800
+ content: "";
801
+ inset: 0;
802
+ }
803
+
804
+ .container {
805
+ width: 100%;
806
+ }
807
+
808
+ @media (min-width: 640px) {
809
+ .container {
810
+ max-width: 640px;
811
+ }
812
+ }
813
+
814
+ @media (min-width: 768px) {
815
+ .container {
816
+ max-width: 768px;
817
+ }
818
+ }
819
+
820
+ @media (min-width: 1024px) {
821
+ .container {
822
+ max-width: 1024px;
823
+ }
824
+ }
825
+
826
+ @media (min-width: 1280px) {
827
+ .container {
828
+ max-width: 1280px;
829
+ }
830
+ }
831
+
832
+ @media (min-width: 1536px) {
833
+ .container {
834
+ max-width: 1536px;
835
+ }
836
+ }
837
+
838
+ .aspect-h-7 {
839
+ --tw-aspect-h: 7;
840
+ }
841
+
842
+ .aspect-w-10 {
843
+ position: relative;
844
+ padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
845
+ --tw-aspect-w: 10;
846
+ }
847
+
848
+ .aspect-w-10 > * {
849
+ position: absolute;
850
+ height: 100%;
851
+ width: 100%;
852
+ top: 0;
853
+ right: 0;
854
+ bottom: 0;
855
+ left: 0;
856
+ }
857
+
858
+ .sr-only {
859
+ position: absolute;
860
+ width: 1px;
861
+ height: 1px;
862
+ padding: 0;
863
+ margin: -1px;
864
+ overflow: hidden;
865
+ clip: rect(0, 0, 0, 0);
866
+ white-space: nowrap;
867
+ border-width: 0;
868
+ }
869
+
870
+ .pointer-events-none {
871
+ pointer-events: none;
872
+ }
873
+
874
+ .pointer-events-auto {
875
+ pointer-events: auto;
876
+ }
877
+
878
+ .visible {
879
+ visibility: visible;
880
+ }
881
+
882
+ .static {
883
+ position: static;
884
+ }
885
+
886
+ .fixed {
887
+ position: fixed;
888
+ }
889
+
890
+ .absolute {
891
+ position: absolute;
892
+ }
893
+
894
+ .relative {
895
+ position: relative;
896
+ }
897
+
898
+ .sticky {
899
+ position: sticky;
900
+ }
901
+
902
+ .-inset-1\.5 {
903
+ inset: -0.375rem;
904
+ }
905
+
906
+ .inset-0 {
907
+ inset: 0px;
908
+ }
909
+
910
+ .right-0 {
911
+ right: 0px;
912
+ }
913
+
914
+ .right-2 {
915
+ right: 0.5rem;
916
+ }
917
+
918
+ .top-0 {
919
+ top: 0px;
920
+ }
921
+
922
+ .top-2 {
923
+ top: 0.5rem;
924
+ }
925
+
926
+ .z-10 {
927
+ z-index: 10;
928
+ }
929
+
930
+ .z-50 {
931
+ z-index: 50;
932
+ }
933
+
934
+ .col-span-3 {
935
+ grid-column: span 3 / span 3;
936
+ }
937
+
938
+ .m-0 {
939
+ margin: 0px;
940
+ }
941
+
942
+ .-mx-3 {
943
+ margin-left: -0.75rem;
944
+ margin-right: -0.75rem;
945
+ }
946
+
947
+ .-mx-4 {
948
+ margin-left: -1rem;
949
+ margin-right: -1rem;
950
+ }
951
+
952
+ .mx-12 {
953
+ margin-left: 3rem;
954
+ margin-right: 3rem;
955
+ }
956
+
957
+ .mx-auto {
958
+ margin-left: auto;
959
+ margin-right: auto;
960
+ }
961
+
962
+ .-mb-1 {
963
+ margin-bottom: -0.25rem;
964
+ }
965
+
966
+ .-mb-px {
967
+ margin-bottom: -1px;
968
+ }
969
+
970
+ .-ml-1 {
971
+ margin-left: -0.25rem;
972
+ }
973
+
974
+ .-mt-1 {
975
+ margin-top: -0.25rem;
976
+ }
977
+
978
+ .-mt-5 {
979
+ margin-top: -1.25rem;
980
+ }
981
+
982
+ .mb-0 {
983
+ margin-bottom: 0px;
984
+ }
985
+
986
+ .mb-1 {
987
+ margin-bottom: 0.25rem;
988
+ }
989
+
990
+ .mb-12 {
991
+ margin-bottom: 3rem;
992
+ }
993
+
994
+ .mb-2 {
995
+ margin-bottom: 0.5rem;
996
+ }
997
+
998
+ .mb-4 {
999
+ margin-bottom: 1rem;
1000
+ }
1001
+
1002
+ .mb-5 {
1003
+ margin-bottom: 1.25rem;
1004
+ }
1005
+
1006
+ .mb-6 {
1007
+ margin-bottom: 1.5rem;
1008
+ }
1009
+
1010
+ .ml-0 {
1011
+ margin-left: 0px;
1012
+ }
1013
+
1014
+ .ml-0\.5 {
1015
+ margin-left: 0.125rem;
1016
+ }
1017
+
1018
+ .ml-12 {
1019
+ margin-left: 3rem;
1020
+ }
1021
+
1022
+ .ml-16 {
1023
+ margin-left: 4rem;
1024
+ }
1025
+
1026
+ .ml-2 {
1027
+ margin-left: 0.5rem;
1028
+ }
1029
+
1030
+ .ml-20 {
1031
+ margin-left: 5rem;
1032
+ }
1033
+
1034
+ .ml-24 {
1035
+ margin-left: 6rem;
1036
+ }
1037
+
1038
+ .ml-28 {
1039
+ margin-left: 7rem;
1040
+ }
1041
+
1042
+ .ml-3 {
1043
+ margin-left: 0.75rem;
1044
+ }
1045
+
1046
+ .ml-32 {
1047
+ margin-left: 8rem;
1048
+ }
1049
+
1050
+ .ml-36 {
1051
+ margin-left: 9rem;
1052
+ }
1053
+
1054
+ .ml-4 {
1055
+ margin-left: 1rem;
1056
+ }
1057
+
1058
+ .ml-40 {
1059
+ margin-left: 10rem;
1060
+ }
1061
+
1062
+ .ml-48 {
1063
+ margin-left: 12rem;
1064
+ }
1065
+
1066
+ .ml-6 {
1067
+ margin-left: 1.5rem;
1068
+ }
1069
+
1070
+ .ml-8 {
1071
+ margin-left: 2rem;
1072
+ }
1073
+
1074
+ .mr-1 {
1075
+ margin-right: 0.25rem;
1076
+ }
1077
+
1078
+ .mr-2 {
1079
+ margin-right: 0.5rem;
1080
+ }
1081
+
1082
+ .mr-5 {
1083
+ margin-right: 1.25rem;
1084
+ }
1085
+
1086
+ .mt-0\.5 {
1087
+ margin-top: 0.125rem;
1088
+ }
1089
+
1090
+ .mt-1 {
1091
+ margin-top: 0.25rem;
1092
+ }
1093
+
1094
+ .mt-10 {
1095
+ margin-top: 2.5rem;
1096
+ }
1097
+
1098
+ .mt-16 {
1099
+ margin-top: 4rem;
1100
+ }
1101
+
1102
+ .mt-2 {
1103
+ margin-top: 0.5rem;
1104
+ }
1105
+
1106
+ .mt-3 {
1107
+ margin-top: 0.75rem;
1108
+ }
1109
+
1110
+ .mt-4 {
1111
+ margin-top: 1rem;
1112
+ }
1113
+
1114
+ .mt-5 {
1115
+ margin-top: 1.25rem;
1116
+ }
1117
+
1118
+ .mt-6 {
1119
+ margin-top: 1.5rem;
1120
+ }
1121
+
1122
+ .mt-auto {
1123
+ margin-top: auto;
1124
+ }
1125
+
1126
+ .block {
1127
+ display: block;
1128
+ }
1129
+
1130
+ .inline-block {
1131
+ display: inline-block;
1132
+ }
1133
+
1134
+ .inline {
1135
+ display: inline;
1136
+ }
1137
+
1138
+ .flex {
1139
+ display: flex;
1140
+ }
1141
+
1142
+ .inline-flex {
1143
+ display: inline-flex;
1144
+ }
1145
+
1146
+ .table {
1147
+ display: table;
1148
+ }
1149
+
1150
+ .table-cell {
1151
+ display: table-cell;
1152
+ }
1153
+
1154
+ .table-header-group {
1155
+ display: table-header-group;
1156
+ }
1157
+
1158
+ .table-row-group {
1159
+ display: table-row-group;
1160
+ }
1161
+
1162
+ .table-row {
1163
+ display: table-row;
1164
+ }
1165
+
1166
+ .grid {
1167
+ display: grid;
1168
+ }
1169
+
1170
+ .hidden {
1171
+ display: none;
1172
+ }
1173
+
1174
+ .h-0 {
1175
+ height: 0px;
1176
+ }
1177
+
1178
+ .h-10 {
1179
+ height: 2.5rem;
1180
+ }
1181
+
1182
+ .h-14 {
1183
+ height: 3.5rem;
1184
+ }
1185
+
1186
+ .h-20 {
1187
+ height: 5rem;
1188
+ }
1189
+
1190
+ .h-32 {
1191
+ height: 8rem;
1192
+ }
1193
+
1194
+ .h-5 {
1195
+ height: 1.25rem;
1196
+ }
1197
+
1198
+ .h-6 {
1199
+ height: 1.5rem;
1200
+ }
1201
+
1202
+ .h-7 {
1203
+ height: 1.75rem;
1204
+ }
1205
+
1206
+ .h-8 {
1207
+ height: 2rem;
1208
+ }
1209
+
1210
+ .h-\[calc\(100vh-10rem\)\] {
1211
+ height: calc(100vh - 10rem);
1212
+ }
1213
+
1214
+ .h-full {
1215
+ height: 100%;
1216
+ }
1217
+
1218
+ .max-h-16 {
1219
+ max-height: 4rem;
1220
+ }
1221
+
1222
+ .max-h-full {
1223
+ max-height: 100%;
1224
+ }
1225
+
1226
+ .min-h-20 {
1227
+ min-height: 5rem;
1228
+ }
1229
+
1230
+ .min-h-32 {
1231
+ min-height: 8rem;
1232
+ }
1233
+
1234
+ .min-h-full {
1235
+ min-height: 100%;
1236
+ }
1237
+
1238
+ .w-0 {
1239
+ width: 0px;
1240
+ }
1241
+
1242
+ .w-10 {
1243
+ width: 2.5rem;
1244
+ }
1245
+
1246
+ .w-5 {
1247
+ width: 1.25rem;
1248
+ }
1249
+
1250
+ .w-6 {
1251
+ width: 1.5rem;
1252
+ }
1253
+
1254
+ .w-8 {
1255
+ width: 2rem;
1256
+ }
1257
+
1258
+ .w-96 {
1259
+ width: 24rem;
1260
+ }
1261
+
1262
+ .w-auto {
1263
+ width: auto;
1264
+ }
1265
+
1266
+ .w-full {
1267
+ width: 100%;
1268
+ }
1269
+
1270
+ .min-w-56 {
1271
+ min-width: 14rem;
1272
+ }
1273
+
1274
+ .min-w-full {
1275
+ min-width: 100%;
1276
+ }
1277
+
1278
+ .max-w-sm {
1279
+ max-width: 24rem;
1280
+ }
1281
+
1282
+ .flex-1 {
1283
+ flex: 1 1 0%;
1284
+ }
1285
+
1286
+ .flex-auto {
1287
+ flex: 1 1 auto;
1288
+ }
1289
+
1290
+ .flex-shrink-0 {
1291
+ flex-shrink: 0;
1292
+ }
1293
+
1294
+ .flex-grow {
1295
+ flex-grow: 1;
1296
+ }
1297
+
1298
+ .grow {
1299
+ flex-grow: 1;
1300
+ }
1301
+
1302
+ .basis-3\/12 {
1303
+ flex-basis: 25%;
1304
+ }
1305
+
1306
+ .table-auto {
1307
+ table-layout: auto;
1308
+ }
1309
+
1310
+ .border-collapse {
1311
+ border-collapse: collapse;
1312
+ }
1313
+
1314
+ .translate-x-0 {
1315
+ --tw-translate-x: 0px;
1316
+ 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));
1317
+ }
1318
+
1319
+ .translate-x-full {
1320
+ --tw-translate-x: 100%;
1321
+ 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));
1322
+ }
1323
+
1324
+ .scale-100 {
1325
+ --tw-scale-x: 1;
1326
+ --tw-scale-y: 1;
1327
+ 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));
1328
+ }
1329
+
1330
+ .scale-95 {
1331
+ --tw-scale-x: .95;
1332
+ --tw-scale-y: .95;
1333
+ 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));
1334
+ }
1335
+
1336
+ .transform {
1337
+ 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));
1338
+ }
1339
+
1340
+ .cursor-pointer {
1341
+ cursor: pointer;
1342
+ }
1343
+
1344
+ .list-disc {
1345
+ list-style-type: disc;
1346
+ }
1347
+
1348
+ .grid-cols-1 {
1349
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1350
+ }
1351
+
1352
+ .grid-cols-2 {
1353
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1354
+ }
1355
+
1356
+ .flex-row {
1357
+ flex-direction: row;
1358
+ }
1359
+
1360
+ .flex-col {
1361
+ flex-direction: column;
1362
+ }
1363
+
1364
+ .items-start {
1365
+ align-items: flex-start;
1366
+ }
1367
+
1368
+ .items-center {
1369
+ align-items: center;
1370
+ }
1371
+
1372
+ .justify-center {
1373
+ justify-content: center;
1374
+ }
1375
+
1376
+ .justify-between {
1377
+ justify-content: space-between;
1378
+ }
1379
+
1380
+ .gap-5 {
1381
+ gap: 1.25rem;
1382
+ }
1383
+
1384
+ .gap-x-1\.5 {
1385
+ -moz-column-gap: 0.375rem;
1386
+ column-gap: 0.375rem;
1387
+ }
1388
+
1389
+ .gap-x-2 {
1390
+ -moz-column-gap: 0.5rem;
1391
+ column-gap: 0.5rem;
1392
+ }
1393
+
1394
+ .gap-x-3 {
1395
+ -moz-column-gap: 0.75rem;
1396
+ column-gap: 0.75rem;
1397
+ }
1398
+
1399
+ .gap-x-4 {
1400
+ -moz-column-gap: 1rem;
1401
+ column-gap: 1rem;
1402
+ }
1403
+
1404
+ .gap-y-5 {
1405
+ row-gap: 1.25rem;
1406
+ }
1407
+
1408
+ .gap-y-8 {
1409
+ row-gap: 2rem;
1410
+ }
1411
+
1412
+ .space-x-6 > :not([hidden]) ~ :not([hidden]) {
1413
+ --tw-space-x-reverse: 0;
1414
+ margin-right: calc(1.5rem * var(--tw-space-x-reverse));
1415
+ margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
1416
+ }
1417
+
1418
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1419
+ --tw-space-y-reverse: 0;
1420
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1421
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1422
+ }
1423
+
1424
+ .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1425
+ --tw-space-y-reverse: 0;
1426
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1427
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1428
+ }
1429
+
1430
+ .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1431
+ --tw-space-y-reverse: 0;
1432
+ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1433
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1434
+ }
1435
+
1436
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1437
+ --tw-divide-y-reverse: 0;
1438
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1439
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1440
+ }
1441
+
1442
+ .overflow-auto {
1443
+ overflow: auto;
1444
+ }
1445
+
1446
+ .overflow-hidden {
1447
+ overflow: hidden;
1448
+ }
1449
+
1450
+ .overflow-x-auto {
1451
+ overflow-x: auto;
1452
+ }
1453
+
1454
+ .overflow-y-auto {
1455
+ overflow-y: auto;
1456
+ }
1457
+
1458
+ .truncate {
1459
+ overflow: hidden;
1460
+ text-overflow: ellipsis;
1461
+ white-space: nowrap;
1462
+ }
1463
+
1464
+ .whitespace-nowrap {
1465
+ white-space: nowrap;
1466
+ }
1467
+
1468
+ .break-keep {
1469
+ word-break: keep-all;
1470
+ }
1471
+
1472
+ .rounded-full {
1473
+ border-radius: 9999px;
1474
+ }
1475
+
1476
+ .rounded-lg {
1477
+ border-radius: 0.5rem;
1478
+ }
1479
+
1480
+ .rounded-md {
1481
+ border-radius: 0.375rem;
1482
+ }
1483
+
1484
+ .rounded-b-lg {
1485
+ border-bottom-right-radius: 0.5rem;
1486
+ border-bottom-left-radius: 0.5rem;
1487
+ }
1488
+
1489
+ .rounded-l-none {
1490
+ border-top-left-radius: 0px;
1491
+ border-bottom-left-radius: 0px;
1492
+ }
1493
+
1494
+ .rounded-s-md {
1495
+ border-start-start-radius: 0.375rem;
1496
+ border-end-start-radius: 0.375rem;
1497
+ }
1498
+
1499
+ .rounded-tl-md {
1500
+ border-top-left-radius: 0.375rem;
1501
+ }
1502
+
1503
+ .rounded-tr-md {
1504
+ border-top-right-radius: 0.375rem;
1505
+ }
1506
+
1507
+ .border {
1508
+ border-width: 1px;
1509
+ }
1510
+
1511
+ .border-0 {
1512
+ border-width: 0px;
1513
+ }
1514
+
1515
+ .border-2 {
1516
+ border-width: 2px;
1517
+ }
1518
+
1519
+ .border-b {
1520
+ border-bottom-width: 1px;
1521
+ }
1522
+
1523
+ .border-b-2 {
1524
+ border-bottom-width: 2px;
1525
+ }
1526
+
1527
+ .border-t {
1528
+ border-top-width: 1px;
1529
+ }
1530
+
1531
+ .border-dashed {
1532
+ border-style: dashed;
1533
+ }
1534
+
1535
+ .border-dark {
1536
+ --tw-border-opacity: 1;
1537
+ border-color: rgb(var(--color-dark) / var(--tw-border-opacity));
1538
+ }
1539
+
1540
+ .border-error {
1541
+ --tw-border-opacity: 1;
1542
+ border-color: rgb(var(--color-error) / var(--tw-border-opacity));
1543
+ }
1544
+
1545
+ .border-mid {
1546
+ --tw-border-opacity: 1;
1547
+ border-color: rgb(var(--color-mid) / var(--tw-border-opacity));
1548
+ }
1549
+
1550
+ .border-mid\/20 {
1551
+ border-color: rgb(var(--color-mid) / 0.2);
1552
+ }
1553
+
1554
+ .border-transparent {
1555
+ border-color: transparent;
1556
+ }
1557
+
1558
+ .bg-active {
1559
+ --tw-bg-opacity: 1;
1560
+ background-color: rgb(var(--color-active) / var(--tw-bg-opacity));
1561
+ }
1562
+
1563
+ .bg-black {
1564
+ --tw-bg-opacity: 1;
1565
+ background-color: rgb(var(--color-black) / var(--tw-bg-opacity));
1566
+ }
1567
+
1568
+ .bg-black\/5 {
1569
+ background-color: rgb(var(--color-black) / 0.05);
1570
+ }
1571
+
1572
+ .bg-error\/10 {
1573
+ background-color: rgb(var(--color-error) / 0.1);
1574
+ }
1575
+
1576
+ .bg-inactive {
1577
+ --tw-bg-opacity: 1;
1578
+ background-color: rgb(var(--color-active) / var(--tw-bg-opacity));
1579
+ }
1580
+
1581
+ .bg-mid {
1582
+ --tw-bg-opacity: 1;
1583
+ background-color: rgb(var(--color-mid) / var(--tw-bg-opacity));
1584
+ }
1585
+
1586
+ .bg-mid\/5 {
1587
+ background-color: rgb(var(--color-mid) / 0.05);
1588
+ }
1589
+
1590
+ .bg-transparent {
1591
+ background-color: transparent;
1592
+ }
1593
+
1594
+ .bg-warning {
1595
+ --tw-bg-opacity: 1;
1596
+ background-color: rgb(var(--color-warning) / var(--tw-bg-opacity));
1597
+ }
1598
+
1599
+ .bg-white {
1600
+ --tw-bg-opacity: 1;
1601
+ background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
1602
+ }
1603
+
1604
+ .bg-gradient-to-br {
1605
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1606
+ }
1607
+
1608
+ .from-dark {
1609
+ --tw-gradient-from: rgb(var(--color-dark) / 1) var(--tw-gradient-from-position);
1610
+ --tw-gradient-to: rgb(var(--color-dark) / 0) var(--tw-gradient-to-position);
1611
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1612
+ }
1613
+
1614
+ .from-light\/20 {
1615
+ --tw-gradient-from: rgb(var(--color-light) / 0.2) var(--tw-gradient-from-position);
1616
+ --tw-gradient-to: rgb(var(--color-light) / 0) var(--tw-gradient-to-position);
1617
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1618
+ }
1619
+
1620
+ .to-light {
1621
+ --tw-gradient-to: rgb(var(--color-light) / 1) var(--tw-gradient-to-position);
1622
+ }
1623
+
1624
+ .to-mid {
1625
+ --tw-gradient-to: rgb(var(--color-mid) / 1) var(--tw-gradient-to-position);
1626
+ }
1627
+
1628
+ .object-cover {
1629
+ -o-object-fit: cover;
1630
+ object-fit: cover;
1631
+ }
1632
+
1633
+ .p-0 {
1634
+ padding: 0px;
1635
+ }
1636
+
1637
+ .p-0\.5 {
1638
+ padding: 0.125rem;
1639
+ }
1640
+
1641
+ .p-1 {
1642
+ padding: 0.25rem;
1643
+ }
1644
+
1645
+ .p-1\.5 {
1646
+ padding: 0.375rem;
1647
+ }
1648
+
1649
+ .p-2 {
1650
+ padding: 0.5rem;
1651
+ }
1652
+
1653
+ .p-4 {
1654
+ padding: 1rem;
1655
+ }
1656
+
1657
+ .p-6 {
1658
+ padding: 1.5rem;
1659
+ }
1660
+
1661
+ .px-1 {
1662
+ padding-left: 0.25rem;
1663
+ padding-right: 0.25rem;
1664
+ }
1665
+
1666
+ .px-2 {
1667
+ padding-left: 0.5rem;
1668
+ padding-right: 0.5rem;
1669
+ }
1670
+
1671
+ .px-2\.5 {
1672
+ padding-left: 0.625rem;
1673
+ padding-right: 0.625rem;
1674
+ }
1675
+
1676
+ .px-3 {
1677
+ padding-left: 0.75rem;
1678
+ padding-right: 0.75rem;
1679
+ }
1680
+
1681
+ .px-3\.5 {
1682
+ padding-left: 0.875rem;
1683
+ padding-right: 0.875rem;
1684
+ }
1685
+
1686
+ .px-4 {
1687
+ padding-left: 1rem;
1688
+ padding-right: 1rem;
1689
+ }
1690
+
1691
+ .px-6 {
1692
+ padding-left: 1.5rem;
1693
+ padding-right: 1.5rem;
1694
+ }
1695
+
1696
+ .py-1 {
1697
+ padding-top: 0.25rem;
1698
+ padding-bottom: 0.25rem;
1699
+ }
1700
+
1701
+ .py-1\.5 {
1702
+ padding-top: 0.375rem;
1703
+ padding-bottom: 0.375rem;
1704
+ }
1705
+
1706
+ .py-12 {
1707
+ padding-top: 3rem;
1708
+ padding-bottom: 3rem;
1709
+ }
1710
+
1711
+ .py-2 {
1712
+ padding-top: 0.5rem;
1713
+ padding-bottom: 0.5rem;
1714
+ }
1715
+
1716
+ .py-2\.5 {
1717
+ padding-top: 0.625rem;
1718
+ padding-bottom: 0.625rem;
1719
+ }
1720
+
1721
+ .py-3 {
1722
+ padding-top: 0.75rem;
1723
+ padding-bottom: 0.75rem;
1724
+ }
1725
+
1726
+ .py-3\.5 {
1727
+ padding-top: 0.875rem;
1728
+ padding-bottom: 0.875rem;
1729
+ }
1730
+
1731
+ .py-4 {
1732
+ padding-top: 1rem;
1733
+ padding-bottom: 1rem;
1734
+ }
1735
+
1736
+ .py-5 {
1737
+ padding-top: 1.25rem;
1738
+ padding-bottom: 1.25rem;
1739
+ }
1740
+
1741
+ .pb-16 {
1742
+ padding-bottom: 4rem;
1743
+ }
1744
+
1745
+ .pb-4 {
1746
+ padding-bottom: 1rem;
1747
+ }
1748
+
1749
+ .pl-2 {
1750
+ padding-left: 0.5rem;
1751
+ }
1752
+
1753
+ .pl-3 {
1754
+ padding-left: 0.75rem;
1755
+ }
1756
+
1757
+ .pl-5 {
1758
+ padding-left: 1.25rem;
1759
+ }
1760
+
1761
+ .pr-10 {
1762
+ padding-right: 2.5rem;
1763
+ }
1764
+
1765
+ .pr-8 {
1766
+ padding-right: 2rem;
1767
+ }
1768
+
1769
+ .pt-0\.5 {
1770
+ padding-top: 0.125rem;
1771
+ }
1772
+
1773
+ .pt-1 {
1774
+ padding-top: 0.25rem;
1775
+ }
1776
+
1777
+ .pt-4 {
1778
+ padding-top: 1rem;
1779
+ }
1780
+
1781
+ .pt-\[0\.2rem\] {
1782
+ padding-top: 0.2rem;
1783
+ }
1784
+
1785
+ .text-left {
1786
+ text-align: left;
1787
+ }
1788
+
1789
+ .text-center {
1790
+ text-align: center;
1791
+ }
1792
+
1793
+ .align-middle {
1794
+ vertical-align: middle;
1795
+ }
1796
+
1797
+ .font-mono {
1798
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1799
+ }
1800
+
1801
+ .text-2xl {
1802
+ font-size: 1.5rem;
1803
+ line-height: 2rem;
1804
+ }
1805
+
1806
+ .text-3xl {
1807
+ font-size: 1.875rem;
1808
+ line-height: 2.25rem;
1809
+ }
1810
+
1811
+ .text-4xl {
1812
+ font-size: 2.25rem;
1813
+ line-height: 2.5rem;
1814
+ }
1815
+
1816
+ .text-base {
1817
+ font-size: 1rem;
1818
+ line-height: 1.5rem;
1819
+ }
1820
+
1821
+ .text-lg {
1822
+ font-size: 1.125rem;
1823
+ line-height: 1.75rem;
1824
+ }
1825
+
1826
+ .text-sm {
1827
+ font-size: 0.875rem;
1828
+ line-height: 1.25rem;
1829
+ }
1830
+
1831
+ .text-xl {
1832
+ font-size: 1.25rem;
1833
+ line-height: 1.75rem;
1834
+ }
1835
+
1836
+ .text-xs {
1837
+ font-size: 0.75rem;
1838
+ line-height: 1rem;
1839
+ }
1840
+
1841
+ .font-bold {
1842
+ font-weight: 700;
1843
+ }
1844
+
1845
+ .font-light {
1846
+ font-weight: 300;
1847
+ }
1848
+
1849
+ .font-medium {
1850
+ font-weight: 500;
1851
+ }
1852
+
1853
+ .font-normal {
1854
+ font-weight: 400;
1855
+ }
1856
+
1857
+ .font-semibold {
1858
+ font-weight: 600;
1859
+ }
1860
+
1861
+ .capitalize {
1862
+ text-transform: capitalize;
1863
+ }
1864
+
1865
+ .italic {
1866
+ font-style: italic;
1867
+ }
1868
+
1869
+ .leading-6 {
1870
+ line-height: 1.5rem;
1871
+ }
1872
+
1873
+ .leading-loose {
1874
+ line-height: 2;
1875
+ }
1876
+
1877
+ .tracking-tight {
1878
+ letter-spacing: -0.025em;
1879
+ }
1880
+
1881
+ .text-active {
1882
+ --tw-text-opacity: 1;
1883
+ color: rgb(var(--color-active) / var(--tw-text-opacity));
1884
+ }
1885
+
1886
+ .text-black {
1887
+ --tw-text-opacity: 1;
1888
+ color: rgb(var(--color-black) / var(--tw-text-opacity));
1889
+ }
1890
+
1891
+ .text-black\/60 {
1892
+ color: rgb(var(--color-black) / 0.6);
1893
+ }
1894
+
1895
+ .text-black\/80 {
1896
+ color: rgb(var(--color-black) / 0.8);
1897
+ }
1898
+
1899
+ .text-dark {
1900
+ --tw-text-opacity: 1;
1901
+ color: rgb(var(--color-dark) / var(--tw-text-opacity));
1902
+ }
1903
+
1904
+ .text-error {
1905
+ --tw-text-opacity: 1;
1906
+ color: rgb(var(--color-error) / var(--tw-text-opacity));
1907
+ }
1908
+
1909
+ .text-mid {
1910
+ --tw-text-opacity: 1;
1911
+ color: rgb(var(--color-mid) / var(--tw-text-opacity));
1912
+ }
1913
+
1914
+ .text-mid\/50 {
1915
+ color: rgb(var(--color-mid) / 0.5);
1916
+ }
1917
+
1918
+ .text-warning {
1919
+ --tw-text-opacity: 1;
1920
+ color: rgb(var(--color-warning) / var(--tw-text-opacity));
1921
+ }
1922
+
1923
+ .text-white {
1924
+ --tw-text-opacity: 1;
1925
+ color: rgb(var(--color-white) / var(--tw-text-opacity));
1926
+ }
1927
+
1928
+ .opacity-0 {
1929
+ opacity: 0;
1930
+ }
1931
+
1932
+ .opacity-100 {
1933
+ opacity: 1;
1934
+ }
1935
+
1936
+ .shadow {
1937
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1938
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1939
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1940
+ }
1941
+
1942
+ .shadow-lg {
1943
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1944
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1945
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1946
+ }
1947
+
1948
+ .shadow-md {
1949
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1950
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1951
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1952
+ }
1953
+
1954
+ .shadow-none {
1955
+ --tw-shadow: 0 0 #0000;
1956
+ --tw-shadow-colored: 0 0 #0000;
1957
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1958
+ }
1959
+
1960
+ .shadow-sm {
1961
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1962
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1963
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1964
+ }
1965
+
1966
+ .shadow-xl {
1967
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1968
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1969
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1970
+ }
1971
+
1972
+ .outline-none {
1973
+ outline: 2px solid transparent;
1974
+ outline-offset: 2px;
1975
+ }
1976
+
1977
+ .outline {
1978
+ outline-style: solid;
1979
+ }
1980
+
1981
+ .ring-0 {
1982
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1983
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1984
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1985
+ }
1986
+
1987
+ .ring-1 {
1988
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1989
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1990
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1991
+ }
1992
+
1993
+ .ring-2 {
1994
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1995
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1996
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1997
+ }
1998
+
1999
+ .ring-inset {
2000
+ --tw-ring-inset: inset;
2001
+ }
2002
+
2003
+ .ring-black {
2004
+ --tw-ring-opacity: 1;
2005
+ --tw-ring-color: rgb(var(--color-black) / var(--tw-ring-opacity));
2006
+ }
2007
+
2008
+ .ring-black\/30 {
2009
+ --tw-ring-color: rgb(var(--color-black) / 0.3);
2010
+ }
2011
+
2012
+ .ring-mid {
2013
+ --tw-ring-opacity: 1;
2014
+ --tw-ring-color: rgb(var(--color-mid) / var(--tw-ring-opacity));
2015
+ }
2016
+
2017
+ .ring-opacity-5 {
2018
+ --tw-ring-opacity: 0.05;
2019
+ }
2020
+
2021
+ .ring-offset-0 {
2022
+ --tw-ring-offset-width: 0px;
2023
+ }
2024
+
2025
+ .ring-offset-2 {
2026
+ --tw-ring-offset-width: 2px;
2027
+ }
2028
+
2029
+ .filter {
2030
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2031
+ }
2032
+
2033
+ .transition {
2034
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2035
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2036
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2037
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2038
+ transition-duration: 150ms;
2039
+ }
2040
+
2041
+ .transition-all {
2042
+ transition-property: all;
2043
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2044
+ transition-duration: 150ms;
2045
+ }
2046
+
2047
+ .duration-100 {
2048
+ transition-duration: 100ms;
2049
+ }
2050
+
2051
+ .duration-150 {
2052
+ transition-duration: 150ms;
2053
+ }
2054
+
2055
+ .duration-300 {
2056
+ transition-duration: 300ms;
2057
+ }
2058
+
2059
+ .duration-500 {
2060
+ transition-duration: 500ms;
2061
+ }
2062
+
2063
+ .duration-75 {
2064
+ transition-duration: 75ms;
2065
+ }
2066
+
2067
+ .ease-in {
2068
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2069
+ }
2070
+
2071
+ .ease-in-out {
2072
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2073
+ }
2074
+
2075
+ .ease-out {
2076
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2077
+ }
2078
+
2079
+ /*
2080
+ * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
2081
+ * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
2082
+ * inclusion directly in any other asset bundle and remove this file.
2083
+ */
2084
+
2085
+ /*
2086
+ * We need to override trix.css’s image gallery styles to accommodate the
2087
+ * <action-text-attachment> element we wrap around attachments. Otherwise,
2088
+ * images in galleries will be squished by the max-width: 33%; rule.
2089
+ */
2090
+
2091
+ .trix-content .attachment-gallery > action-text-attachment,
2092
+ .trix-content .attachment-gallery > .attachment {
2093
+ flex: 1 0 33%;
2094
+ padding: 0 0.5em;
2095
+ max-width: 33%;
2096
+ }
2097
+
2098
+ .trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
2099
+ .trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
2100
+ .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
2101
+ flex-basis: 50%;
2102
+ max-width: 50%;
2103
+ }
2104
+
2105
+ .trix-content action-text-attachment .attachment {
2106
+ padding: 0 !important;
2107
+ max-width: 100% !important;
2108
+ }
2109
+
2110
+ .file\:rounded::file-selector-button {
2111
+ border-radius: 0.25rem;
2112
+ }
2113
+
2114
+ .file\:border-0::file-selector-button {
2115
+ border-width: 0px;
2116
+ }
2117
+
2118
+ .file\:bg-white::file-selector-button {
2119
+ --tw-bg-opacity: 1;
2120
+ background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
2121
+ }
2122
+
2123
+ .file\:text-sm::file-selector-button {
2124
+ font-size: 0.875rem;
2125
+ line-height: 1.25rem;
2126
+ }
2127
+
2128
+ .focus-within\:ring-2:focus-within {
2129
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2130
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2131
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2132
+ }
2133
+
2134
+ .focus-within\:ring-offset-2:focus-within {
2135
+ --tw-ring-offset-width: 2px;
2136
+ }
2137
+
2138
+ .hover\:bg-black:hover {
2139
+ --tw-bg-opacity: 1;
2140
+ background-color: rgb(var(--color-black) / var(--tw-bg-opacity));
2141
+ }
2142
+
2143
+ .hover\:bg-light:hover {
2144
+ --tw-bg-opacity: 1;
2145
+ background-color: rgb(var(--color-light) / var(--tw-bg-opacity));
2146
+ }
2147
+
2148
+ .hover\:bg-mid\/20:hover {
2149
+ background-color: rgb(var(--color-mid) / 0.2);
2150
+ }
2151
+
2152
+ .hover\:bg-mid\/60:hover {
2153
+ background-color: rgb(var(--color-mid) / 0.6);
2154
+ }
2155
+
2156
+ .hover\:bg-white:hover {
2157
+ --tw-bg-opacity: 1;
2158
+ background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
2159
+ }
2160
+
2161
+ .hover\:text-black\/80:hover {
2162
+ color: rgb(var(--color-black) / 0.8);
2163
+ }
2164
+
2165
+ .hover\:text-error:hover {
2166
+ --tw-text-opacity: 1;
2167
+ color: rgb(var(--color-error) / var(--tw-text-opacity));
2168
+ }
2169
+
2170
+ .hover\:text-white:hover {
2171
+ --tw-text-opacity: 1;
2172
+ color: rgb(var(--color-white) / var(--tw-text-opacity));
2173
+ }
2174
+
2175
+ .hover\:underline:hover {
2176
+ text-decoration-line: underline;
2177
+ }
2178
+
2179
+ .hover\:shadow-sm:hover {
2180
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2181
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2182
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2183
+ }
2184
+
2185
+ .focus\:border-dark:focus {
2186
+ --tw-border-opacity: 1;
2187
+ border-color: rgb(var(--color-dark) / var(--tw-border-opacity));
2188
+ }
2189
+
2190
+ .focus\:text-black:focus {
2191
+ --tw-text-opacity: 1;
2192
+ color: rgb(var(--color-black) / var(--tw-text-opacity));
2193
+ }
2194
+
2195
+ .focus\:underline:focus {
2196
+ text-decoration-line: underline;
2197
+ }
2198
+
2199
+ .focus\:shadow-none:focus {
2200
+ --tw-shadow: 0 0 #0000;
2201
+ --tw-shadow-colored: 0 0 #0000;
2202
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2203
+ }
2204
+
2205
+ .focus\:outline-none:focus {
2206
+ outline: 2px solid transparent;
2207
+ outline-offset: 2px;
2208
+ }
2209
+
2210
+ .focus\:ring-0:focus {
2211
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2212
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2213
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2214
+ }
2215
+
2216
+ .focus\:ring-1:focus {
2217
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2218
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2219
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2220
+ }
2221
+
2222
+ .focus\:ring-2:focus {
2223
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2224
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2225
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2226
+ }
2227
+
2228
+ .focus\:ring-inset:focus {
2229
+ --tw-ring-inset: inset;
2230
+ }
2231
+
2232
+ .focus\:ring-black:focus {
2233
+ --tw-ring-opacity: 1;
2234
+ --tw-ring-color: rgb(var(--color-black) / var(--tw-ring-opacity));
2235
+ }
2236
+
2237
+ .focus\:ring-dark:focus {
2238
+ --tw-ring-opacity: 1;
2239
+ --tw-ring-color: rgb(var(--color-dark) / var(--tw-ring-opacity));
2240
+ }
2241
+
2242
+ .focus\:ring-offset-0:focus {
2243
+ --tw-ring-offset-width: 0px;
2244
+ }
2245
+
2246
+ .focus\:ring-offset-2:focus {
2247
+ --tw-ring-offset-width: 2px;
2248
+ }
2249
+
2250
+ .focus-visible\:outline:focus-visible {
2251
+ outline-style: solid;
2252
+ }
2253
+
2254
+ .focus-visible\:outline-2:focus-visible {
2255
+ outline-width: 2px;
2256
+ }
2257
+
2258
+ .focus-visible\:outline-offset-2:focus-visible {
2259
+ outline-offset: 2px;
2260
+ }
2261
+
2262
+ .group:hover .group-hover\:opacity-75 {
2263
+ opacity: 0.75;
2264
+ }
2265
+
2266
+ @media (min-width: 640px) {
2267
+ .sm\:mx-0 {
2268
+ margin-left: 0px;
2269
+ margin-right: 0px;
2270
+ }
2271
+
2272
+ .sm\:mx-auto {
2273
+ margin-left: auto;
2274
+ margin-right: auto;
2275
+ }
2276
+
2277
+ .sm\:mt-2 {
2278
+ margin-top: 0.5rem;
2279
+ }
2280
+
2281
+ .sm\:block {
2282
+ display: block;
2283
+ }
2284
+
2285
+ .sm\:flex {
2286
+ display: flex;
2287
+ }
2288
+
2289
+ .sm\:hidden {
2290
+ display: none;
2291
+ }
2292
+
2293
+ .sm\:w-full {
2294
+ width: 100%;
2295
+ }
2296
+
2297
+ .sm\:max-w-sm {
2298
+ max-width: 24rem;
2299
+ }
2300
+
2301
+ .sm\:grid-cols-3 {
2302
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2303
+ }
2304
+
2305
+ .sm\:items-end {
2306
+ align-items: flex-end;
2307
+ }
2308
+
2309
+ .sm\:gap-x-6 {
2310
+ -moz-column-gap: 1.5rem;
2311
+ column-gap: 1.5rem;
2312
+ }
2313
+
2314
+ .sm\:rounded-lg {
2315
+ border-radius: 0.5rem;
2316
+ }
2317
+
2318
+ .sm\:px-6 {
2319
+ padding-left: 1.5rem;
2320
+ padding-right: 1.5rem;
2321
+ }
2322
+
2323
+ .sm\:text-sm {
2324
+ font-size: 0.875rem;
2325
+ line-height: 1.25rem;
2326
+ }
2327
+
2328
+ .sm\:leading-6 {
2329
+ line-height: 1.5rem;
2330
+ }
2331
+ }
2332
+
2333
+ @media (min-width: 768px) {
2334
+ .md\:grid-cols-4 {
2335
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2336
+ }
2337
+ }
2338
+
2339
+ @media (min-width: 1024px) {
2340
+ .lg\:fixed {
2341
+ position: fixed;
2342
+ }
2343
+
2344
+ .lg\:inset-y-0 {
2345
+ top: 0px;
2346
+ bottom: 0px;
2347
+ }
2348
+
2349
+ .lg\:z-50 {
2350
+ z-index: 50;
2351
+ }
2352
+
2353
+ .lg\:ml-72 {
2354
+ margin-left: 18rem;
2355
+ }
2356
+
2357
+ .lg\:mt-0 {
2358
+ margin-top: 0px;
2359
+ }
2360
+
2361
+ .lg\:block {
2362
+ display: block;
2363
+ }
2364
+
2365
+ .lg\:flex {
2366
+ display: flex;
2367
+ }
2368
+
2369
+ .lg\:hidden {
2370
+ display: none;
2371
+ }
2372
+
2373
+ .lg\:max-h-full {
2374
+ max-height: 100%;
2375
+ }
2376
+
2377
+ .lg\:w-72 {
2378
+ width: 18rem;
2379
+ }
2380
+
2381
+ .lg\:grid-cols-3 {
2382
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2383
+ }
2384
+
2385
+ .lg\:flex-col {
2386
+ flex-direction: column;
2387
+ }
2388
+
2389
+ .lg\:px-6 {
2390
+ padding-left: 1.5rem;
2391
+ padding-right: 1.5rem;
2392
+ }
2393
+
2394
+ .lg\:px-8 {
2395
+ padding-left: 2rem;
2396
+ padding-right: 2rem;
2397
+ }
2398
+ }
2399
+
2400
+ @media (min-width: 1280px) {
2401
+ .xl\:grid-cols-4 {
2402
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2403
+ }
2404
+
2405
+ .xl\:gap-x-8 {
2406
+ -moz-column-gap: 2rem;
2407
+ column-gap: 2rem;
2408
+ }
2409
+
2410
+ .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
2411
+ --tw-space-x-reverse: 0;
2412
+ margin-right: calc(2rem * var(--tw-space-x-reverse));
2413
+ margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
2414
+ }
2415
+ }