mirror of https://github.com/twbs/bootstrap.git
1 line
87 KiB
Plaintext
1 line
87 KiB
Plaintext
{"version":3,"sources":["../../scss/_banner.scss","../../scss/_colors.scss","bootstrap-reboot.css","../../scss/_theme.scss","../../scss/_root.scss","../../scss/mixins/_color-mode.scss","../../scss/content/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_border-radius.scss"],"names":[],"mappings":"AAEA;;;;GAAA;ACuCA;EAEI,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,qCAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EAZA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,uCAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EAZA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,uCAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EAZA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,uCAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EAZA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,mCAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EAZA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,mCAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EACA,gEAAA;EAZA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,sCAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EAZA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,oCAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EAZA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,sCAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EAZA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,qCAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EAZA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,sCAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EACA,mEAAA;EAZA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,qCAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EAZA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,qCAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EAZA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,qCAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EAZA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,qCAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EACA,kEAAA;EAZA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,uCAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;EACA,oEAAA;AC+JJ;;AChLI;EAEI,uCAAA;EAAA,uCAAA;EAAA,yDAAA;EAAA,mCAAA;EAAA,iDAAA;EAAA,+CAAA;EAAA,2CAAA;EAAA,mDAAA;EAAA,+CAAA;AD0LR;;AC5LI;EAEI,sCAAA;EAAA,sCAAA;EAAA,wDAAA;EAAA,kCAAA;EAAA,gDAAA;EAAA,8CAAA;EAAA,0CAAA;EAAA,kDAAA;EAAA,8CAAA;ADsMR;;ACxMI;EAEI,uCAAA;EAAA,uCAAA;EAAA,yDAAA;EAAA,mCAAA;EAAA,iDAAA;EAAA,+CAAA;EAAA,2CAAA;EAAA,mDAAA;EAAA,+CAAA;ADkNR;;ACpNI;EAEI,sCAAA;EAAA,sCAAA;EAAA,wDAAA;EAAA,kCAAA;EAAA,gDAAA;EAAA,8CAAA;EAAA,0CAAA;EAAA,kDAAA;EAAA,8CAAA;AD8NR;;AChOI;EAEI,uCAAA;EAAA,uCAAA;EAAA,yDAAA;EAAA,mCAAA;EAAA,iDAAA;EAAA,+CAAA;EAAA,2CAAA;EAAA,mDAAA;EAAA,+CAAA;AD0OR;;AC5OI;EAEI,oCAAA;EAAA,oCAAA;EAAA,sDAAA;EAAA,gCAAA;EAAA,8CAAA;EAAA,4CAAA;EAAA,wCAAA;EAAA,gDAAA;EAAA,4CAAA;ADsPR;;ACxPI;EAEI,uCAAA;EAAA,uCAAA;EAAA,yDAAA;EAAA,mCAAA;EAAA,iDAAA;EAAA,+CAAA;EAAA,2CAAA;EAAA,mDAAA;EAAA,+CAAA;ADkQR;;ACpQI;EAEI,yCAAA;EAAA,yCAAA;EAAA,2DAAA;EAAA,qCAAA;EAAA,mDAAA;EAAA,iDAAA;EAAA,6CAAA;EAAA,qDAAA;EAAA,iDAAA;AD8QR;;AE5SA,0GAAA;AAEA;EAEE,gBAAA;EACA,gBAAA;EAKI,qCAAA;EAAA,qEAAA;EAAA,8EAAA;EAAA,mCAAA;EAAA,0EAAA;EAAA,yEAAA;EAAA,uEAAA;EAAA,uHAAA;EAAA,sCAAA;EAAA,sCAAA;EAAA,mHAAA;EAAA,iFAAA;EAAA,oCAAA;EAAA,6EAAA;EAAA,4EAAA;EAAA,0EAAA;EAAA,0HAAA;EAAA,qCAAA;EAAA,sCAAA;EAAA,uEAAA;EAAA,gFAAA;EAAA,oCAAA;EAAA,4EAAA;EAAA,2EAAA;EAAA,yEAAA;EAAA,yHAAA;EAAA,sCAAA;EAAA,mCAAA;EAAA,kEAAA;EAAA,2EAAA;EAAA,iCAAA;EAAA,uEAAA;EAAA,sEAAA;EAAA,oEAAA;EAAA,oHAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,yEAAA;EAAA,kFAAA;EAAA,qCAAA;EAAA,8EAAA;EAAA,6EAAA;EAAA,2EAAA;EAAA,2HAAA;EAAA,yCAAA;EAAA,kCAAA;EAAA,kEAAA;EAAA,2EAAA;EAAA,gCAAA;EAAA,uEAAA;EAAA,sEAAA;EAAA,oEAAA;EAAA,oHAAA;EAAA,sCAAA;EAAA,qCAAA;EAAA,qEAAA;EAAA,2EAAA;EAAA,mEAAA;EAAA,0EAAA;EAAA,yEAAA;EAAA,uEAAA;EAAA,uHAAA;EAAA,sEAAA;EAAA,uCAAA;EAAA,uEAAA;EAAA,gFAAA;EAAA,qEAAA;EAAA,4EAAA;EAAA,2EAAA;EAAA,yEAAA;EAAA,yHAAA;EAAA,wEAAA;EAKF,6DAAA;EAAA,6DAAA;EAAA,6DAAA;EAAA,6DAAA;EAAA,6DAAA;EAAA,8BAAA;EAAA,8BAAA;EAAA,gCAAA;EAAA,wBAAA;EAIA,gEAAA;EAAA,6DAAA;EAAA,6DAAA;EAAA,6DAAA;EAAA,6DAAA;EAAA,8BAAA;EAAA,8BAAA;EAAA,wBAAA;EAIA,iCAAA;EAAA,oEAAA;EAAA,qEAAA;EAAA,sEAAA;EAAA,0EAAA;EAAA,kCAAA;EAAA,kCAAA;EAIF,wBAAA;AFwXF;;AErXA;;EAKE,4BAAA;EACA,4BAAA;EAMA,qNAAA;EACA,yGAAA;EACA,yFAAA;EACA,gDAAA;EAGA,yBAAA;EAEA,yBAAA;EACA,0BAAA;EACA,uBAAA;EACA,wDAAA;EACA,yDAAA;EACA,sDAAA;EACA,yDAAA;EACA,yDAAA;EACA,iDAAA;EACA,yDAAA;EAEA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,qCAAA;EACA,oCAAA;EACA,yBAAA;EACA,yBAAA;EACA,yBAAA;EACA,uBAAA;EAGA,yBAAA;EACA,0BAAA;EACA,0BAAA;EAEA,iDAAA;EACA,2CAAA;EAGA,2BAAA;EAEA,4CAAA;EAEA,2EAAA;EACA,+BAAA;EACA,0EAAA;EAEA,yCAAA;EACA,0CAAA;EACA,uCAAA;EAGA,sBAAA;EACA,wBAAA;EACA,8EAAA;EACA,mDAAA;EAIA,0BAAA;EACA,+BAAA;EACA,8BAAA;EACA,2BAAA;EACA,4BAAA;EACA,8BAAA;EAGA,kDAAA;EACA,2DAAA;EACA,oDAAA;EACA,2DAAA;EAIA,0BAAA;EACA,2BAAA;EACA,mDAAA;EACA,4EAAA;EAIA,wCAAA;EACA,+CAAA;EACA,yCAAA;EACA,gDAAA;EACA,mBAAA;EAKE,yBAAA;AFmVJ;;AGhdI;EDyIA,yBAAA;EACA,qCAAA;EACA,2BAAA;EAEA,qCAAA;EACA,wDAAA;EAEA,0CAAA;EACA,iDAAA;EACA,0CAAA;EACA,iDAAA;EACA,kBAAA;AFyUJ;;AIveA;EAaE;;;IAGE,sBAAA;EJ8dF;EIrdA;IAEI,mCAAA;EJsdJ;EIjdI;IAPJ;MAQM,uBAAA;IJodJ;EACF;EIvcA;IACE,SAAA;IACA,uCAAA;IACA,mCAAA;IACA,uCAAA;IACA,uCAAA;IACA,2BAAA;IACA,qCAAA;IACA,mCAAA;IACA,8BAAA;IACA,6CAAA;EJycF;EIrcA;IACE,cAAA;IACA,SAAA;IACA,0EAAA;EJucF;EI7bA;;;;;;;IACE,aAAA;IACA,qBCyN0B;IDtN1B,gBCyN0B;IDxN1B,gBCyN0B;IDxN1B,8BAAA;EJmcF;EIhcA;;IAGE,kCCyJW;ELwSb;EI9bA;;IAGE,kCCoJW;EL2Sb;EI5bA;;IAGE,iCC+IW;EL8Sb;EI1bA;;IAGE,iCC0IW;ELiTb;EIxbA;;IAGE,iCCqIW;ELoTb;EItbA;;IAGE,iCCgIW;ELuTb;EI9aA;IACE,aAAA;IACA,mBCcwB;ELka1B;EItaA;IACE,yCAAA;IAAA,iCAAA;IACA,YAAA;IACA,sCAAA;IAAA,8BAAA;EJwaF;EIlaA;IACE,mBAAA;IACA,kBAAA;IACA,oBAAA;EJoaF;EI9ZA;;IAEE,0BAAA;EJgaF;EI7ZA;;;IAGE,aAAA;IACA,mBAAA;EJ+ZF;EI5ZA;;;;IAIE,gBAAA;EJ8ZF;EI3ZA;IACE,gBCuD0B;ELsW5B;EIxZA;IACE,sBAAA;IACA,qBAAA;EJ0ZF;EIpZA;IACE,gBAAA;EJsZF;EI9YA;;IAEE,mBCgC0B;ELgX5B;EIxYA;;IAEE,kBC4F0B;EL8S5B;EIpYA;;IAEE,iBC6G0B;ID5G1B,gCAAA;IACA,wCAAA;EJsYF;EI7XA;;IAEE,kBAAA;IACA,iBCwE0B;IDvE1B,cAAA;IACA,wBAAA;EJ+XF;EI5XA;IAAM,eAAA;EJ+XN;EI9XA;IAAM,WAAA;EJiYN;EI5XA;IACE,iDAAA;IACA,kDAAA;IAAA,0CAAA;IACA,4BC7HsC;EL2fxC;EI5XE;IAGE,gEAAA;IACA,mFAAA;IAAA,2EAAA;EJ4XJ;EIlXE;IAEE,cAAA;IACA,qBAAA;EJmXJ;EI5WA;;;;IAIE,qCC3D0B;ID4D1B,cAAA;EJ8WF;EIvWA;IACE,cAAA;IACA,aAAA;IACA,mBAAA;IACA,cAAA;IACA,cC2FgC;EL8QlC;EIrWE;IACE,kBAAA;IACA,cAAA;IACA,kBAAA;EJuWJ;EInWA;IACE,cC+EgC;ID9EhC,2BAAA;IACA,qBAAA;EJqWF;EIlWE;IACE,cAAA;EJoWJ;EIhWA;IACE,2BAAA;IACA,cCmEgC;IDlEhC,wBCwEgC;IDvEhC,mCCwEgC;ICjXhC,uBAAA;EN4oBF;EIhWE;IACE,UAAA;IACA,cAAA;IACA,oBAAA;EJkWJ;EIzVA;IACE,gBAAA;EJ2VF;EIrVA;;IAEE,sBAAA;EJuVF;EI/UA;IACE,oBAAA;IACA,yBAAA;EJiVF;EI9UA;IAIE,qBAAA;IACA,gCAAA;IACA,iBAAA;EJ6UF;EItUA;IAEE,mBAAA;IACA,gCAAA;EJuUF;EIpUA;;;;;;IAME,qBAAA;IACA,mBAAA;IACA,eAAA;EJsUF;EI9TA;IACE,qBAAA;EJgUF;EI1TA;IAEE,gBAAA;EJ2TF;EInTA;IACE,UAAA;EJqTF;EIhTA;;;;;IAKE,SAAA;IACA,oBAAA;IACA,kBAAA;IACA,oBAAA;EJkTF;EI9SA;;IAEE,oBAAA;EJgTF;EI3SA;IACE,eAAA;EJ6SF;EI1SA;IAGE,iBAAA;EJ0SF;EIvSE;IACE,UAAA;EJySJ;EIlSA;IACE,wBAAA;EJoSF;EI5RA;;;;IAIE,0BAAA;EJ8RF;EI3RI;;;;IACE,eAAA;EJgSN;EIzRA;IACE,UAAA;IACA,kBAAA;EJ2RF;EItRA;IACE,gBAAA;EJwRF;EI9QA;IACE,YAAA;IACA,UAAA;IACA,SAAA;IACA,SAAA;EJgRF;EIxQA;IACE,mBAAA;IACA,WAAA;IACA,UAAA;IACA,qBC1L0B;ID2L1B,iBC1L0B;ID4L1B,oBAAA;EJyQF;EIvQE;IACE,mBAAA;EJyQJ;EIlQA;;;;;;;IAOE,UAAA;EJoQF;EIjQA;IACE,YAAA;EJmQF;EI1PA;IACE,6BAAA;IACA,oBAAA;EJ4PF;EIzPE;IACE,eAAA;IACA,oBAAA;EJ2PJ;EIpPA;;;;IAIE,cAAA;EJsPF;EIjPA;IACE,wBAAA;EJmPF;EI9OA;IACE,UAAA;EJgPF;EIzOA;IACE,aAAA;IACA,0BAAA;EJ2OF;EItOA;IACE,qBAAA;EJwOF;EInOA;IACE,SAAA;EJqOF;EI9NA;IACE,kBAAA;IACA,eAAA;EJgOF;EIxNA;IACE,wBAAA;EJ0NF;EIlNA;IACE,wBAAA;EJoNF;AACF","file":"bootstrap-reboot.css","sourcesContent":["$file: \"\" !default;\n\n/*!\n * Bootstrap #{$file} v6.0.0-dev (https://getbootstrap.com/)\n * Copyright 2011-2025 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n","@use \"config\" as *;\n\n// stylelint-disable hue-degree-notation, @stylistic/number-leading-zero\n\n// Easily convert colors to oklch() with https://oklch.com/\n$new-blue: oklch(60% 0.24 240) !default;\n$new-indigo: oklch(56% 0.26 288) !default;\n$new-violet: oklch(56% 0.24 300) !default;\n$new-purple: oklch(56% 0.24 320) !default;\n$new-pink: oklch(60% 0.22 4) !default;\n$new-red: oklch(60% 0.22 20) !default;\n$new-orange: oklch(70% 0.22 52) !default;\n$new-amber: oklch(79% 0.2 78) !default;\n$new-yellow: oklch(88% 0.24 88) !default;\n$new-lime: oklch(65% 0.24 135) !default;\n$new-green: oklch(64% 0.22 160) !default;\n$new-teal: oklch(68% 0.22 190) !default;\n$new-cyan: oklch(69% 0.22 220) !default;\n$new-brown: oklch(60% 0.12 54) !default;\n$new-gray: oklch(60% 0.02 245) !default;\n$new-pewter: oklch(65% 0.01 290) !default;\n\n$hues: (\n \"blue\": $new-blue,\n \"indigo\": $new-indigo,\n \"violet\": $new-violet,\n \"purple\": $new-purple,\n \"pink\": $new-pink,\n \"red\": $new-red,\n \"orange\": $new-orange,\n \"amber\": $new-amber,\n \"yellow\": $new-yellow,\n \"lime\": $new-lime,\n \"green\": $new-green,\n \"teal\": $new-teal,\n \"cyan\": $new-cyan,\n \"brown\": $new-brown,\n \"gray\": $new-gray,\n \"pewter\": $new-pewter\n) !default;\n\n:root {\n @each $color, $hue in $hues {\n --#{$color}-025: color-mix(in lab, #fff 94%, #{$hue});\n --#{$color}-050: color-mix(in lab, #fff 90%, #{$hue});\n --#{$color}-100: color-mix(in lab, #fff 80%, #{$hue});\n --#{$color}-200: color-mix(in lab, #fff 60%, #{$hue});\n --#{$color}-300: color-mix(in lab, #fff 40%, #{$hue});\n --#{$color}-400: color-mix(in lab, #fff 20%, #{$hue});\n --#{$color}-500: #{$hue};\n --#{$color}-600: color-mix(in lab, #000 16%, #{$hue});\n --#{$color}-700: color-mix(in lab, #000 32%, #{$hue});\n --#{$color}-800: color-mix(in lab, #000 48%, #{$hue});\n --#{$color}-900: color-mix(in lab, #000 64%, #{$hue});\n --#{$color}-950: color-mix(in lab, #000 76%, #{$hue});\n --#{$color}-975: color-mix(in lab, #000 88%, #{$hue});\n }\n}\n\n$white: #fff !default;\n$black: #000 !default;\n","/*!\n * Bootstrap Reboot v6.0.0-dev (https://getbootstrap.com/)\n * Copyright 2011-2025 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n:root {\n --blue-025: color-mix(in lab, #fff 94%, oklch(60% 0.24 240deg));\n --blue-050: color-mix(in lab, #fff 90%, oklch(60% 0.24 240deg));\n --blue-100: color-mix(in lab, #fff 80%, oklch(60% 0.24 240deg));\n --blue-200: color-mix(in lab, #fff 60%, oklch(60% 0.24 240deg));\n --blue-300: color-mix(in lab, #fff 40%, oklch(60% 0.24 240deg));\n --blue-400: color-mix(in lab, #fff 20%, oklch(60% 0.24 240deg));\n --blue-500: oklch(60% 0.24 240deg);\n --blue-600: color-mix(in lab, #000 16%, oklch(60% 0.24 240deg));\n --blue-700: color-mix(in lab, #000 32%, oklch(60% 0.24 240deg));\n --blue-800: color-mix(in lab, #000 48%, oklch(60% 0.24 240deg));\n --blue-900: color-mix(in lab, #000 64%, oklch(60% 0.24 240deg));\n --blue-950: color-mix(in lab, #000 76%, oklch(60% 0.24 240deg));\n --blue-975: color-mix(in lab, #000 88%, oklch(60% 0.24 240deg));\n --indigo-025: color-mix(in lab, #fff 94%, oklch(56% 0.26 288deg));\n --indigo-050: color-mix(in lab, #fff 90%, oklch(56% 0.26 288deg));\n --indigo-100: color-mix(in lab, #fff 80%, oklch(56% 0.26 288deg));\n --indigo-200: color-mix(in lab, #fff 60%, oklch(56% 0.26 288deg));\n --indigo-300: color-mix(in lab, #fff 40%, oklch(56% 0.26 288deg));\n --indigo-400: color-mix(in lab, #fff 20%, oklch(56% 0.26 288deg));\n --indigo-500: oklch(56% 0.26 288deg);\n --indigo-600: color-mix(in lab, #000 16%, oklch(56% 0.26 288deg));\n --indigo-700: color-mix(in lab, #000 32%, oklch(56% 0.26 288deg));\n --indigo-800: color-mix(in lab, #000 48%, oklch(56% 0.26 288deg));\n --indigo-900: color-mix(in lab, #000 64%, oklch(56% 0.26 288deg));\n --indigo-950: color-mix(in lab, #000 76%, oklch(56% 0.26 288deg));\n --indigo-975: color-mix(in lab, #000 88%, oklch(56% 0.26 288deg));\n --violet-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 300deg));\n --violet-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 300deg));\n --violet-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 300deg));\n --violet-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 300deg));\n --violet-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 300deg));\n --violet-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 300deg));\n --violet-500: oklch(56% 0.24 300deg);\n --violet-600: color-mix(in lab, #000 16%, oklch(56% 0.24 300deg));\n --violet-700: color-mix(in lab, #000 32%, oklch(56% 0.24 300deg));\n --violet-800: color-mix(in lab, #000 48%, oklch(56% 0.24 300deg));\n --violet-900: color-mix(in lab, #000 64%, oklch(56% 0.24 300deg));\n --violet-950: color-mix(in lab, #000 76%, oklch(56% 0.24 300deg));\n --violet-975: color-mix(in lab, #000 88%, oklch(56% 0.24 300deg));\n --purple-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 320deg));\n --purple-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 320deg));\n --purple-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 320deg));\n --purple-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 320deg));\n --purple-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 320deg));\n --purple-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 320deg));\n --purple-500: oklch(56% 0.24 320deg);\n --purple-600: color-mix(in lab, #000 16%, oklch(56% 0.24 320deg));\n --purple-700: color-mix(in lab, #000 32%, oklch(56% 0.24 320deg));\n --purple-800: color-mix(in lab, #000 48%, oklch(56% 0.24 320deg));\n --purple-900: color-mix(in lab, #000 64%, oklch(56% 0.24 320deg));\n --purple-950: color-mix(in lab, #000 76%, oklch(56% 0.24 320deg));\n --purple-975: color-mix(in lab, #000 88%, oklch(56% 0.24 320deg));\n --pink-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 4deg));\n --pink-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 4deg));\n --pink-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 4deg));\n --pink-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 4deg));\n --pink-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 4deg));\n --pink-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 4deg));\n --pink-500: oklch(60% 0.22 4deg);\n --pink-600: color-mix(in lab, #000 16%, oklch(60% 0.22 4deg));\n --pink-700: color-mix(in lab, #000 32%, oklch(60% 0.22 4deg));\n --pink-800: color-mix(in lab, #000 48%, oklch(60% 0.22 4deg));\n --pink-900: color-mix(in lab, #000 64%, oklch(60% 0.22 4deg));\n --pink-950: color-mix(in lab, #000 76%, oklch(60% 0.22 4deg));\n --pink-975: color-mix(in lab, #000 88%, oklch(60% 0.22 4deg));\n --red-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 20deg));\n --red-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 20deg));\n --red-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 20deg));\n --red-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 20deg));\n --red-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 20deg));\n --red-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 20deg));\n --red-500: oklch(60% 0.22 20deg);\n --red-600: color-mix(in lab, #000 16%, oklch(60% 0.22 20deg));\n --red-700: color-mix(in lab, #000 32%, oklch(60% 0.22 20deg));\n --red-800: color-mix(in lab, #000 48%, oklch(60% 0.22 20deg));\n --red-900: color-mix(in lab, #000 64%, oklch(60% 0.22 20deg));\n --red-950: color-mix(in lab, #000 76%, oklch(60% 0.22 20deg));\n --red-975: color-mix(in lab, #000 88%, oklch(60% 0.22 20deg));\n --orange-025: color-mix(in lab, #fff 94%, oklch(70% 0.22 52deg));\n --orange-050: color-mix(in lab, #fff 90%, oklch(70% 0.22 52deg));\n --orange-100: color-mix(in lab, #fff 80%, oklch(70% 0.22 52deg));\n --orange-200: color-mix(in lab, #fff 60%, oklch(70% 0.22 52deg));\n --orange-300: color-mix(in lab, #fff 40%, oklch(70% 0.22 52deg));\n --orange-400: color-mix(in lab, #fff 20%, oklch(70% 0.22 52deg));\n --orange-500: oklch(70% 0.22 52deg);\n --orange-600: color-mix(in lab, #000 16%, oklch(70% 0.22 52deg));\n --orange-700: color-mix(in lab, #000 32%, oklch(70% 0.22 52deg));\n --orange-800: color-mix(in lab, #000 48%, oklch(70% 0.22 52deg));\n --orange-900: color-mix(in lab, #000 64%, oklch(70% 0.22 52deg));\n --orange-950: color-mix(in lab, #000 76%, oklch(70% 0.22 52deg));\n --orange-975: color-mix(in lab, #000 88%, oklch(70% 0.22 52deg));\n --amber-025: color-mix(in lab, #fff 94%, oklch(79% 0.2 78deg));\n --amber-050: color-mix(in lab, #fff 90%, oklch(79% 0.2 78deg));\n --amber-100: color-mix(in lab, #fff 80%, oklch(79% 0.2 78deg));\n --amber-200: color-mix(in lab, #fff 60%, oklch(79% 0.2 78deg));\n --amber-300: color-mix(in lab, #fff 40%, oklch(79% 0.2 78deg));\n --amber-400: color-mix(in lab, #fff 20%, oklch(79% 0.2 78deg));\n --amber-500: oklch(79% 0.2 78deg);\n --amber-600: color-mix(in lab, #000 16%, oklch(79% 0.2 78deg));\n --amber-700: color-mix(in lab, #000 32%, oklch(79% 0.2 78deg));\n --amber-800: color-mix(in lab, #000 48%, oklch(79% 0.2 78deg));\n --amber-900: color-mix(in lab, #000 64%, oklch(79% 0.2 78deg));\n --amber-950: color-mix(in lab, #000 76%, oklch(79% 0.2 78deg));\n --amber-975: color-mix(in lab, #000 88%, oklch(79% 0.2 78deg));\n --yellow-025: color-mix(in lab, #fff 94%, oklch(88% 0.24 88deg));\n --yellow-050: color-mix(in lab, #fff 90%, oklch(88% 0.24 88deg));\n --yellow-100: color-mix(in lab, #fff 80%, oklch(88% 0.24 88deg));\n --yellow-200: color-mix(in lab, #fff 60%, oklch(88% 0.24 88deg));\n --yellow-300: color-mix(in lab, #fff 40%, oklch(88% 0.24 88deg));\n --yellow-400: color-mix(in lab, #fff 20%, oklch(88% 0.24 88deg));\n --yellow-500: oklch(88% 0.24 88deg);\n --yellow-600: color-mix(in lab, #000 16%, oklch(88% 0.24 88deg));\n --yellow-700: color-mix(in lab, #000 32%, oklch(88% 0.24 88deg));\n --yellow-800: color-mix(in lab, #000 48%, oklch(88% 0.24 88deg));\n --yellow-900: color-mix(in lab, #000 64%, oklch(88% 0.24 88deg));\n --yellow-950: color-mix(in lab, #000 76%, oklch(88% 0.24 88deg));\n --yellow-975: color-mix(in lab, #000 88%, oklch(88% 0.24 88deg));\n --lime-025: color-mix(in lab, #fff 94%, oklch(65% 0.24 135deg));\n --lime-050: color-mix(in lab, #fff 90%, oklch(65% 0.24 135deg));\n --lime-100: color-mix(in lab, #fff 80%, oklch(65% 0.24 135deg));\n --lime-200: color-mix(in lab, #fff 60%, oklch(65% 0.24 135deg));\n --lime-300: color-mix(in lab, #fff 40%, oklch(65% 0.24 135deg));\n --lime-400: color-mix(in lab, #fff 20%, oklch(65% 0.24 135deg));\n --lime-500: oklch(65% 0.24 135deg);\n --lime-600: color-mix(in lab, #000 16%, oklch(65% 0.24 135deg));\n --lime-700: color-mix(in lab, #000 32%, oklch(65% 0.24 135deg));\n --lime-800: color-mix(in lab, #000 48%, oklch(65% 0.24 135deg));\n --lime-900: color-mix(in lab, #000 64%, oklch(65% 0.24 135deg));\n --lime-950: color-mix(in lab, #000 76%, oklch(65% 0.24 135deg));\n --lime-975: color-mix(in lab, #000 88%, oklch(65% 0.24 135deg));\n --green-025: color-mix(in lab, #fff 94%, oklch(64% 0.22 160deg));\n --green-050: color-mix(in lab, #fff 90%, oklch(64% 0.22 160deg));\n --green-100: color-mix(in lab, #fff 80%, oklch(64% 0.22 160deg));\n --green-200: color-mix(in lab, #fff 60%, oklch(64% 0.22 160deg));\n --green-300: color-mix(in lab, #fff 40%, oklch(64% 0.22 160deg));\n --green-400: color-mix(in lab, #fff 20%, oklch(64% 0.22 160deg));\n --green-500: oklch(64% 0.22 160deg);\n --green-600: color-mix(in lab, #000 16%, oklch(64% 0.22 160deg));\n --green-700: color-mix(in lab, #000 32%, oklch(64% 0.22 160deg));\n --green-800: color-mix(in lab, #000 48%, oklch(64% 0.22 160deg));\n --green-900: color-mix(in lab, #000 64%, oklch(64% 0.22 160deg));\n --green-950: color-mix(in lab, #000 76%, oklch(64% 0.22 160deg));\n --green-975: color-mix(in lab, #000 88%, oklch(64% 0.22 160deg));\n --teal-025: color-mix(in lab, #fff 94%, oklch(68% 0.22 190deg));\n --teal-050: color-mix(in lab, #fff 90%, oklch(68% 0.22 190deg));\n --teal-100: color-mix(in lab, #fff 80%, oklch(68% 0.22 190deg));\n --teal-200: color-mix(in lab, #fff 60%, oklch(68% 0.22 190deg));\n --teal-300: color-mix(in lab, #fff 40%, oklch(68% 0.22 190deg));\n --teal-400: color-mix(in lab, #fff 20%, oklch(68% 0.22 190deg));\n --teal-500: oklch(68% 0.22 190deg);\n --teal-600: color-mix(in lab, #000 16%, oklch(68% 0.22 190deg));\n --teal-700: color-mix(in lab, #000 32%, oklch(68% 0.22 190deg));\n --teal-800: color-mix(in lab, #000 48%, oklch(68% 0.22 190deg));\n --teal-900: color-mix(in lab, #000 64%, oklch(68% 0.22 190deg));\n --teal-950: color-mix(in lab, #000 76%, oklch(68% 0.22 190deg));\n --teal-975: color-mix(in lab, #000 88%, oklch(68% 0.22 190deg));\n --cyan-025: color-mix(in lab, #fff 94%, oklch(69% 0.22 220deg));\n --cyan-050: color-mix(in lab, #fff 90%, oklch(69% 0.22 220deg));\n --cyan-100: color-mix(in lab, #fff 80%, oklch(69% 0.22 220deg));\n --cyan-200: color-mix(in lab, #fff 60%, oklch(69% 0.22 220deg));\n --cyan-300: color-mix(in lab, #fff 40%, oklch(69% 0.22 220deg));\n --cyan-400: color-mix(in lab, #fff 20%, oklch(69% 0.22 220deg));\n --cyan-500: oklch(69% 0.22 220deg);\n --cyan-600: color-mix(in lab, #000 16%, oklch(69% 0.22 220deg));\n --cyan-700: color-mix(in lab, #000 32%, oklch(69% 0.22 220deg));\n --cyan-800: color-mix(in lab, #000 48%, oklch(69% 0.22 220deg));\n --cyan-900: color-mix(in lab, #000 64%, oklch(69% 0.22 220deg));\n --cyan-950: color-mix(in lab, #000 76%, oklch(69% 0.22 220deg));\n --cyan-975: color-mix(in lab, #000 88%, oklch(69% 0.22 220deg));\n --brown-025: color-mix(in lab, #fff 94%, oklch(60% 0.12 54deg));\n --brown-050: color-mix(in lab, #fff 90%, oklch(60% 0.12 54deg));\n --brown-100: color-mix(in lab, #fff 80%, oklch(60% 0.12 54deg));\n --brown-200: color-mix(in lab, #fff 60%, oklch(60% 0.12 54deg));\n --brown-300: color-mix(in lab, #fff 40%, oklch(60% 0.12 54deg));\n --brown-400: color-mix(in lab, #fff 20%, oklch(60% 0.12 54deg));\n --brown-500: oklch(60% 0.12 54deg);\n --brown-600: color-mix(in lab, #000 16%, oklch(60% 0.12 54deg));\n --brown-700: color-mix(in lab, #000 32%, oklch(60% 0.12 54deg));\n --brown-800: color-mix(in lab, #000 48%, oklch(60% 0.12 54deg));\n --brown-900: color-mix(in lab, #000 64%, oklch(60% 0.12 54deg));\n --brown-950: color-mix(in lab, #000 76%, oklch(60% 0.12 54deg));\n --brown-975: color-mix(in lab, #000 88%, oklch(60% 0.12 54deg));\n --gray-025: color-mix(in lab, #fff 94%, oklch(60% 0.02 245deg));\n --gray-050: color-mix(in lab, #fff 90%, oklch(60% 0.02 245deg));\n --gray-100: color-mix(in lab, #fff 80%, oklch(60% 0.02 245deg));\n --gray-200: color-mix(in lab, #fff 60%, oklch(60% 0.02 245deg));\n --gray-300: color-mix(in lab, #fff 40%, oklch(60% 0.02 245deg));\n --gray-400: color-mix(in lab, #fff 20%, oklch(60% 0.02 245deg));\n --gray-500: oklch(60% 0.02 245deg);\n --gray-600: color-mix(in lab, #000 16%, oklch(60% 0.02 245deg));\n --gray-700: color-mix(in lab, #000 32%, oklch(60% 0.02 245deg));\n --gray-800: color-mix(in lab, #000 48%, oklch(60% 0.02 245deg));\n --gray-900: color-mix(in lab, #000 64%, oklch(60% 0.02 245deg));\n --gray-950: color-mix(in lab, #000 76%, oklch(60% 0.02 245deg));\n --gray-975: color-mix(in lab, #000 88%, oklch(60% 0.02 245deg));\n --pewter-025: color-mix(in lab, #fff 94%, oklch(65% 0.01 290deg));\n --pewter-050: color-mix(in lab, #fff 90%, oklch(65% 0.01 290deg));\n --pewter-100: color-mix(in lab, #fff 80%, oklch(65% 0.01 290deg));\n --pewter-200: color-mix(in lab, #fff 60%, oklch(65% 0.01 290deg));\n --pewter-300: color-mix(in lab, #fff 40%, oklch(65% 0.01 290deg));\n --pewter-400: color-mix(in lab, #fff 20%, oklch(65% 0.01 290deg));\n --pewter-500: oklch(65% 0.01 290deg);\n --pewter-600: color-mix(in lab, #000 16%, oklch(65% 0.01 290deg));\n --pewter-700: color-mix(in lab, #000 32%, oklch(65% 0.01 290deg));\n --pewter-800: color-mix(in lab, #000 48%, oklch(65% 0.01 290deg));\n --pewter-900: color-mix(in lab, #000 64%, oklch(65% 0.01 290deg));\n --pewter-950: color-mix(in lab, #000 76%, oklch(65% 0.01 290deg));\n --pewter-975: color-mix(in lab, #000 88%, oklch(65% 0.01 290deg));\n}\n\n.theme-primary {\n --theme-base: var(--primary-base);\n --theme-text: var(--primary-text);\n --theme-text-emphasis: var(--primary-text-emphasis);\n --theme-bg: var(--primary-bg);\n --theme-bg-subtle: var(--primary-bg-subtle);\n --theme-bg-muted: var(--primary-bg-muted);\n --theme-border: var(--primary-border);\n --theme-focus-ring: var(--primary-focus-ring);\n --theme-contrast: var(--primary-contrast);\n}\n\n.theme-accent {\n --theme-base: var(--accent-base);\n --theme-text: var(--accent-text);\n --theme-text-emphasis: var(--accent-text-emphasis);\n --theme-bg: var(--accent-bg);\n --theme-bg-subtle: var(--accent-bg-subtle);\n --theme-bg-muted: var(--accent-bg-muted);\n --theme-border: var(--accent-border);\n --theme-focus-ring: var(--accent-focus-ring);\n --theme-contrast: var(--accent-contrast);\n}\n\n.theme-success {\n --theme-base: var(--success-base);\n --theme-text: var(--success-text);\n --theme-text-emphasis: var(--success-text-emphasis);\n --theme-bg: var(--success-bg);\n --theme-bg-subtle: var(--success-bg-subtle);\n --theme-bg-muted: var(--success-bg-muted);\n --theme-border: var(--success-border);\n --theme-focus-ring: var(--success-focus-ring);\n --theme-contrast: var(--success-contrast);\n}\n\n.theme-danger {\n --theme-base: var(--danger-base);\n --theme-text: var(--danger-text);\n --theme-text-emphasis: var(--danger-text-emphasis);\n --theme-bg: var(--danger-bg);\n --theme-bg-subtle: var(--danger-bg-subtle);\n --theme-bg-muted: var(--danger-bg-muted);\n --theme-border: var(--danger-border);\n --theme-focus-ring: var(--danger-focus-ring);\n --theme-contrast: var(--danger-contrast);\n}\n\n.theme-warning {\n --theme-base: var(--warning-base);\n --theme-text: var(--warning-text);\n --theme-text-emphasis: var(--warning-text-emphasis);\n --theme-bg: var(--warning-bg);\n --theme-bg-subtle: var(--warning-bg-subtle);\n --theme-bg-muted: var(--warning-bg-muted);\n --theme-border: var(--warning-border);\n --theme-focus-ring: var(--warning-focus-ring);\n --theme-contrast: var(--warning-contrast);\n}\n\n.theme-info {\n --theme-base: var(--info-base);\n --theme-text: var(--info-text);\n --theme-text-emphasis: var(--info-text-emphasis);\n --theme-bg: var(--info-bg);\n --theme-bg-subtle: var(--info-bg-subtle);\n --theme-bg-muted: var(--info-bg-muted);\n --theme-border: var(--info-border);\n --theme-focus-ring: var(--info-focus-ring);\n --theme-contrast: var(--info-contrast);\n}\n\n.theme-inverse {\n --theme-base: var(--inverse-base);\n --theme-text: var(--inverse-text);\n --theme-text-emphasis: var(--inverse-text-emphasis);\n --theme-bg: var(--inverse-bg);\n --theme-bg-subtle: var(--inverse-bg-subtle);\n --theme-bg-muted: var(--inverse-bg-muted);\n --theme-border: var(--inverse-border);\n --theme-focus-ring: var(--inverse-focus-ring);\n --theme-contrast: var(--inverse-contrast);\n}\n\n.theme-secondary {\n --theme-base: var(--secondary-base);\n --theme-text: var(--secondary-text);\n --theme-text-emphasis: var(--secondary-text-emphasis);\n --theme-bg: var(--secondary-bg);\n --theme-bg-subtle: var(--secondary-bg-subtle);\n --theme-bg-muted: var(--secondary-bg-muted);\n --theme-border: var(--secondary-border);\n --theme-focus-ring: var(--secondary-focus-ring);\n --theme-contrast: var(--secondary-contrast);\n}\n\n@layer colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;\n:root {\n --black: #000;\n --white: #fff;\n --primary-base: var(--blue-500);\n --primary-text: light-dark(var(--blue-600), var(--blue-400));\n --primary-text-emphasis: light-dark(var(--blue-800), var(--blue-200));\n --primary-bg: var(--blue-500);\n --primary-bg-subtle: light-dark(var(--blue-100), var(--blue-900));\n --primary-bg-muted: light-dark(var(--blue-200), var(--blue-800));\n --primary-border: light-dark(var(--blue-300), var(--blue-600));\n --primary-focus-ring: color-mix(in oklch, light-dark(var(--blue-500), var(--blue-400)) 50%, var(--bg-body));\n --primary-contrast: var(--white);\n --accent-base: var(--indigo-500);\n --accent-text: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));\n --accent-text-emphasis: light-dark(var(--indigo-800), var(--indigo-300));\n --accent-bg: var(--indigo-500);\n --accent-bg-subtle: light-dark(var(--indigo-100), var(--indigo-900));\n --accent-bg-muted: light-dark(var(--indigo-200), var(--indigo-800));\n --accent-border: light-dark(var(--indigo-300), var(--indigo-600));\n --accent-focus-ring: color-mix(in oklch, light-dark(var(--indigo-500), var(--indigo-400)) 50%, var(--bg-body));\n --accent-contrast: var(--white);\n --success-base: var(--green-500);\n --success-text: light-dark(var(--green-600), var(--green-400));\n --success-text-emphasis: light-dark(var(--green-800), var(--green-300));\n --success-bg: var(--green-500);\n --success-bg-subtle: light-dark(var(--green-100), var(--green-900));\n --success-bg-muted: light-dark(var(--green-200), var(--green-800));\n --success-border: light-dark(var(--green-300), var(--green-600));\n --success-focus-ring: color-mix(in oklch, light-dark(var(--green-500), var(--green-400)) 50%, var(--bg-body));\n --success-contrast: var(--white);\n --danger-base: var(--red-500);\n --danger-text: light-dark(var(--red-600), var(--red-400));\n --danger-text-emphasis: light-dark(var(--red-800), var(--red-300));\n --danger-bg: var(--red-500);\n --danger-bg-subtle: light-dark(var(--red-100), var(--red-900));\n --danger-bg-muted: light-dark(var(--red-200), var(--red-800));\n --danger-border: light-dark(var(--red-300), var(--red-600));\n --danger-focus-ring: color-mix(in oklch, light-dark(var(--red-500), var(--red-400)) 50%, var(--bg-body));\n --danger-contrast: var(--white);\n --warning-base: var(--yellow-500);\n --warning-text: light-dark(var(--yellow-700), var(--yellow-400));\n --warning-text-emphasis: light-dark(var(--yellow-800), var(--yellow-300));\n --warning-bg: var(--yellow-500);\n --warning-bg-subtle: light-dark(var(--yellow-100), var(--yellow-900));\n --warning-bg-muted: light-dark(var(--yellow-200), var(--yellow-800));\n --warning-border: light-dark(var(--yellow-300), var(--yellow-600));\n --warning-focus-ring: color-mix(in oklch, light-dark(var(--yellow-500), var(--yellow-400)) 50%, var(--bg-body));\n --warning-contrast: var(--gray-900);\n --info-base: var(--cyan-500);\n --info-text: light-dark(var(--cyan-600), var(--cyan-400));\n --info-text-emphasis: light-dark(var(--cyan-800), var(--cyan-300));\n --info-bg: var(--cyan-500);\n --info-bg-subtle: light-dark(var(--cyan-100), var(--cyan-900));\n --info-bg-muted: light-dark(var(--cyan-200), var(--cyan-800));\n --info-border: light-dark(var(--cyan-300), var(--cyan-600));\n --info-focus-ring: color-mix(in oklch, light-dark(var(--cyan-500), var(--cyan-400)) 50%, var(--bg-body));\n --info-contrast: var(--gray-900);\n --inverse-base: var(--gray-900);\n --inverse-text: light-dark(var(--gray-900), var(--gray-200));\n --inverse-text-emphasis: light-dark(var(--gray-975), var(--white));\n --inverse-bg: light-dark(var(--gray-900), var(--gray-025));\n --inverse-bg-subtle: light-dark(var(--gray-100), var(--gray-900));\n --inverse-bg-muted: light-dark(var(--gray-200), var(--gray-300));\n --inverse-border: light-dark(var(--gray-400), var(--gray-100));\n --inverse-focus-ring: color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body));\n --inverse-contrast: light-dark(var(--white), var(--gray-900));\n --secondary-base: var(--gray-200);\n --secondary-text: light-dark(var(--gray-600), var(--gray-400));\n --secondary-text-emphasis: light-dark(var(--gray-800), var(--gray-200));\n --secondary-bg: light-dark(var(--gray-100), var(--gray-600));\n --secondary-bg-subtle: light-dark(var(--gray-050), var(--gray-800));\n --secondary-bg-muted: light-dark(var(--gray-100), var(--gray-700));\n --secondary-border: light-dark(var(--gray-300), var(--gray-600));\n --secondary-focus-ring: color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body));\n --secondary-contrast: light-dark(var(--gray-900), var(--white));\n --bg-body: light-dark(var(--white), var(--gray-975));\n --bg-1: light-dark(var(--gray-025), var(--gray-950));\n --bg-2: light-dark(var(--gray-050), var(--gray-900));\n --bg-3: light-dark(var(--gray-100), var(--gray-800));\n --bg-4: light-dark(var(--gray-200), var(--gray-700));\n --bg-white: var(--white);\n --bg-black: var(--black);\n --bg-transparent: transparent;\n --bg-inherit: inherit;\n --fg-body: light-dark(var(--gray-900), var(--gray-050));\n --fg-1: light-dark(var(--gray-800), var(--gray-200));\n --fg-2: light-dark(var(--gray-700), var(--gray-300));\n --fg-3: light-dark(var(--gray-600), var(--gray-500));\n --fg-4: light-dark(var(--gray-500), var(--gray-600));\n --fg-white: var(--white);\n --fg-black: var(--black);\n --fg-inherit: inherit;\n --border-bg: var(--bg-body);\n --border-body: light-dark(var(--gray-300), var(--gray-800));\n --border-muted: light-dark(var(--gray-200), var(--gray-800));\n --border-subtle: light-dark(var(--gray-100), var(--gray-900));\n --border-emphasized: light-dark(var(--gray-400), var(--gray-600));\n --border-white: var(--white);\n --border-black: var(--black);\n color-scheme: light dark;\n}\n\n:root,\n[data-bs-theme=light] {\n --white-rgb: to-rgb(#fff);\n --black-rgb: to-rgb(#000);\n --font-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));\n --body-font-family: var(--font-sans-serif);\n --font-size-base: 14px;\n --font-size-xs: .75rem;\n --font-size-sm: .875rem;\n --font-size-md: 1rem;\n --font-size-lg: clamp(1.25rem, 1rem + .625vw, 1.5rem);\n --font-size-xl: clamp(1.5rem, 1.1rem + .75vw, 1.75rem);\n --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);\n --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n --line-height-xs: 1.5;\n --line-height-sm: 1.5;\n --line-height-md: 1.5;\n --line-height-lg: 1.5;\n --line-height-xl: calc(2.5 / 1.75);\n --line-height-2xl: calc(3 / 2.25);\n --line-height-3xl: 1.2;\n --line-height-4xl: 1.1;\n --line-height-5xl: 1.1;\n --line-height-6xl: 1;\n --body-font-size: 14px;\n --body-font-weight: 400;\n --body-line-height: 1.5;\n --body-color-rgb: to-rgb(var(--color-body));\n --body-bg-rgb: to-rgb(var(--bg-body));\n --heading-color: inherit;\n --hr-border-color: var(--border-color);\n --link-color: light-dark(var(--primary-base), var(--primary-text));\n --link-decoration: underline;\n --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);\n --code-color: var(--secondary-text);\n --highlight-color: var(--color-body);\n --highlight-bg: var(--yellow-100);\n --border-width: 1px;\n --border-style: solid;\n --border-color: color-mix(in oklch, var(--gray-100), var(--gray-200));\n --border-color-translucent: rgba(0, 0, 0, 0.175);\n --border-radius: 0.5rem;\n --border-radius-sm: 0.375rem;\n --border-radius-lg: 0.75rem;\n --border-radius-xl: 1rem;\n --border-radius-2xl: 2rem;\n --border-radius-pill: 50rem;\n --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --focus-ring-width: 3px;\n --focus-ring-offset: 1px;\n --focus-ring-color: var(--primary-focus-ring);\n --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);\n --form-valid-color: var(--success);\n --form-valid-border-color: var(--success);\n --form-invalid-color: var(--danger);\n --form-invalid-border-color: var(--danger);\n color-scheme: light;\n --root-font-size: 16px;\n}\n\n[data-bs-theme=dark] {\n --emphasis-color: #fff;\n --emphasis-color-rgb: to-rgb(#fff);\n --heading-color: inherit;\n --border-color: var(--gray-700);\n --border-color-translucent: rgba(255, 255, 255, 0.15);\n --form-valid-color: var(--green-300);\n --form-valid-border-color: var(--green-300);\n --form-invalid-color: var(--red-300);\n --form-invalid-border-color: var(--red-300);\n color-scheme: dark;\n}\n\n@layer reboot {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n :root {\n font-size: var(--root-font-size);\n }\n @media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n }\n body {\n margin: 0;\n font-family: var(--body-font-family);\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n color: var(--color-body);\n text-align: var(--body-text-align);\n background-color: var(--bg-body);\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n hr {\n margin: 1rem 0;\n border: 0;\n border-block-start: var(--border-width) solid var(--hr-border-color);\n }\n h6,\n .h6, h5,\n .h5, h4,\n .h4, h3,\n .h3, h2,\n .h2, h1,\n .h1 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n font-weight: 500;\n line-height: 1.2;\n color: var(--heading-color);\n }\n h1,\n .h1 {\n font-size: var(--font-size-3xl);\n }\n h2,\n .h2 {\n font-size: var(--font-size-2xl);\n }\n h3,\n .h3 {\n font-size: var(--font-size-xl);\n }\n h4,\n .h4 {\n font-size: var(--font-size-lg);\n }\n h5,\n .h5 {\n font-size: var(--font-size-md);\n }\n h6,\n .h6 {\n font-size: var(--font-size-sm);\n }\n p {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n abbr[title] {\n text-decoration: underline dotted;\n cursor: help;\n text-decoration-skip-ink: none;\n }\n address {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n }\n ol,\n ul {\n padding-inline-start: 2rem;\n }\n ol,\n ul,\n dl {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n ol ol,\n ul ul,\n ol ul,\n ul ol {\n margin-bottom: 0;\n }\n dt {\n font-weight: 700;\n }\n dd {\n margin-inline-start: 0;\n margin-bottom: 0.5rem;\n }\n blockquote {\n margin: 0 0 1rem;\n }\n b,\n strong {\n font-weight: bolder;\n }\n small,\n .small {\n font-size: 0.875em;\n }\n mark,\n .mark {\n padding: 0.1875em;\n color: var(--highlight-color);\n background-color: var(--highlight-bg);\n }\n sub,\n sup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n a {\n color: var(--theme-text, var(--link-color));\n text-decoration: var(--link-decoration);\n text-underline-offset: 0.2em;\n }\n a:hover {\n color: var(--theme-text-emphasis, var(--link-hover-color));\n text-decoration: var(--link-hover-decoration, var(--link-decoration));\n }\n a:not([href]):not([class]), a:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n }\n pre,\n code,\n kbd,\n samp {\n font-family: var(--font-monospace);\n font-size: 1em;\n }\n pre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n font-size: 95%;\n }\n pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n code {\n font-size: 95%;\n color: var(--code-color);\n word-wrap: break-word;\n }\n a > code {\n color: inherit;\n }\n kbd {\n padding: 0.1875rem 0.375rem;\n font-size: 95%;\n color: var(--bg-body);\n background-color: var(--fg-body);\n border-radius: 0.375rem;\n }\n kbd kbd {\n padding: 0;\n font-size: 1em;\n font-weight: inherit;\n }\n figure {\n margin: 0 0 1rem;\n }\n img,\n svg {\n vertical-align: middle;\n }\n table {\n caption-side: bottom;\n border-collapse: collapse;\n }\n caption {\n padding-block: 0.5rem;\n color: var(--secondary-color);\n text-align: start;\n }\n th {\n text-align: inherit;\n text-align: -webkit-match-parent;\n }\n thead,\n tbody,\n tfoot,\n tr,\n td,\n th {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n }\n label {\n display: inline-block;\n }\n button {\n border-radius: 0;\n }\n button:focus:not(:focus-visible) {\n outline: 0;\n }\n input,\n button,\n select,\n optgroup,\n textarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n button,\n select {\n text-transform: none;\n }\n [role=button] {\n cursor: pointer;\n }\n select {\n word-wrap: normal;\n }\n select:disabled {\n opacity: 1;\n }\n [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n display: none !important;\n }\n button,\n [type=button],\n [type=reset],\n [type=submit] {\n -webkit-appearance: button;\n }\n button:not(:disabled),\n [type=button]:not(:disabled),\n [type=reset]:not(:disabled),\n [type=submit]:not(:disabled) {\n cursor: pointer;\n }\n ::-moz-focus-inner {\n padding: 0;\n border-style: none;\n }\n textarea {\n resize: vertical;\n }\n fieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n }\n legend {\n float: inline-start;\n width: 100%;\n padding: 0;\n margin-bottom: 0.5rem;\n font-size: 1.5rem;\n line-height: inherit;\n }\n legend + * {\n clear: inline-start;\n }\n ::-webkit-datetime-edit-fields-wrapper,\n ::-webkit-datetime-edit-text,\n ::-webkit-datetime-edit-minute,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n padding: 0;\n }\n ::-webkit-inner-spin-button {\n height: auto;\n }\n [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type=search]::-webkit-search-cancel-button {\n cursor: pointer;\n filter: grayscale(1);\n }\n [type=tel],\n [type=url],\n [type=email],\n [type=number] {\n direction: ltr;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n ::file-selector-button {\n font: inherit;\n -webkit-appearance: button;\n }\n output {\n display: inline-block;\n }\n iframe {\n border: 0;\n }\n summary {\n display: list-item;\n cursor: pointer;\n }\n progress {\n vertical-align: baseline;\n }\n [hidden] {\n display: none !important;\n }\n}\n\n/*# sourceMappingURL=bootstrap-reboot.css.map */\n","@use \"sass:meta\";\n@use \"sass:map\";\n@use \"config\" as *;\n@use \"colors\" as *;\n\n@function theme-color-values($key) {\n $result: ();\n\n @each $color-name, $color-map in $new-theme-colors {\n @if map.has-key($color-map, $key) {\n $result: map.merge($result, ($color-name: map.get($color-map, $key)));\n }\n }\n\n @return $result;\n}\n\n// Generate opacity values using color-mix()\n@function theme-opacity-values($color-var, $opacities: $util-opacity) {\n $result: ();\n\n @each $key, $value in $opacities {\n @if $key == 100 {\n // For 100%, use direct variable reference (more efficient)\n $result: map.merge($result, ($key: var($color-var)));\n } @else {\n // For other values, use color-mix()\n $percentage: $key * 1%;\n $result: map.merge($result, ($key: color-mix(in oklch, var($color-var) $percentage, transparent)));\n }\n }\n\n @return $result;\n}\n\n// Generate theme classes dynamically based on the keys in each theme color map\n@mixin generate-theme-classes() {\n @each $color-name, $color-map in $new-theme-colors {\n .theme-#{$color-name} {\n @each $key, $value in $color-map {\n --theme-#{$key}: var(--#{$color-name}-#{$key});\n }\n }\n }\n}\n\n// Recursive mixin to handle nested maps\n@mixin create-css-vars($map, $parent-key: \"\") {\n @each $key, $value in $map {\n // stylelint-disable-next-line scss/at-function-named-arguments\n $current-key: if(sass($parent-key == \"\"): $key; else: \"#{$parent-key}-#{$key}\");\n\n @if meta.type-of($value) == \"map\" {\n @include create-css-vars($value, $current-key);\n } @else {\n --#{$current-key}: #{$value};\n }\n }\n}\n\n// scss-docs-start theme-colors\n$new-theme-colors: (\n \"primary\": (\n \"base\": var(--blue-500),\n \"text\": light-dark(var(--blue-600), var(--blue-400)),\n \"text-emphasis\": light-dark(var(--blue-800), var(--blue-200)),\n \"bg\": var(--blue-500),\n \"bg-subtle\": light-dark(var(--blue-100), var(--blue-900)),\n \"bg-muted\": light-dark(var(--blue-200), var(--blue-800)),\n \"border\": light-dark(var(--blue-300), var(--blue-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--blue-500), var(--blue-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"accent\": (\n \"base\": var(--indigo-500),\n \"text\": light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300))),\n \"text-emphasis\": light-dark(var(--indigo-800), var(--indigo-300)),\n \"bg\": var(--indigo-500),\n \"bg-subtle\": light-dark(var(--indigo-100), var(--indigo-900)),\n \"bg-muted\": light-dark(var(--indigo-200), var(--indigo-800)),\n \"border\": light-dark(var(--indigo-300), var(--indigo-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--indigo-500), var(--indigo-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"success\": (\n \"base\": var(--green-500),\n \"text\": light-dark(var(--green-600), var(--green-400)),\n \"text-emphasis\": light-dark(var(--green-800), var(--green-300)),\n \"bg\": var(--green-500),\n \"bg-subtle\": light-dark(var(--green-100), var(--green-900)),\n \"bg-muted\": light-dark(var(--green-200), var(--green-800)),\n \"border\": light-dark(var(--green-300), var(--green-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--green-500), var(--green-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"danger\": (\n \"base\": var(--red-500),\n \"text\": light-dark(var(--red-600), var(--red-400)),\n \"text-emphasis\": light-dark(var(--red-800), var(--red-300)),\n \"bg\": var(--red-500),\n \"bg-subtle\": light-dark(var(--red-100), var(--red-900)),\n \"bg-muted\": light-dark(var(--red-200), var(--red-800)),\n \"border\": light-dark(var(--red-300), var(--red-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--red-500), var(--red-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"warning\": (\n \"base\": var(--yellow-500),\n \"text\": light-dark(var(--yellow-700), var(--yellow-400)),\n \"text-emphasis\": light-dark(var(--yellow-800), var(--yellow-300)),\n \"bg\": var(--yellow-500),\n \"bg-subtle\": light-dark(var(--yellow-100), var(--yellow-900)),\n \"bg-muted\": light-dark(var(--yellow-200), var(--yellow-800)),\n \"border\": light-dark(var(--yellow-300), var(--yellow-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--yellow-500), var(--yellow-400)) 50%, var(--bg-body)),\n \"contrast\": var(--gray-900)\n ),\n \"info\": (\n \"base\": var(--cyan-500),\n \"text\": light-dark(var(--cyan-600), var(--cyan-400)),\n \"text-emphasis\": light-dark(var(--cyan-800), var(--cyan-300)),\n \"bg\": var(--cyan-500),\n \"bg-subtle\": light-dark(var(--cyan-100), var(--cyan-900)),\n \"bg-muted\": light-dark(var(--cyan-200), var(--cyan-800)),\n \"border\": light-dark(var(--cyan-300), var(--cyan-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--cyan-500), var(--cyan-400)) 50%, var(--bg-body)),\n \"contrast\": var(--gray-900)\n ),\n \"inverse\": (\n \"base\": var(--gray-900),\n \"text\": light-dark(var(--gray-900), var(--gray-200)),\n \"text-emphasis\": light-dark(var(--gray-975), var(--white)),\n \"bg\": light-dark(var(--gray-900), var(--gray-025)),\n \"bg-subtle\": light-dark(var(--gray-100), var(--gray-900)),\n \"bg-muted\": light-dark(var(--gray-200), var(--gray-300)),\n \"border\": light-dark(var(--gray-400), var(--gray-100)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body)),\n \"contrast\": light-dark(var(--white), var(--gray-900))\n ),\n \"secondary\": (\n \"base\": var(--gray-200),\n \"text\": light-dark(var(--gray-600), var(--gray-400)),\n \"text-emphasis\": light-dark(var(--gray-800), var(--gray-200)),\n \"bg\": light-dark(var(--gray-100), var(--gray-600)),\n \"bg-subtle\": light-dark(var(--gray-050), var(--gray-800)),\n \"bg-muted\": light-dark(var(--gray-100), var(--gray-700)),\n \"border\": light-dark(var(--gray-300), var(--gray-600)),\n \"focus-ring\": color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body)),\n \"contrast\": light-dark(var(--gray-900), var(--white))\n )\n) !default;\n// scss-docs-end theme-colors\n\n// Generate theme modifier classes (e.g., .theme-primary, .theme-accent, etc.)\n@include generate-theme-classes();\n\n// mdo-do: consider using muted, subtle, ghost or something instead of linear scale?\n$theme-bgs: (\n \"body\": light-dark(var(--white), var(--gray-975)),\n \"1\": light-dark(var(--gray-025), var(--gray-950)),\n \"2\": light-dark(var(--gray-050), var(--gray-900)),\n \"3\": light-dark(var(--gray-100), var(--gray-800)),\n \"4\": light-dark(var(--gray-200), var(--gray-700)),\n \"white\": var(--white),\n \"black\": var(--black),\n \"transparent\": transparent,\n \"inherit\": inherit,\n) !default;\n\n$theme-fgs: (\n \"body\": light-dark(var(--gray-900), var(--gray-050)),\n \"1\": light-dark(var(--gray-800), var(--gray-200)),\n \"2\": light-dark(var(--gray-700), var(--gray-300)),\n \"3\": light-dark(var(--gray-600), var(--gray-500)),\n \"4\": light-dark(var(--gray-500), var(--gray-600)),\n \"white\": var(--white),\n \"black\": var(--black),\n \"inherit\": inherit,\n) !default;\n\n$theme-borders: (\n \"bg\": var(--bg-body),\n \"body\": light-dark(var(--gray-300), var(--gray-800)),\n \"muted\": light-dark(var(--gray-200), var(--gray-800)),\n \"subtle\": light-dark(var(--gray-100), var(--gray-900)),\n \"emphasized\": light-dark(var(--gray-400), var(--gray-600)),\n \"white\": var(--white),\n \"black\": var(--black),\n) !default;\n\n$util-opacity: (\n 10: .1,\n 20: .2,\n 30: .3,\n 40: .4,\n 50: .5,\n 60: .6,\n 70: .7,\n 80: .8,\n 90: .9,\n 100: 1\n) !default;\n","@use \"sass:meta\";\n@use \"colors\" as *;\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"theme\" as *;\n// @use \"maps\" as *;\n@use \"mixins/color-mode\" as *;\n@use \"forms/form-variables\" as *;\n\n// mdo-do: do we need theme?\n@layer colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;\n\n:root {\n // scss-docs-start root-theme-variables\n --black: #{$black};\n --white: #{$white};\n\n // Generate semantic theme colors\n @each $color-name, $color-map in $new-theme-colors {\n @each $key, $value in $color-map {\n --#{$color-name}-#{$key}: #{$value};\n }\n }\n\n @each $color, $value in $theme-bgs {\n --bg-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-fgs {\n --fg-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-borders {\n --border-#{$color}: #{$value};\n }\n // scss-docs-end root-theme-variables\n\n color-scheme: light dark;\n}\n\n:root,\n[data-bs-theme=\"light\"] {\n\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n --white-rgb: #{to-rgb($white)};\n --black-rgb: #{to-rgb($black)};\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-sans-serif: #{meta.inspect($font-family-sans-serif)};\n --font-monospace: #{meta.inspect($font-family-monospace)};\n --gradient: #{$gradient};\n --body-font-family: #{meta.inspect($font-family-base)};\n\n // scss-docs-start root-font-size-variables\n --font-size-base: #{$font-size-base}; // 14px\n\n --font-size-xs: .75rem;\n --font-size-sm: .875rem;\n --font-size-md: 1rem;\n --font-size-lg: clamp(1.25rem, 1rem + .625vw, 1.5rem);\n --font-size-xl: clamp(1.5rem, 1.1rem + .75vw, 1.75rem);\n --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);\n --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n\n --line-height-xs: 1.5;\n --line-height-sm: 1.5;\n --line-height-md: 1.5;\n --line-height-lg: 1.5;\n --line-height-xl: calc(2.5 / 1.75);\n --line-height-2xl: calc(3 / 2.25);\n --line-height-3xl: 1.2;\n --line-height-4xl: 1.1;\n --line-height-5xl: 1.1;\n --line-height-6xl: 1;\n // scss-docs-end root-font-size-variables\n\n --body-font-size: #{$font-size-base};\n --body-font-weight: #{$font-weight-base};\n --body-line-height: #{$line-height-base};\n\n --body-color-rgb: #{to-rgb($body-color)};\n --body-bg-rgb: #{to-rgb($body-bg)};\n // scss-docs-end root-body-variables\n\n --heading-color: #{$headings-color};\n\n --hr-border-color: var(--border-color);\n\n --link-color: light-dark(var(--primary-base), var(--primary-text));\n --link-decoration: #{$link-decoration};\n --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);\n\n --code-color: #{$code-color};\n --highlight-color: #{$mark-color};\n --highlight-bg: #{$mark-bg};\n\n // scss-docs-start root-border-var\n --border-width: #{$border-width};\n --border-style: #{$border-style};\n --border-color: #{$border-color};\n --border-color-translucent: #{$border-color-translucent};\n // scss-docs-end root-border-var\n\n // scss-docs-start root-border-radius-var\n --border-radius: #{$border-radius};\n --border-radius-sm: #{$border-radius-sm};\n --border-radius-lg: #{$border-radius-lg};\n --border-radius-xl: #{$border-radius-xl};\n --border-radius-2xl: #{$border-radius-2xl};\n --border-radius-pill: #{$border-radius-pill};\n // scss-docs-end root-border-radius-var\n\n --box-shadow: #{$box-shadow};\n --box-shadow-sm: #{$box-shadow-sm};\n --box-shadow-lg: #{$box-shadow-lg};\n --box-shadow-inset: #{$box-shadow-inset};\n\n // Focus styles\n // scss-docs-start root-focus-variables\n --focus-ring-width: 3px;\n --focus-ring-offset: 1px;\n --focus-ring-color: var(--primary-focus-ring);\n --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);\n // scss-docs-end root-focus-variables\n\n // scss-docs-start root-form-validation-variables\n --form-valid-color: #{$form-valid-color};\n --form-valid-border-color: #{$form-valid-border-color};\n --form-invalid-color: #{$form-invalid-color};\n --form-invalid-border-color: #{$form-invalid-border-color};\n color-scheme: light;\n\n // Root and body\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --root-font-size: #{$font-size-root};\n }\n @if $body-text-align != null {\n --body-text-align: #{$body-text-align};\n }\n // scss-docs-end root-form-validation-variables\n}\n\n@if $enable-dark-mode {\n @include color-mode(dark, true) {\n\n // scss-docs-start root-dark-mode-vars\n --emphasis-color: #{$body-emphasis-color-dark};\n --emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};\n --heading-color: #{$headings-color-dark};\n\n --border-color: #{$border-color-dark};\n --border-color-translucent: #{$border-color-translucent-dark};\n\n --form-valid-color: #{$form-valid-color-dark};\n --form-valid-border-color: #{$form-valid-border-color-dark};\n --form-invalid-color: #{$form-invalid-color-dark};\n --form-invalid-border-color: #{$form-invalid-border-color-dark};\n color-scheme: dark;\n // scss-docs-end root-dark-mode-vars\n }\n}\n","@use \"../config\" as *;\n\n// scss-docs-start color-mode-mixin\n@mixin color-mode($mode: light, $root: false) {\n @if $color-mode-type == \"media-query\" {\n @if $root == true {\n @media (prefers-color-scheme: $mode) {\n :root {\n @content;\n }\n }\n } @else {\n @media (prefers-color-scheme: $mode) {\n @content;\n }\n }\n } @else {\n [data-bs-theme=\"#{$mode}\"] {\n @content;\n }\n }\n}\n// scss-docs-end color-mode-mixin\n","@use \"../colors\" as *;\n@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n\n// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n@layer reboot {\n // Reboot\n //\n // Normalization of HTML elements, manually forked from Normalize.css to remove\n // styles targeting irrelevant browsers while applying new styles.\n //\n // Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n // Document\n //\n // Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n\n // Root\n //\n // Ability to the value of the root font sizes, affecting the value of `rem`.\n // null by default, thus nothing is generated.\n\n :root {\n @if $font-size-root != null {\n font-size: var(--root-font-size);\n // @include font-size(var(--root-font-size));\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n }\n\n\n // Body\n //\n // 1. Remove the margin in all browsers.\n // 2. As a best practice, apply a default `background-color`.\n // 3. Prevent adjustments of font size after orientation changes in iOS.\n // 4. Change the default tap highlight to be completely transparent in iOS.\n\n // scss-docs-start reboot-body-rules\n body {\n margin: 0; // 1\n font-family: var(--body-font-family);\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n color: var(--color-body);\n text-align: var(--body-text-align);\n background-color: var(--bg-body); // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n }\n // scss-docs-end reboot-body-rules\n\n hr {\n margin: $hr-margin-y 0;\n border: 0;\n border-block-start: var(--border-width) solid var(--hr-border-color);\n }\n\n\n // Typography\n //\n // 1. Remove top margins from headings\n // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n // margin for easier control within type scales as it avoids margin collapsing.\n\n %heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: var(--heading-color);\n }\n\n h1,\n .h1 {\n @extend %heading;\n font-size: $h1-font-size;\n }\n\n h2,\n .h2 {\n @extend %heading;\n font-size: $h2-font-size;\n }\n\n h3,\n .h3 {\n @extend %heading;\n font-size: $h3-font-size;\n }\n\n h4,\n .h4 {\n @extend %heading;\n font-size: $h4-font-size;\n }\n\n h5,\n .h5 {\n @extend %heading;\n font-size: $h5-font-size;\n }\n\n h6,\n .h6 {\n @extend %heading;\n font-size: $h6-font-size;\n }\n\n\n // Reset margins on paragraphs\n //\n // Similarly, the top margin on `<p>`s get reset. However, we also reset the\n // bottom margin to use `rem` units instead of `em`.\n\n p {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n }\n\n\n // Abbreviations\n //\n // 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n // 2. Add explicit cursor to indicate changed behavior.\n // 3. Prevent the text-decoration to be skipped.\n\n abbr[title] {\n text-decoration: underline dotted; // 1\n cursor: help; // 2\n text-decoration-skip-ink: none; // 3\n }\n\n\n // Address\n\n address {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n }\n\n\n // Lists\n\n ol,\n ul {\n padding-inline-start: 2rem;\n }\n\n ol,\n ul,\n dl {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n\n ol ol,\n ul ul,\n ol ul,\n ul ol {\n margin-bottom: 0;\n }\n\n dt {\n font-weight: $dt-font-weight;\n }\n\n // 1. Undo browser default\n\n dd {\n margin-inline-start: 0; // 1\n margin-bottom: .5rem;\n }\n\n\n // Blockquote\n\n blockquote {\n margin: 0 0 1rem;\n }\n\n\n // Strong\n //\n // Add the correct font weight in Chrome, Edge, and Safari\n\n b,\n strong {\n font-weight: $font-weight-bolder;\n }\n\n\n // Small\n //\n // Add the correct font size in all browsers\n\n small,\n .small {\n font-size: $small-font-size;\n }\n\n\n // Mark\n\n mark,\n .mark {\n padding: $mark-padding;\n color: var(--highlight-color);\n background-color: var(--highlight-bg);\n }\n\n\n // Sub and Sup\n //\n // Prevent `sub` and `sup` elements from affecting the line height in\n // all browsers.\n\n sub,\n sup {\n position: relative;\n font-size: $sub-sup-font-size;\n line-height: 0;\n vertical-align: baseline;\n }\n\n sub { bottom: -.25em; }\n sup { top: -.5em; }\n\n\n // Links\n\n a {\n color: var(--theme-text, var(--link-color));\n text-decoration: var(--link-decoration);\n text-underline-offset: $link-underline-offset;\n\n &:hover {\n // --link-color: var(--link-hover-color);\n // --link-decoration: var(--link-hover-decoration, var(--link-decoration));\n color: var(--theme-text-emphasis, var(--link-hover-color));\n text-decoration: var(--link-hover-decoration, var(--link-decoration));\n }\n }\n\n // And undo these styles for placeholder links/named anchors (without href).\n // It would be more straightforward to just use a[href] in previous block, but that\n // causes specificity issues in many other styles that are too complex to fix.\n // See https://github.com/twbs/bootstrap/issues/19402\n\n a:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n }\n\n\n // Code\n\n pre,\n code,\n kbd,\n samp {\n font-family: $font-family-code;\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n }\n\n // 1. Remove browser default top margin\n // 2. Reset browser default of `1em` to use `rem`s\n // 3. Don't allow content to break outside\n\n pre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n }\n\n code {\n font-size: $code-font-size;\n color: var(--code-color);\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n }\n\n kbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n font-size: 1em;\n font-weight: inherit; // mdo-do: check if this is needed\n }\n }\n\n\n // Figures\n //\n // Apply a consistent margin strategy (matches our type styles).\n\n figure {\n margin: 0 0 1rem;\n }\n\n\n // Images and content\n\n img,\n svg {\n vertical-align: middle;\n }\n\n\n // Tables\n //\n // Prevent double borders\n\n table {\n caption-side: bottom;\n border-collapse: collapse;\n }\n\n caption {\n // padding-top: $table-cell-padding-y;\n // padding-bottom: $table-cell-padding-y;\n // color: $table-caption-color;\n padding-block: .5rem;\n color: var(--secondary-color);\n text-align: start;\n }\n\n // 1. Removes font-weight bold by inheriting\n // 2. Matches default `<td>` alignment by inheriting `text-align`.\n // 3. Fix alignment for Safari\n\n th {\n // font-weight: $table-th-font-weight; // 1 // mdo-do: it's null by default. maybe we remove?\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n }\n\n thead,\n tbody,\n tfoot,\n tr,\n td,\n th {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n }\n\n\n // Forms\n //\n // 1. Allow labels to use `margin` for spacing.\n\n label {\n display: inline-block; // 1\n }\n\n // Remove the default `border-radius` that macOS Chrome adds.\n // See https://github.com/twbs/bootstrap/issues/24093\n\n button {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n }\n\n // Explicitly remove focus outline in Chromium when it shouldn't be\n // visible (e.g. as result of mouse click or touch tap). It already\n // should be doing this automatically, but seems to currently be\n // confused and applies its very visible two-tone outline anyway.\n\n button:focus:not(:focus-visible) {\n outline: 0;\n }\n\n // 1. Remove the margin in Firefox and Safari\n\n input,\n button,\n select,\n optgroup,\n textarea {\n margin: 0; // 1\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n // Remove the inheritance of text transform in Firefox\n button,\n select {\n text-transform: none;\n }\n // Set the cursor for non-`<button>` buttons\n //\n // Details at https://github.com/twbs/bootstrap/pull/30562\n [role=\"button\"] {\n cursor: pointer;\n }\n\n select {\n // Remove the inheritance of word-wrap in Safari.\n // See https://github.com/twbs/bootstrap/issues/24990\n word-wrap: normal;\n\n // Undo the opacity change from Chrome\n &:disabled {\n opacity: 1;\n }\n }\n\n // Remove the dropdown arrow only from text type inputs built with datalists in Chrome.\n // See https://stackoverflow.com/a/54997118\n\n [list]:not([type=\"date\"]):not([type=\"datetime-local\"]):not([type=\"month\"]):not([type=\"week\"]):not([type=\"time\"])::-webkit-calendar-picker-indicator {\n display: none !important;\n }\n\n // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n // controls in Android 4.\n // 2. Correct the inability to style clickable types in iOS and Safari.\n // 3. Opinionated: add \"hand\" cursor to non-disabled button elements.\n\n button,\n [type=\"button\"], // 1\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button; // 2\n\n @if $enable-button-pointers {\n &:not(:disabled) {\n cursor: pointer; // 3\n }\n }\n }\n\n // Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\n\n ::-moz-focus-inner {\n padding: 0;\n border-style: none;\n }\n\n // 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.\n\n textarea {\n resize: vertical; // 1\n }\n\n // 1. Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n // 2. Reset the default outline behavior of fieldsets so they don't affect page layout.\n\n fieldset {\n min-width: 0; // 1\n padding: 0; // 2\n margin: 0; // 2\n border: 0; // 2\n }\n\n // 1. By using `float: inline-start`, the legend will behave like a block element.\n // This way the border of a fieldset wraps around the legend if present.\n // 2. Fix wrapping bug.\n // See https://github.com/twbs/bootstrap/issues/29712\n\n legend {\n float: inline-start; // 1\n width: 100%;\n padding: 0;\n margin-bottom: $legend-margin-bottom;\n font-size: $legend-font-size;\n font-weight: $legend-font-weight;\n line-height: inherit;\n\n + * {\n clear: inline-start; // 2\n }\n }\n\n // Fix height of inputs with a type of datetime-local, date, month, week, or time\n // See https://github.com/twbs/bootstrap/issues/18842\n\n ::-webkit-datetime-edit-fields-wrapper,\n ::-webkit-datetime-edit-text,\n ::-webkit-datetime-edit-minute,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n padding: 0;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n // 1. This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n // 2. Correct the outline style in Safari.\n\n [type=\"search\"] {\n -webkit-appearance: textfield; // 1\n outline-offset: -2px; // 2\n\n // 3. Better affordance and consistent appearance for search cancel button\n &::-webkit-search-cancel-button {\n cursor: pointer;\n filter: grayscale(1);\n }\n }\n\n // A few input types should stay LTR regardless of document direction\n // See https://rtlstyling.com/posts/rtl-styling#form-inputs\n\n [type=\"tel\"],\n [type=\"url\"],\n [type=\"email\"],\n [type=\"number\"] {\n direction: ltr;\n }\n\n // Remove the inner padding in Chrome and Safari on macOS.\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n // Remove padding around color pickers in webkit browsers\n\n ::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n\n // 1. Inherit font family and line height for file input buttons\n // 2. Correct the inability to style clickable types in iOS and Safari.\n\n ::file-selector-button {\n font: inherit; // 1\n -webkit-appearance: button; // 2\n }\n\n // Correct element displays\n\n output {\n display: inline-block;\n }\n\n // Remove border from iframe\n\n iframe {\n border: 0;\n }\n\n // Summary\n //\n // 1. Add the correct display in all browsers\n\n summary {\n display: list-item; // 1\n cursor: pointer;\n }\n\n\n // Progress\n //\n // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n progress {\n vertical-align: baseline;\n }\n\n\n // Hidden attribute\n //\n // Always hide an element with the `hidden` HTML attribute.\n\n [hidden] {\n display: none !important;\n }\n}\n","@use \"sass:color\";\n@use \"sass:string\";\n@use \"colors\" as *;\n@use \"config\" as *;\n@use \"functions\" as *;\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $btn-padding-y-lg.\n\n// scss-docs-start theme-color-variables\n// $primary: $blue-500 !default;\n// $secondary: var(--gray-600) !default;\n// $success: $green-500 !default;\n// $info: $cyan-500 !default;\n// $warning: $yellow-500 !default;\n// $danger: $red-500 !default;\n// $light: var(--gray-100) !default;\n// $dark: var(--gray-900) !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n// $theme-colors: (\n// \"primary\": $primary,\n// \"secondary\": $secondary,\n// \"success\": $success,\n// \"info\": $info,\n// \"warning\": $warning,\n// \"danger\": $danger,\n// \"light\": $light,\n// \"dark\": $dark\n// ) !default;\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// // Options\n// //\n// // Quickly modify global styling by enabling or disabling optional features.\n\n// $enable-caret: true !default;\n// $enable-rounded: true !default;\n// $enable-shadows: false !default;\n// $enable-gradients: false !default;\n// $enable-transitions: true !default;\n// $enable-reduced-motion: true !default;\n// $enable-smooth-scroll: true !default;\n// $enable-grid-classes: true !default;\n// $enable-container-classes: true !default;\n// $enable-cssgrid: false !default;\n// $enable-button-pointers: true !default;\n// $enable-rfs: true !default;\n// $enable-validation-icons: true !default;\n// $enable-negative-margins: false !default;\n// $enable-deprecation-messages: true !default;\n\n// $enable-dark-mode: true !default;\n// $color-mode-type: data !default; // `data` or `media-query`\n\n// // Prefix for :root CSS variables\n// : bs- !default;\n\n// $color-mode-type: \"media-query\" !default;\n// $color-contrast-dark: #000 !default;\n// $color-contrast-light: #fff !default;\n// $min-contrast-ratio: 4.5 !default;\n\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-text-align: null !default;\n$body-color: var(--color-body) !default;\n$body-bg: var(--bg-body) !default;\n\n// Links\n//\n// Style anchor elements.\n\n// $link-color: var !default;\n$link-decoration: underline !default;\n$link-underline-offset: .2em !default;\n$link-shade-percentage: 20% !default;\n// $link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n// $link-hover-decoration: $link-decoration !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Icon links\n// scss-docs-start icon-link-variables\n$icon-link-gap: .375rem !default;\n$icon-link-underline-offset: .25em !default;\n$icon-link-icon-size: 1em !default;\n$icon-link-icon-transition: .2s ease-in-out transform !default;\n$icon-link-icon-transform: translate3d(.25em, 0, 0) !default;\n// scss-docs-end icon-link-variables\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n$border-style: solid !default;\n$border-color: color-mix(in oklch, var(--gray-100), var(--gray-200)) !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .5rem !default;\n$border-radius-sm: .375rem !default;\n$border-radius-lg: .75rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n// scss-docs-start focus-ring-variables\n$focus-ring-width: .25rem !default;\n$focus-ring-opacity: .25 !default;\n$focus-ring-color: var(--primary-focus-ring) !default;\n$focus-ring-blur: 0 !default;\n$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;\n// scss-docs-end focus-ring-variables\n\n$component-active-color: var(--primary-contrast) !default;\n$component-active-bg: var(--primary-bg) !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"auto\": auto,\n \"1x1\": #{\"1 / 1\"},\n \"4x3\": #{\"4 / 3\"},\n \"16x9\": #{\"16 / 9\"},\n \"21x9\": #{\"21 / 9\"}\n) !default;\n// scss-docs-end aspect-ratios\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--font-sans-serif) !default;\n$font-family-code: var(--font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: 16px !default;\n$font-size-base: 14px !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-medium: 500 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: var(--font-size-3xl) !default;\n$h2-font-size: var(--font-size-2xl) !default;\n$h3-font-size: var(--font-size-xl) !default;\n$h4-font-size: var(--font-size-lg) !default;\n$h5-font-size: var(--font-size-md) !default;\n$h6-font-size: var(--font-size-sm) !default;\n// scss-docs-end font-variables\n\n// Font sizes with line-height for utilities\n$font-sizes: (\n \"xs\": (\n \"font-size\": var(--font-size-xs),\n \"line-height\": var(--line-height-xs)\n ),\n \"sm\": (\n \"font-size\": var(--font-size-sm),\n \"line-height\": var(--line-height-sm)\n ),\n \"md\": (\n \"font-size\": var(--font-size-md),\n \"line-height\": var(--line-height-md)\n ),\n \"lg\": (\n \"font-size\": var(--font-size-lg),\n \"line-height\": var(--line-height-lg)\n ),\n \"xl\": (\n \"font-size\": var(--font-size-xl),\n \"line-height\": var(--line-height-xl)\n ),\n \"2xl\": (\n \"font-size\": var(--font-size-2xl),\n \"line-height\": var(--line-height-2xl)\n ),\n \"3xl\": (\n \"font-size\": var(--font-size-3xl),\n \"line-height\": var(--line-height-3xl)\n ),\n \"4xl\": (\n \"font-size\": var(--font-size-4xl),\n \"line-height\": var(--line-height-4xl)\n ),\n \"5xl\": (\n \"font-size\": var(--font-size-5xl),\n \"line-height\": var(--line-height-5xl)\n ),\n \"6xl\": (\n \"font-size\": var(--font-size-6xl),\n \"line-height\": var(--line-height-6xl)\n ),\n) !default;\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start type-variables\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: var(--gray-600) !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n\n// scss-docs-start vr-variables\n$vr-border-width: var(--border-width) !default;\n// scss-docs-end vr-variables\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-color: $body-color !default;\n$mark-bg: var(--yellow-100) !default;\n// scss-docs-end type-variables\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-dialog: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n$zindex-toast: 1090 !default;\n// scss-docs-end zindex-stack\n\n// scss-docs-start zindex-levels-map\n$zindex-levels: (\n n1: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3\n) !default;\n// scss-docs-end zindex-levels-map\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $spacer !default;\n$offcanvas-padding-x: $spacer !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: var(--border-color-translucent) !default;\n$offcanvas-border-width: var(--border-width) !default;\n$offcanvas-title-line-height: $line-height-base !default;\n$offcanvas-bg-color: var(--bg-body) !default;\n$offcanvas-color: var(--color-body) !default;\n$offcanvas-box-shadow: var(--box-shadow-sm) !default;\n$offcanvas-backdrop-bg: $black !default;\n$offcanvas-backdrop-opacity: .5 !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: 95% !default;\n$code-color: var(--secondary-text) !default;\n\n$kbd-padding-y: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--bg-body) !default;\n$kbd-bg: var(--fg-body) !default;\n\n$pre-color: null !default;\n\n// Dark color mode variables\n//\n// Custom variables for the `[data-bs-theme=\"dark\"]` theme. Use this as a starting point for your own custom color modes by creating a new theme-specific file like `_variables-dark.scss` and adding the variables you need.\n\n//\n// Global colors\n//\n\n// scss-docs-start sass-dark-mode-vars\n// $body-color-dark: var(--gray-200) !default;\n// $body-bg-dark: var(--gray-975) !default;\n// $body-secondary-color-dark: rgba($body-color-dark, .75) !default;\n// $body-secondary-bg-dark: var(--gray-800) !default;\n// $body-tertiary-color-dark: rgba($body-color-dark, .5) !default;\n// $body-tertiary-bg-dark: color-mix(in srgb, var(--gray-800), var(--gray-900)) !default;\n$body-emphasis-color-dark: $white !default;\n$border-color-dark: var(--gray-700) !default;\n$border-color-translucent-dark: rgba($white, .15) !default;\n$headings-color-dark: inherit !default;\n// $mark-color-dark: $body-color-dark !default;\n// $mark-bg-dark: var(--yellow-800) !default;\n\n\n//\n// Forms\n//\n\n// scss-docs-start form-validation-colors-dark\n$form-valid-color-dark: var(--green-300) !default;\n$form-valid-border-color-dark: var(--green-300) !default;\n$form-invalid-color-dark: var(--red-300) !default;\n$form-invalid-border-color-dark: var(--red-300) !default;\n// scss-docs-end form-validation-colors-dark\n// scss-docs-end sass-dark-mode-vars\n","@use \"sass:list\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../config\" as *;\n@use \"../variables\" as *;\n\n// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if meta.type-of($value) == number {\n $return: list.append($return, math.max($value, 0));\n } @else {\n $return: list.append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-start-start-radius: valid-radius($radius);\n border-start-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-start-end-radius: valid-radius($radius);\n border-end-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-end-start-radius: valid-radius($radius);\n border-end-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-start-start-radius: valid-radius($radius);\n border-end-start-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-start-start-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-start-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-end-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-end-start-radius: valid-radius($radius);\n }\n}\n// scss-docs-end border-radius-mixins\n"]} |