@orangesk/orange-design-system 3.7.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/build/components/Alert/style.css +1 -1
  2. package/build/components/Alert/style.css.map +1 -1
  3. package/build/components/Bar/style.css +1 -1
  4. package/build/components/Bar/style.css.map +1 -1
  5. package/build/components/Drawer/style.css +2 -0
  6. package/build/components/Drawer/style.css.map +1 -0
  7. package/build/components/Megamenu/style.css +1 -1
  8. package/build/components/Megamenu/style.css.map +1 -1
  9. package/build/components/Modal/style.css +1 -1
  10. package/build/components/Modal/style.css.map +1 -1
  11. package/build/components/StatusIndicator/style.css +2 -0
  12. package/build/components/StatusIndicator/style.css.map +1 -0
  13. package/build/components/Table/style.css +1 -1
  14. package/build/components/Table/style.css.map +1 -1
  15. package/build/components/index.js +1 -1
  16. package/build/components/index.js.map +1 -1
  17. package/build/components/types/index.d.ts +55 -3
  18. package/build/lib/base.css +1 -1
  19. package/build/lib/base.css.map +1 -1
  20. package/build/lib/components.css +1 -1
  21. package/build/lib/components.css.map +1 -1
  22. package/build/lib/footer.js +1 -1
  23. package/build/lib/footer.js.map +1 -1
  24. package/build/lib/megamenu.css +1 -1
  25. package/build/lib/megamenu.css.map +1 -1
  26. package/build/lib/megamenu.js +1 -1
  27. package/build/lib/megamenu.js.map +1 -1
  28. package/build/lib/scripts.js +1 -1
  29. package/build/lib/scripts.js.map +1 -1
  30. package/build/lib/style.css +1 -1
  31. package/build/lib/style.css.map +1 -1
  32. package/build/lib/utilities.css +1 -1
  33. package/build/lib/utilities.css.map +1 -1
  34. package/package.json +27 -27
  35. package/src/components/Alert/Alert.tsx +2 -2
  36. package/src/components/Alert/data.ts +8 -5
  37. package/src/components/Alert/styles/config.scss +4 -4
  38. package/src/components/Alert/styles/mixins.scss +8 -1
  39. package/src/components/Alert/tests/Alert.test.jsx +11 -1
  40. package/src/components/Bar/Bar.tsx +1 -1
  41. package/src/components/Bar/styles/config.scss +1 -0
  42. package/src/components/Bar/tests/Bar.unit.test.jsx +1 -1
  43. package/src/components/Carousel/Carousel.static.ts +103 -12
  44. package/src/components/Carousel/tests/Carousel.static.test.jsx +134 -0
  45. package/src/components/DocumentationSidebar/DocumentationSidebar.tsx +12 -4
  46. package/src/components/Drawer/Drawer.static.ts +281 -0
  47. package/src/components/Drawer/Drawer.tsx +82 -0
  48. package/src/components/Drawer/DrawerBody.tsx +21 -0
  49. package/src/components/Drawer/DrawerFooter.tsx +21 -0
  50. package/src/components/Drawer/DrawerHeader.tsx +21 -0
  51. package/src/components/Drawer/index.ts +5 -0
  52. package/src/components/Drawer/styles/config.scss +17 -0
  53. package/src/components/Drawer/styles/mixins.scss +119 -0
  54. package/src/components/Drawer/styles/style.scss +71 -0
  55. package/src/components/Drawer/tests/Drawer.unit.test.jsx +149 -0
  56. package/src/components/Forms/SegmentedControl/SegmentedControl.tsx +122 -0
  57. package/src/components/Forms/SegmentedControl/index.ts +5 -0
  58. package/src/components/Forms/SegmentedControl/styles/mixins.scss +52 -0
  59. package/src/components/Forms/SegmentedControl/styles/style.scss +35 -0
  60. package/src/components/Forms/SegmentedControl/tests/SegmentedControl.conformance.test.jsx +36 -0
  61. package/src/components/Forms/SegmentedControl/tests/SegmentedControl.unit.test.jsx +125 -0
  62. package/src/components/Forms/index.ts +1 -0
  63. package/src/components/Icon/index.ts +1 -0
  64. package/src/components/Megamenu/styles/mixins.scss +15 -14
  65. package/src/components/Modal/styles/config.scss +3 -2
  66. package/src/components/StatusIndicator/StatusIndicator.tsx +29 -0
  67. package/src/components/StatusIndicator/index.ts +2 -0
  68. package/src/components/StatusIndicator/styles/config.scss +12 -0
  69. package/src/components/StatusIndicator/styles/mixins.scss +36 -0
  70. package/src/components/StatusIndicator/styles/style.scss +16 -0
  71. package/src/components/StatusIndicator/tests/StatusIndicator.conformance.test.jsx +22 -0
  72. package/src/components/StatusIndicator/tests/StatusIndicator.unit.test.jsx +70 -0
  73. package/src/components/Table/Table.static.ts +23 -10
  74. package/src/components/Table/Table.tsx +7 -2
  75. package/src/components/Table/styles/mixins.scss +59 -0
  76. package/src/components/Table/styles/style.scss +25 -0
  77. package/src/components/Table/tests/Table.static.unit.test.jsx +72 -0
  78. package/src/components/Table/tests/Table.unit.test.jsx +33 -0
  79. package/src/components/index.ts +11 -0
  80. package/src/styles/tokens/overlay.scss +3 -0
  81. package/src/styles/typography/style.scss +0 -13
  82. package/src/styles/utilities/border.scss +4 -0
  83. package/src/styles/utilities/border.styles.unit.test.jsx +9 -0
  84. package/src/styles/utilities/text.scss +12 -0
  85. package/src/components/Carousel/CHANGELOG.md +0 -11
@@ -1,2 +1,2 @@
1
- @layer components{.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal[aria-hidden=true]{display:none}.modal__overlay{backface-visibility:hidden;background-color:rgba(0,0,0,.4);bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transform:scale(1.1);transition:opacity .4s ease 0s,transform .4s ease 0s;width:0;z-index:500}.modal.is-active .modal__overlay{height:100%!important;opacity:1;transform:scale(1);transition-delay:0s;width:100%!important}.modal__dialog{-webkit-overflow-scrolling:touch;background-color:var(--color-surface-primary);border-radius:1.125rem;display:flex;flex-flow:column;height:auto;max-height:calc(100% - 1.25rem);overflow:auto;width:calc(100% - 1.25rem);z-index:501}@media screen and (min-width:480px){.modal__dialog{max-height:calc(100% - 2.5rem);width:calc(100% - 2.5rem)}}.modal__dialog{max-width:43.75rem}.modal__dialog--small{max-width:25rem}.modal__dialog--large{max-width:62.5rem}.modal__header{background:var(--color-surface-primary);display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end;padding-bottom:.1875rem;position:sticky;top:0;z-index:1000}.modal__header>:last-child{margin-bottom:0}.modal__header .divider{padding:0}.modal__header:has(.divider){padding-bottom:0}.modal__dialog .modal__header:not(.modal__header--no-spacing),.modal__dialog--small .modal__header:not(.modal__header--no-spacing){padding:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__header:not(.modal__header--no-spacing){padding:1.875rem}}.modal__close{margin-bottom:0!important;position:absolute;right:1.25rem;top:1.25rem}@media screen and (max-width:479.98px){.modal__close{right:.625rem;top:.625rem}}.modal__body{flex:0 0 auto;width:100%}.modal__body>:last-child{margin-bottom:0}.modal__dialog--small .modal__body:not(.modal__body--no-spacing){padding-left:1.25rem;padding-right:1.25rem}.modal__dialog--small .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.25rem}.modal__dialog--small .modal__body:has(+.modal__footer--sticky){padding-bottom:0}.modal__dialog--small>.modal__body--with-top-padding{padding-top:1.25rem}.modal__dialog .modal__body:not(.modal__body--no-spacing){padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body:not(.modal__body--no-spacing){padding-left:1.875rem;padding-right:1.875rem}}.modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.875rem}}.modal__dialog .modal__body:has(+.modal__footer--sticky){padding-bottom:0}@media screen and (min-width:768px){.modal__dialog .modal__body:has(+.modal__footer--sticky){padding-bottom:0}}.modal__dialog>.modal__body--with-top-padding{padding-top:1.25rem}@media screen and (min-width:768px){.modal__dialog>.modal__body--with-top-padding{padding-top:1.875rem}}.modal__dialog--small .modal__body--colorful{padding-bottom:1.25rem;padding-top:1.25rem}.modal__dialog--small .modal__body--colorful+.modal__footer--sticky{margin-top:0}.modal__dialog .modal__body--colorful{padding-bottom:1.25rem;padding-top:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body--colorful{padding-bottom:1.875rem;padding-top:1.875rem}}.modal__dialog .modal__body--colorful+.modal__footer--sticky,.modal__dialog--large .modal__body--colorful+.modal__footer--sticky{margin-top:0}.modal__dialog--full-height .modal__body{flex:1}@media screen and (max-width:479.98px){.modal__dialog--full-height{height:calc(100% - 2.5rem)}}.modal__footer{flex:0 0 auto;width:100%}.modal__footer>:last-child{margin-bottom:0}.modal__footer .divider{padding:0}.modal__dialog .modal__footer:not(.modal__footer--no-spacing),.modal__dialog--small .modal__footer:not(.modal__footer--no-spacing){padding:0 1.25rem 1.25rem}.modal__body--colorful+.modal__footer{padding:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__footer:not(.modal__footer--no-spacing){padding:0 1.875rem 1.875rem}.modal__body--colorful+.modal__footer{padding:1.875rem}}.modal__footer--sticky{z-index:1}@media screen and (min-height:500px){.modal__footer--sticky{background-color:var(--color-surface-primary);bottom:0;position:sticky}}.modal__footer--sticky.modal__footer--no-spacing{padding:0!important}.modal__footer--sticky{padding:1.25rem!important}@media screen and (min-width:768px){.modal__footer--sticky{padding:1.875rem!important}}.modal__product-header{align-items:flex-start;display:flex;justify-content:space-between}.modal__product-header>img{aspect-ratio:auto;height:auto;max-width:7.8125rem;object-fit:cover;object-position:left;width:auto}@media screen and (max-width:767.98px){.modal__product-header>img{max-width:3.90625rem}}.modal__product-content{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.modal__product-content{padding:1.875rem}}.modal__product-header--space-small .modal__product-content{flex:0 1 auto;padding:1.25rem}.modal__product-footer{align-items:center;display:flex;gap:1.25rem}@media screen and (min-width:768px){.modal__product-footer{gap:1.875rem}}@media screen and (max-width:479.98px){.modal__product-footer{flex-direction:column}}.modal__product-footer{padding:1.25rem}@media screen and (min-width:768px){.modal__product-footer{padding:1.875rem}}.modal__product-footer-content{display:flex;flex:1 0 auto;flex-direction:column;gap:.4375rem}@media screen and (max-width:479.98px){.modal__product-footer-content{align-items:center;flex-direction:row-reverse;justify-content:space-between;width:100%}.modal__product-footer-button,.modal__product-footer-button .btn{width:100%}}}
1
+ @layer components{.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal[aria-hidden=true]{display:none}.modal__overlay{backface-visibility:hidden;background-color:color-mix(in srgb,var(--color-surface-contrast) 75%,transparent);bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transform:scale(1.1);transition:opacity .2s ease-out,transform .2s ease-out;width:0;z-index:500}.modal.is-active .modal__overlay{height:100%!important;opacity:1;transform:scale(1);transition-delay:0s;width:100%!important}.modal__dialog{-webkit-overflow-scrolling:touch;background-color:var(--color-surface-primary);border-radius:1.125rem;display:flex;flex-flow:column;height:auto;max-height:calc(100% - 1.25rem);overflow:auto;width:calc(100% - 1.25rem);z-index:501}@media screen and (min-width:480px){.modal__dialog{max-height:calc(100% - 2.5rem);width:calc(100% - 2.5rem)}}.modal__dialog{max-width:43.75rem}.modal__dialog--small{max-width:25rem}.modal__dialog--large{max-width:62.5rem}.modal__header{background:var(--color-surface-primary);display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end;padding-bottom:.1875rem;position:sticky;top:0;z-index:1000}.modal__header>:last-child{margin-bottom:0}.modal__header .divider{padding:0}.modal__header:has(.divider){padding-bottom:0}.modal__dialog .modal__header:not(.modal__header--no-spacing),.modal__dialog--small .modal__header:not(.modal__header--no-spacing){padding:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__header:not(.modal__header--no-spacing){padding:1.875rem}}.modal__close{margin-bottom:0!important;position:absolute;right:1.25rem;top:1.25rem}@media screen and (max-width:479.98px){.modal__close{right:.625rem;top:.625rem}}.modal__body{flex:0 0 auto;width:100%}.modal__body>:last-child{margin-bottom:0}.modal__dialog--small .modal__body:not(.modal__body--no-spacing){padding-left:1.25rem;padding-right:1.25rem}.modal__dialog--small .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.25rem}.modal__dialog--small .modal__body:has(+.modal__footer--sticky){padding-bottom:0}.modal__dialog--small>.modal__body--with-top-padding{padding-top:1.25rem}.modal__dialog .modal__body:not(.modal__body--no-spacing){padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body:not(.modal__body--no-spacing){padding-left:1.875rem;padding-right:1.875rem}}.modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.875rem}}.modal__dialog .modal__body:has(+.modal__footer--sticky){padding-bottom:0}@media screen and (min-width:768px){.modal__dialog .modal__body:has(+.modal__footer--sticky){padding-bottom:0}}.modal__dialog>.modal__body--with-top-padding{padding-top:1.25rem}@media screen and (min-width:768px){.modal__dialog>.modal__body--with-top-padding{padding-top:1.875rem}}.modal__dialog--small .modal__body--colorful{padding-bottom:1.25rem;padding-top:1.25rem}.modal__dialog--small .modal__body--colorful+.modal__footer--sticky{margin-top:0}.modal__dialog .modal__body--colorful{padding-bottom:1.25rem;padding-top:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body--colorful{padding-bottom:1.875rem;padding-top:1.875rem}}.modal__dialog .modal__body--colorful+.modal__footer--sticky,.modal__dialog--large .modal__body--colorful+.modal__footer--sticky{margin-top:0}.modal__dialog--full-height .modal__body{flex:1}@media screen and (max-width:479.98px){.modal__dialog--full-height{height:calc(100% - 2.5rem)}}.modal__footer{flex:0 0 auto;width:100%}.modal__footer>:last-child{margin-bottom:0}.modal__footer .divider{padding:0}.modal__dialog .modal__footer:not(.modal__footer--no-spacing),.modal__dialog--small .modal__footer:not(.modal__footer--no-spacing){padding:0 1.25rem 1.25rem}.modal__body--colorful+.modal__footer{padding:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__footer:not(.modal__footer--no-spacing){padding:0 1.875rem 1.875rem}.modal__body--colorful+.modal__footer{padding:1.875rem}}.modal__footer--sticky{z-index:1}@media screen and (min-height:500px){.modal__footer--sticky{background-color:var(--color-surface-primary);bottom:0;position:sticky}}.modal__footer--sticky.modal__footer--no-spacing{padding:0!important}.modal__footer--sticky{padding:1.25rem!important}@media screen and (min-width:768px){.modal__footer--sticky{padding:1.875rem!important}}.modal__product-header{align-items:flex-start;display:flex;justify-content:space-between}.modal__product-header>img{aspect-ratio:auto;height:auto;max-width:7.8125rem;object-fit:cover;object-position:left;width:auto}@media screen and (max-width:767.98px){.modal__product-header>img{max-width:3.90625rem}}.modal__product-content{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.modal__product-content{padding:1.875rem}}.modal__product-header--space-small .modal__product-content{flex:0 1 auto;padding:1.25rem}.modal__product-footer{align-items:center;display:flex;gap:1.25rem}@media screen and (min-width:768px){.modal__product-footer{gap:1.875rem}}@media screen and (max-width:479.98px){.modal__product-footer{flex-direction:column}}.modal__product-footer{padding:1.25rem}@media screen and (min-width:768px){.modal__product-footer{padding:1.875rem}}.modal__product-footer-content{display:flex;flex:1 0 auto;flex-direction:column;gap:.4375rem}@media screen and (max-width:479.98px){.modal__product-footer-content{align-items:center;flex-direction:row-reverse;justify-content:space-between;width:100%}.modal__product-footer-button,.modal__product-footer-button .btn{width:100%}}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAQE,kBAAmB,CAJnB,QAAS,CAGT,YAAa,CAEb,sBAAuB,CAJvB,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WAIF,CACA,yBACE,YACF,CACA,gBAaE,0BAA2B,CAP3B,+BAAoC,CAFpC,QAAS,CAIT,QAAS,CAHT,MAAO,CAKP,SAAU,CATV,cAAe,CAEf,OAAQ,CADR,KAAM,CASN,oBAA0B,CAC1B,oDAAwD,CALxD,OAAQ,CAER,WAKF,CACA,iCAEE,qBAAuB,CACvB,SAAU,CACV,kBAAsB,CACtB,mBAAoB,CAJpB,oBAKF,CACA,eAKE,gCAAiC,CAEjC,6CAA8C,CAH9C,sBAAuB,CAHvB,YAAa,CACb,gBAAiB,CAIjB,WAAY,CAGZ,+BAAgC,CANhC,aAAc,CAOd,0BAA2B,CAF3B,WAGF,CACA,oCACE,eACE,8BAA+B,CAC/B,yBACF,CACF,CACA,eACE,kBACF,CACA,sBACE,eACF,CACA,sBACE,iBACF,CACA,eASE,uCAAwC,CAPxC,YAAa,CACb,qBAAsB,CAEtB,aAAc,CADd,wBAAyB,CAIzB,uBAAyB,CAFzB,eAAgB,CAChB,KAAM,CANN,YASF,CACA,2BACE,eACF,CACA,wBACE,SACF,CACA,6BACE,gBACF,CAIA,mIACE,eACF,CACA,oCACE,8DACE,gBACF,CACF,CACA,cAIE,yBAA2B,CAH3B,iBAAkB,CAElB,aAAc,CADd,WAGF,CACA,uCACE,cAEE,aAAe,CADf,WAEF,CACF,CACA,aAEE,aAAc,CADd,UAEF,CACA,yBACE,eACF,CACA,iEACE,oBAAqB,CACrB,qBACF,CACA,6FACE,sBACF,CACA,gEACE,gBACF,CACA,qDACE,mBACF,CACA,0DACE,oBAAqB,CACrB,qBACF,CACA,oCACE,0DACE,qBAAsB,CACtB,sBACF,CACF,CACA,sFACE,sBACF,CACA,oCACE,sFACE,uBACF,CACF,CACA,yDACE,gBACF,CACA,oCACE,yDACE,gBACF,CACF,CACA,8CACE,mBACF,CACA,oCACE,8CACE,oBACF,CACF,CACA,6CAEE,sBAAuB,CADvB,mBAEF,CACA,oEACE,YACF,CACA,sCAEE,sBAAuB,CADvB,mBAEF,CACA,oCACE,sCAEE,uBAAwB,CADxB,oBAEF,CACF,CAIA,iIACE,YACF,CACA,yCACE,MACF,CACA,uCACE,4BACE,0BACF,CACF,CACA,eAEE,aAAc,CADd,UAEF,CACA,2BACE,eACF,CACA,wBACE,SACF,CAUA,mIAIE,yBACF,CACA,sCACE,eACF,CACA,oCACE,8DAIE,2BACF,CACA,sCACE,gBACF,CACF,CACA,uBACE,SACF,CACA,qCACE,uBAGE,6CAA8C,CAD9C,QAAS,CADT,eAGF,CACF,CACA,iDACE,mBACF,CACA,uBACE,yBACF,CACA,oCACE,uBACE,0BACF,CACF,CACA,uBAGE,sBAAuB,CAFvB,YAAa,CACb,6BAEF,CACA,2BAME,iBAAkB,CADlB,WAAY,CAFZ,mBAAoB,CAFpB,gBAAiB,CACjB,oBAAqB,CAErB,UAGF,CACA,uCACE,2BACE,oBACF,CACF,CACA,wBACE,aAAc,CACd,eACF,CACA,oCACE,wBACE,gBACF,CACF,CACA,4DACE,aAAc,CACd,eACF,CACA,uBAEE,kBAAmB,CADnB,YAAa,CAEb,WACF,CACA,oCACE,uBACE,YACF,CACF,CACA,uCACE,uBACE,qBACF,CACF,CACA,uBACE,eACF,CACA,oCACE,uBACE,gBACF,CACF,CACA,+BAEE,YAAa,CADb,aAAc,CAEd,qBAAsB,CACtB,YACF,CACA,uCACE,+BAEE,kBAAmB,CADnB,0BAA2B,CAG3B,6BAA8B,CAD9B,UAEF,CAMA,iEACE,UACF,CAPF,CASF","file":"style.css","sourcesContent":["@layer components {\n .modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .modal[aria-hidden=true] {\n display: none;\n }\n .modal__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.4);\n width: 0;\n height: 0;\n z-index: 500;\n opacity: 0;\n transform: scale(1.1, 1.1);\n transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;\n backface-visibility: hidden;\n }\n .modal.is-active .modal__overlay {\n width: 100% !important;\n height: 100% !important;\n opacity: 1;\n transform: scale(1, 1);\n transition-delay: 0s;\n }\n .modal__dialog {\n display: flex;\n flex-flow: column;\n overflow: auto;\n border-radius: 1.125rem;\n -webkit-overflow-scrolling: touch;\n height: auto;\n background-color: var(--color-surface-primary);\n z-index: 501;\n max-height: calc(100% - 1.25rem);\n width: calc(100% - 1.25rem);\n }\n @media screen and (min-width: 480px) {\n .modal__dialog {\n max-height: calc(100% - 2.5rem);\n width: calc(100% - 2.5rem);\n }\n }\n .modal__dialog {\n max-width: 43.75rem;\n }\n .modal__dialog--small {\n max-width: 25rem;\n }\n .modal__dialog--large {\n max-width: 62.5rem;\n }\n .modal__header {\n z-index: 1000;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n flex-shrink: 0;\n position: sticky;\n top: 0;\n padding-bottom: 0.1875rem;\n background: var(--color-surface-primary);\n }\n .modal__header > *:last-child {\n margin-bottom: 0;\n }\n .modal__header .divider {\n padding: 0;\n }\n .modal__header:has(.divider) {\n padding-bottom: 0;\n }\n .modal__dialog--small .modal__header:not(.modal__header--no-spacing) {\n padding: 1.25rem;\n }\n .modal__dialog .modal__header:not(.modal__header--no-spacing) {\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__header:not(.modal__header--no-spacing) {\n padding: 1.875rem;\n }\n }\n .modal__close {\n position: absolute;\n top: 1.25rem;\n right: 1.25rem;\n margin-bottom: 0 !important;\n }\n @media screen and (max-width: 479.98px) {\n .modal__close {\n top: 0.625rem;\n right: 0.625rem;\n }\n }\n .modal__body {\n width: 100%;\n flex: 0 0 auto;\n }\n .modal__body > *:last-child {\n margin-bottom: 0;\n }\n .modal__dialog--small .modal__body:not(.modal__body--no-spacing) {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n .modal__dialog--small .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing) {\n padding-bottom: 1.25rem;\n }\n .modal__dialog--small .modal__body:has(+ .modal__footer--sticky) {\n padding-bottom: 0;\n }\n .modal__dialog--small > .modal__body--with-top-padding {\n padding-top: 1.25rem;\n }\n .modal__dialog .modal__body:not(.modal__body--no-spacing) {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body:not(.modal__body--no-spacing) {\n padding-left: 1.875rem;\n padding-right: 1.875rem;\n }\n }\n .modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing) {\n padding-bottom: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing) {\n padding-bottom: 1.875rem;\n }\n }\n .modal__dialog .modal__body:has(+ .modal__footer--sticky) {\n padding-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body:has(+ .modal__footer--sticky) {\n padding-bottom: 0;\n }\n }\n .modal__dialog > .modal__body--with-top-padding {\n padding-top: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog > .modal__body--with-top-padding {\n padding-top: 1.875rem;\n }\n }\n .modal__dialog--small .modal__body--colorful {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n .modal__dialog--small .modal__body--colorful + .modal__footer--sticky {\n margin-top: 0;\n }\n .modal__dialog .modal__body--colorful {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body--colorful {\n padding-top: 1.875rem;\n padding-bottom: 1.875rem;\n }\n }\n .modal__dialog .modal__body--colorful + .modal__footer--sticky {\n margin-top: 0;\n }\n .modal__dialog--large .modal__body--colorful + .modal__footer--sticky {\n margin-top: 0;\n }\n .modal__dialog--full-height .modal__body {\n flex: 1;\n }\n @media screen and (max-width: 479.98px) {\n .modal__dialog--full-height {\n height: calc(100% - 2.5rem);\n }\n }\n .modal__footer {\n width: 100%;\n flex: 0 0 auto;\n }\n .modal__footer > *:last-child {\n margin-bottom: 0;\n }\n .modal__footer .divider {\n padding: 0;\n }\n .modal__dialog--small .modal__footer:not(.modal__footer--no-spacing) {\n padding-top: 0;\n padding-right: 1.25rem;\n padding-bottom: 1.25rem;\n padding-left: 1.25rem;\n }\n .modal__body--colorful + .modal__footer {\n padding: 1.25rem;\n }\n .modal__dialog .modal__footer:not(.modal__footer--no-spacing) {\n padding-top: 0;\n padding-right: 1.25rem;\n padding-bottom: 1.25rem;\n padding-left: 1.25rem;\n }\n .modal__body--colorful + .modal__footer {\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__footer:not(.modal__footer--no-spacing) {\n padding-top: 0;\n padding-right: 1.875rem;\n padding-bottom: 1.875rem;\n padding-left: 1.875rem;\n }\n .modal__body--colorful + .modal__footer {\n padding: 1.875rem;\n }\n }\n .modal__footer--sticky {\n z-index: 1;\n }\n @media screen and (min-height: 500px) {\n .modal__footer--sticky {\n position: sticky;\n bottom: 0;\n background-color: var(--color-surface-primary);\n }\n }\n .modal__footer--sticky.modal__footer--no-spacing {\n padding: 0 !important;\n }\n .modal__footer--sticky {\n padding: 1.25rem !important;\n }\n @media screen and (min-width: 768px) {\n .modal__footer--sticky {\n padding: 1.875rem !important;\n }\n }\n .modal__product-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n .modal__product-header > img {\n object-fit: cover;\n object-position: left;\n max-width: 7.8125rem;\n width: auto;\n height: auto;\n aspect-ratio: auto;\n }\n @media screen and (max-width: 767.98px) {\n .modal__product-header > img {\n max-width: 3.90625rem;\n }\n }\n .modal__product-content {\n flex: 0 1 auto;\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__product-content {\n padding: 1.875rem;\n }\n }\n .modal__product-header--space-small .modal__product-content {\n flex: 0 1 auto;\n padding: 1.25rem;\n }\n .modal__product-footer {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__product-footer {\n gap: 1.875rem;\n }\n }\n @media screen and (max-width: 479.98px) {\n .modal__product-footer {\n flex-direction: column;\n }\n }\n .modal__product-footer {\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__product-footer {\n padding: 1.875rem;\n }\n }\n .modal__product-footer-content {\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.4375rem;\n }\n @media screen and (max-width: 479.98px) {\n .modal__product-footer-content {\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n justify-content: space-between;\n }\n }\n @media screen and (max-width: 479.98px) {\n .modal__product-footer-button {\n width: 100%;\n }\n .modal__product-footer-button .btn {\n width: 100%;\n }\n }\n}"]}
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAQE,kBAAmB,CAJnB,QAAS,CAGT,YAAa,CAEb,sBAAuB,CAJvB,MAAO,CAJP,cAAe,CAEf,OAAQ,CADR,KAAM,CAIN,WAIF,CACA,yBACE,YACF,CACA,gBAaE,0BAA2B,CAP3B,iFAAoF,CAFpF,QAAS,CAIT,QAAS,CAHT,MAAO,CAKP,SAAU,CATV,cAAe,CAEf,OAAQ,CADR,KAAM,CASN,oBAA0B,CAC1B,sDAA0D,CAL1D,OAAQ,CAER,WAKF,CACA,iCAEE,qBAAuB,CACvB,SAAU,CACV,kBAAsB,CACtB,mBAAoB,CAJpB,oBAKF,CACA,eAKE,gCAAiC,CAEjC,6CAA8C,CAH9C,sBAAuB,CAHvB,YAAa,CACb,gBAAiB,CAIjB,WAAY,CAGZ,+BAAgC,CANhC,aAAc,CAOd,0BAA2B,CAF3B,WAGF,CACA,oCACE,eACE,8BAA+B,CAC/B,yBACF,CACF,CACA,eACE,kBACF,CACA,sBACE,eACF,CACA,sBACE,iBACF,CACA,eASE,uCAAwC,CAPxC,YAAa,CACb,qBAAsB,CAEtB,aAAc,CADd,wBAAyB,CAIzB,uBAAyB,CAFzB,eAAgB,CAChB,KAAM,CANN,YASF,CACA,2BACE,eACF,CACA,wBACE,SACF,CACA,6BACE,gBACF,CAIA,mIACE,eACF,CACA,oCACE,8DACE,gBACF,CACF,CACA,cAIE,yBAA2B,CAH3B,iBAAkB,CAElB,aAAc,CADd,WAGF,CACA,uCACE,cAEE,aAAe,CADf,WAEF,CACF,CACA,aAEE,aAAc,CADd,UAEF,CACA,yBACE,eACF,CACA,iEACE,oBAAqB,CACrB,qBACF,CACA,6FACE,sBACF,CACA,gEACE,gBACF,CACA,qDACE,mBACF,CACA,0DACE,oBAAqB,CACrB,qBACF,CACA,oCACE,0DACE,qBAAsB,CACtB,sBACF,CACF,CACA,sFACE,sBACF,CACA,oCACE,sFACE,uBACF,CACF,CACA,yDACE,gBACF,CACA,oCACE,yDACE,gBACF,CACF,CACA,8CACE,mBACF,CACA,oCACE,8CACE,oBACF,CACF,CACA,6CAEE,sBAAuB,CADvB,mBAEF,CACA,oEACE,YACF,CACA,sCAEE,sBAAuB,CADvB,mBAEF,CACA,oCACE,sCAEE,uBAAwB,CADxB,oBAEF,CACF,CAIA,iIACE,YACF,CACA,yCACE,MACF,CACA,uCACE,4BACE,0BACF,CACF,CACA,eAEE,aAAc,CADd,UAEF,CACA,2BACE,eACF,CACA,wBACE,SACF,CAUA,mIAIE,yBACF,CACA,sCACE,eACF,CACA,oCACE,8DAIE,2BACF,CACA,sCACE,gBACF,CACF,CACA,uBACE,SACF,CACA,qCACE,uBAGE,6CAA8C,CAD9C,QAAS,CADT,eAGF,CACF,CACA,iDACE,mBACF,CACA,uBACE,yBACF,CACA,oCACE,uBACE,0BACF,CACF,CACA,uBAGE,sBAAuB,CAFvB,YAAa,CACb,6BAEF,CACA,2BAME,iBAAkB,CADlB,WAAY,CAFZ,mBAAoB,CAFpB,gBAAiB,CACjB,oBAAqB,CAErB,UAGF,CACA,uCACE,2BACE,oBACF,CACF,CACA,wBACE,aAAc,CACd,eACF,CACA,oCACE,wBACE,gBACF,CACF,CACA,4DACE,aAAc,CACd,eACF,CACA,uBAEE,kBAAmB,CADnB,YAAa,CAEb,WACF,CACA,oCACE,uBACE,YACF,CACF,CACA,uCACE,uBACE,qBACF,CACF,CACA,uBACE,eACF,CACA,oCACE,uBACE,gBACF,CACF,CACA,+BAEE,YAAa,CADb,aAAc,CAEd,qBAAsB,CACtB,YACF,CACA,uCACE,+BAEE,kBAAmB,CADnB,0BAA2B,CAG3B,6BAA8B,CAD9B,UAEF,CAMA,iEACE,UACF,CAPF,CASF","file":"style.css","sourcesContent":["@layer components {\n .modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .modal[aria-hidden=true] {\n display: none;\n }\n .modal__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: color-mix(in srgb, var(--color-surface-contrast) 75%, transparent);\n width: 0;\n height: 0;\n z-index: 500;\n opacity: 0;\n transform: scale(1.1, 1.1);\n transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n backface-visibility: hidden;\n }\n .modal.is-active .modal__overlay {\n width: 100% !important;\n height: 100% !important;\n opacity: 1;\n transform: scale(1, 1);\n transition-delay: 0s;\n }\n .modal__dialog {\n display: flex;\n flex-flow: column;\n overflow: auto;\n border-radius: 1.125rem;\n -webkit-overflow-scrolling: touch;\n height: auto;\n background-color: var(--color-surface-primary);\n z-index: 501;\n max-height: calc(100% - 1.25rem);\n width: calc(100% - 1.25rem);\n }\n @media screen and (min-width: 480px) {\n .modal__dialog {\n max-height: calc(100% - 2.5rem);\n width: calc(100% - 2.5rem);\n }\n }\n .modal__dialog {\n max-width: 43.75rem;\n }\n .modal__dialog--small {\n max-width: 25rem;\n }\n .modal__dialog--large {\n max-width: 62.5rem;\n }\n .modal__header {\n z-index: 1000;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n flex-shrink: 0;\n position: sticky;\n top: 0;\n padding-bottom: 0.1875rem;\n background: var(--color-surface-primary);\n }\n .modal__header > *:last-child {\n margin-bottom: 0;\n }\n .modal__header .divider {\n padding: 0;\n }\n .modal__header:has(.divider) {\n padding-bottom: 0;\n }\n .modal__dialog--small .modal__header:not(.modal__header--no-spacing) {\n padding: 1.25rem;\n }\n .modal__dialog .modal__header:not(.modal__header--no-spacing) {\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__header:not(.modal__header--no-spacing) {\n padding: 1.875rem;\n }\n }\n .modal__close {\n position: absolute;\n top: 1.25rem;\n right: 1.25rem;\n margin-bottom: 0 !important;\n }\n @media screen and (max-width: 479.98px) {\n .modal__close {\n top: 0.625rem;\n right: 0.625rem;\n }\n }\n .modal__body {\n width: 100%;\n flex: 0 0 auto;\n }\n .modal__body > *:last-child {\n margin-bottom: 0;\n }\n .modal__dialog--small .modal__body:not(.modal__body--no-spacing) {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n .modal__dialog--small .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing) {\n padding-bottom: 1.25rem;\n }\n .modal__dialog--small .modal__body:has(+ .modal__footer--sticky) {\n padding-bottom: 0;\n }\n .modal__dialog--small > .modal__body--with-top-padding {\n padding-top: 1.25rem;\n }\n .modal__dialog .modal__body:not(.modal__body--no-spacing) {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body:not(.modal__body--no-spacing) {\n padding-left: 1.875rem;\n padding-right: 1.875rem;\n }\n }\n .modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing) {\n padding-bottom: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing) {\n padding-bottom: 1.875rem;\n }\n }\n .modal__dialog .modal__body:has(+ .modal__footer--sticky) {\n padding-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body:has(+ .modal__footer--sticky) {\n padding-bottom: 0;\n }\n }\n .modal__dialog > .modal__body--with-top-padding {\n padding-top: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog > .modal__body--with-top-padding {\n padding-top: 1.875rem;\n }\n }\n .modal__dialog--small .modal__body--colorful {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n .modal__dialog--small .modal__body--colorful + .modal__footer--sticky {\n margin-top: 0;\n }\n .modal__dialog .modal__body--colorful {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__body--colorful {\n padding-top: 1.875rem;\n padding-bottom: 1.875rem;\n }\n }\n .modal__dialog .modal__body--colorful + .modal__footer--sticky {\n margin-top: 0;\n }\n .modal__dialog--large .modal__body--colorful + .modal__footer--sticky {\n margin-top: 0;\n }\n .modal__dialog--full-height .modal__body {\n flex: 1;\n }\n @media screen and (max-width: 479.98px) {\n .modal__dialog--full-height {\n height: calc(100% - 2.5rem);\n }\n }\n .modal__footer {\n width: 100%;\n flex: 0 0 auto;\n }\n .modal__footer > *:last-child {\n margin-bottom: 0;\n }\n .modal__footer .divider {\n padding: 0;\n }\n .modal__dialog--small .modal__footer:not(.modal__footer--no-spacing) {\n padding-top: 0;\n padding-right: 1.25rem;\n padding-bottom: 1.25rem;\n padding-left: 1.25rem;\n }\n .modal__body--colorful + .modal__footer {\n padding: 1.25rem;\n }\n .modal__dialog .modal__footer:not(.modal__footer--no-spacing) {\n padding-top: 0;\n padding-right: 1.25rem;\n padding-bottom: 1.25rem;\n padding-left: 1.25rem;\n }\n .modal__body--colorful + .modal__footer {\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__dialog .modal__footer:not(.modal__footer--no-spacing) {\n padding-top: 0;\n padding-right: 1.875rem;\n padding-bottom: 1.875rem;\n padding-left: 1.875rem;\n }\n .modal__body--colorful + .modal__footer {\n padding: 1.875rem;\n }\n }\n .modal__footer--sticky {\n z-index: 1;\n }\n @media screen and (min-height: 500px) {\n .modal__footer--sticky {\n position: sticky;\n bottom: 0;\n background-color: var(--color-surface-primary);\n }\n }\n .modal__footer--sticky.modal__footer--no-spacing {\n padding: 0 !important;\n }\n .modal__footer--sticky {\n padding: 1.25rem !important;\n }\n @media screen and (min-width: 768px) {\n .modal__footer--sticky {\n padding: 1.875rem !important;\n }\n }\n .modal__product-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n .modal__product-header > img {\n object-fit: cover;\n object-position: left;\n max-width: 7.8125rem;\n width: auto;\n height: auto;\n aspect-ratio: auto;\n }\n @media screen and (max-width: 767.98px) {\n .modal__product-header > img {\n max-width: 3.90625rem;\n }\n }\n .modal__product-content {\n flex: 0 1 auto;\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__product-content {\n padding: 1.875rem;\n }\n }\n .modal__product-header--space-small .modal__product-content {\n flex: 0 1 auto;\n padding: 1.25rem;\n }\n .modal__product-footer {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__product-footer {\n gap: 1.875rem;\n }\n }\n @media screen and (max-width: 479.98px) {\n .modal__product-footer {\n flex-direction: column;\n }\n }\n .modal__product-footer {\n padding: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .modal__product-footer {\n padding: 1.875rem;\n }\n }\n .modal__product-footer-content {\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.4375rem;\n }\n @media screen and (max-width: 479.98px) {\n .modal__product-footer-content {\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n justify-content: space-between;\n }\n }\n @media screen and (max-width: 479.98px) {\n .modal__product-footer-button {\n width: 100%;\n }\n .modal__product-footer-button .btn {\n width: 100%;\n }\n }\n}"]}
@@ -0,0 +1,2 @@
1
+ @layer components{.status-indicator{align-items:flex-start;column-gap:.3125rem;display:inline-flex;font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.125rem}.status-indicator__marker{border-radius:50%;flex:0 0 auto;height:.75rem;margin-top:.1875rem;width:.75rem}.status-indicator--success .status-indicator__marker{background-color:var(--color-icon-positive)}.status-indicator--warning .status-indicator__marker{background-color:var(--color-icon-warning)}.status-indicator--danger .status-indicator__marker{background-color:var(--color-icon-negative)}.status-indicator__content{min-width:0}}
2
+ /*# sourceMappingURL=style.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,kBAEE,sBAAuB,CACvB,mBAAqB,CAFrB,mBAAoB,CAGpB,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,oBAGF,CACA,0BAEE,iBAAkB,CADlB,aAAc,CAGd,aAAe,CACf,mBAAqB,CAFrB,YAGF,CACA,qDACE,2CACF,CACA,qDACE,0CACF,CACA,oDACE,2CACF,CACA,2BACE,WACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .status-indicator {\n display: inline-flex;\n align-items: flex-start;\n column-gap: 0.3125rem;\n font-size: 1rem;\n line-height: 1.125rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n .status-indicator__marker {\n flex: 0 0 auto;\n border-radius: 50%;\n width: 0.75rem;\n height: 0.75rem;\n margin-top: 0.1875rem;\n }\n .status-indicator--success .status-indicator__marker {\n background-color: var(--color-icon-positive);\n }\n .status-indicator--warning .status-indicator__marker {\n background-color: var(--color-icon-warning);\n }\n .status-indicator--danger .status-indicator__marker {\n background-color: var(--color-icon-negative);\n }\n .status-indicator__content {\n min-width: 0;\n }\n}"]}
@@ -1,2 +1,2 @@
1
- @layer components{.table{color:var(--color-text-default);margin-bottom:1.875rem;width:100%}.table td,.table th{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;padding:1.25rem;vertical-align:middle}@media screen and (min-width:768px){.table td,.table th{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){.table td,.table th{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}.table thead th{border-bottom:2px solid var(--color-border-contrast);font-weight:700;text-align:left;vertical-align:bottom}.table tr{border-bottom:1px solid var(--color-border-strong);line-height:1.25rem}.table thead>tr{border-bottom-width:2px}.table tbody>th{font-weight:400}.table tbody+tbody{border-top:2px solid var(--color-border-strong)}.table>tfoot>tr{border-bottom-width:0;border-top:2px solid var(--color-border-contrast)}.table>tfoot>tr:not(:first-child){border-top-color:var(--color-border-strong)}.table--striped tbody tr:nth-of-type(odd){background-color:var(--color-background-secondary)}.background-secondary .table--striped tbody tr:nth-of-type(odd),.table--striped.background-secondary tbody tr:nth-of-type(odd){background-color:var(--color-background-primary)}.table--compact{width:auto}@media screen and (max-width:991.98px){.table--responsive thead{display:none}.table--responsive tbody,.table--responsive tbody td,.table--responsive tbody tr{display:block}.table--responsive tbody tr{padding:.625rem 0}.table--responsive tbody tr:last-child{margin-bottom:0}.table--responsive tbody td{border-bottom:none;padding:1.25rem 0;text-align:left!important}.table--responsive tbody td:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:.3125rem}.table--responsive tbody td:first-child{padding-left:0}}.table-scrollable{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable td,.table-scrollable th{white-space:nowrap}@media screen and (max-width:767.98px){.table-scrollable--sm{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--sm td,.table-scrollable--sm th{white-space:nowrap}}@media screen and (max-width:991.98px){.table-scrollable--md{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--md td,.table-scrollable--md th{white-space:nowrap}}@media screen and (max-width:1239.98px){.table-scrollable--lg{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--lg td,.table-scrollable--lg th{white-space:nowrap}}@media screen and (max-width:1379.98px){.table-scrollable--xl{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--xl td,.table-scrollable--xl th{white-space:nowrap}}.table__sort-button{cursor:pointer;display:inline-block;height:1.25rem;position:relative;vertical-align:bottom;width:1.25rem}.table__sort-button:after,.table__sort-button:before{border-left:5px solid transparent;border-right:5px solid transparent;content:"";left:.3125rem;position:absolute;transition:opacity .1s ease 0s}.table__sort-button:before{border-bottom:5px solid var(--color-border-contrast);top:4px}.table__sort-button:after{border-top:5px solid var(--color-border-contrast);top:12px}[aria-sort=ascending] .table__sort-button:after,[aria-sort=descending] .table__sort-button:before{opacity:.3}.table__subrow{background-color:var(--color-surface-subtle)}.table button[aria-expanded=true]>svg{transform:rotate(180deg)}.table__cell--expand{padding-bottom:0!important;padding-top:4px!important}.table__cell--shrink{width:.1%}.table__cell--fill{width:100%}}
1
+ @layer components{.table{color:var(--color-text-default);margin-bottom:1.875rem;width:100%}.table td,.table th{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem;padding:1.25rem;vertical-align:middle}@media screen and (min-width:768px){.table td,.table th{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}@media screen and (min-width:992px){.table td,.table th{font-size:1.125rem;font-weight:400;letter-spacing:-.0125rem;line-height:1.625rem}}.table thead th{border-bottom:2px solid var(--color-border-contrast);font-weight:700;text-align:left;vertical-align:bottom}.table tr{border-bottom:1px solid var(--color-border-strong);line-height:1.25rem}.table thead>tr{border-bottom-width:2px}.table tbody>th{font-weight:400}.table tbody+tbody{border-top:2px solid var(--color-border-strong)}.table>tfoot>tr{border-bottom-width:0;border-top:2px solid var(--color-border-contrast)}.table>tfoot>tr:not(:first-child){border-top-color:var(--color-border-strong)}.table--striped tbody tr:nth-of-type(odd){--table-pinned-column-background:var(--color-background-secondary);background-color:var(--color-background-secondary)}.background-secondary .table--striped tbody tr:nth-of-type(odd),.table--striped.background-secondary tbody tr:nth-of-type(odd){--table-pinned-column-background:var(--color-background-primary);background-color:var(--color-background-primary)}.table--compact{width:auto}.table--pinned-first-column tr>:first-child{background:var(--table-pinned-column-background,var(--color-background-primary));left:0;position:sticky;z-index:1}.table--pinned-first-column tr>:first-child:after{background:linear-gradient(to right,color-mix(in srgb,var(--color-text-default) 10%,transparent),transparent);bottom:0;content:"";display:none;pointer-events:none;position:absolute;right:-12px;top:0;width:12px}.table--pinned-first-column thead>tr>:first-child{z-index:2}.background-secondary .table--pinned-first-column,.table--pinned-first-column.background-secondary{--table-pinned-column-background:var(--color-background-secondary)}.table-scrollable--overflowing .table--pinned-first-column tr>:first-child:after{display:block}@media screen and (max-width:991.98px){.table--responsive thead{display:none}.table--responsive tbody,.table--responsive tbody td,.table--responsive tbody tr{display:block}.table--responsive tbody tr{padding:.625rem 0}.table--responsive tbody tr:last-child{margin-bottom:0}.table--responsive tbody td{border-bottom:none;padding:1.25rem 0;text-align:left!important}.table--responsive tbody td:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:.3125rem}.table--responsive tbody td:first-child{padding-left:0}.table--responsive.table--pinned-first-column tr>:first-child{background:transparent;position:static}.table--responsive.table--pinned-first-column tr>:first-child:after{display:none}}.table-scrollable{-webkit-overflow-scrolling:touch;container-type:inline-size;display:block;overflow-x:auto;width:100%}.table-scrollable caption{left:0;position:sticky;width:100cqw}.table-scrollable td,.table-scrollable th{white-space:nowrap}@media screen and (max-width:767.98px){.table-scrollable--sm{-webkit-overflow-scrolling:touch;container-type:inline-size;display:block;overflow-x:auto;width:100%}.table-scrollable--sm caption{left:0;position:sticky;width:100cqw}.table-scrollable--sm td,.table-scrollable--sm th{white-space:nowrap}}@media screen and (max-width:991.98px){.table-scrollable--md{-webkit-overflow-scrolling:touch;container-type:inline-size;display:block;overflow-x:auto;width:100%}.table-scrollable--md caption{left:0;position:sticky;width:100cqw}.table-scrollable--md td,.table-scrollable--md th{white-space:nowrap}}@media screen and (max-width:1239.98px){.table-scrollable--lg{-webkit-overflow-scrolling:touch;container-type:inline-size;display:block;overflow-x:auto;width:100%}.table-scrollable--lg caption{left:0;position:sticky;width:100cqw}.table-scrollable--lg td,.table-scrollable--lg th{white-space:nowrap}}@media screen and (max-width:1379.98px){.table-scrollable--xl{-webkit-overflow-scrolling:touch;container-type:inline-size;display:block;overflow-x:auto;width:100%}.table-scrollable--xl caption{left:0;position:sticky;width:100cqw}.table-scrollable--xl td,.table-scrollable--xl th{white-space:nowrap}}@media screen and (max-width:991.98px){.table-scrollable:has(>.table--responsive){overflow-x:visible}.table-scrollable:has(>.table--responsive) td,.table-scrollable:has(>.table--responsive) th{white-space:normal}}.table__sort-button{cursor:pointer;display:inline-block;height:1.25rem;position:relative;vertical-align:bottom;width:1.25rem}.table__sort-button:after,.table__sort-button:before{border-left:5px solid transparent;border-right:5px solid transparent;content:"";left:.3125rem;position:absolute;transition:opacity .1s ease 0s}.table__sort-button:before{border-bottom:5px solid var(--color-border-contrast);top:4px}.table__sort-button:after{border-top:5px solid var(--color-border-contrast);top:12px}[aria-sort=ascending] .table__sort-button:after,[aria-sort=descending] .table__sort-button:before{opacity:.3}.table__subrow{background-color:var(--color-surface-subtle)}.table button[aria-expanded=true]>svg{transform:rotate(180deg)}.table__cell--expand{padding-bottom:0!important;padding-top:4px!important}.table__cell--shrink{width:.1%}.table__cell--fill{width:100%}}
2
2
  /*# sourceMappingURL=style.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAGE,+BAAgC,CADhC,sBAAuB,CADvB,UAGF,CACA,oBAIE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAAmB,CAHnB,eAAgB,CAChB,qBAKF,CACA,oCACE,oBAEE,kBAAmB,CAEnB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,oCACE,oBAEE,kBAAmB,CAEnB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,gBAGE,oDAAqD,CACrD,eAAgB,CAFhB,eAAgB,CADhB,qBAIF,CACA,UAEE,kDAAmD,CADnD,mBAEF,CACA,gBACE,uBACF,CACA,gBACE,eACF,CACA,mBACE,+CACF,CACA,gBACE,qBAAsB,CACtB,iDACF,CACA,kCACE,2CACF,CACA,0CACE,kDACF,CACA,+HACE,gDACF,CACA,gBACE,UACF,CACA,uCACE,yBACE,YACF,CACA,iFAGE,aACF,CACA,4BACE,iBACF,CACA,uCACE,eACF,CACA,4BAEE,kBAAmB,CADnB,iBAAkB,CAElB,yBACF,CACA,mCACE,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAChB,sBACF,CACA,wCACE,cACF,CACF,CACA,kBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,0CAEE,kBACF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,oBAME,cAAe,CAJf,oBAAqB,CAErB,cAAe,CAHf,iBAAkB,CAIlB,qBAAsB,CAFtB,aAIF,CACA,qDAIE,iCAAkC,CAClC,kCAAmC,CAJnC,UAAW,CAEX,aAAe,CADf,iBAAkB,CAIlB,8BACF,CACA,2BAEE,oDAAqD,CADrD,OAEF,CACA,0BAEE,iDAAkD,CADlD,QAEF,CAIA,kGACE,UACF,CACA,eACE,4CACF,CACA,sCACE,wBACF,CACA,qBAEE,0BAA4B,CAD5B,yBAEF,CACA,qBACE,SACF,CACA,mBACE,UACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .table {\n width: 100%;\n margin-bottom: 1.875rem;\n color: var(--color-text-default);\n }\n .table td,\n .table th {\n padding: 1.25rem;\n vertical-align: middle;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .table td,\n .table th {\n font-size: 1.125rem;\n line-height: 1.625rem;\n font-weight: 400;\n letter-spacing: -0.0125rem;\n }\n }\n @media screen and (min-width: 992px) {\n .table td,\n .table th {\n font-size: 1.125rem;\n line-height: 1.625rem;\n font-weight: 400;\n letter-spacing: -0.0125rem;\n }\n }\n .table thead th {\n vertical-align: bottom;\n text-align: left;\n border-bottom: 2px solid var(--color-border-contrast);\n font-weight: 700;\n }\n .table tr {\n line-height: 1.25rem;\n border-bottom: 1px solid var(--color-border-strong);\n }\n .table thead > tr {\n border-bottom-width: 2px;\n }\n .table tbody > th {\n font-weight: 400;\n }\n .table tbody + tbody {\n border-top: 2px solid var(--color-border-strong);\n }\n .table > tfoot > tr {\n border-bottom-width: 0;\n border-top: 2px solid var(--color-border-contrast);\n }\n .table > tfoot > tr:not(:first-child) {\n border-top-color: var(--color-border-strong);\n }\n .table--striped tbody tr:nth-of-type(odd) {\n background-color: var(--color-background-secondary);\n }\n .table--striped.background-secondary tbody tr:nth-of-type(odd), .background-secondary .table--striped tbody tr:nth-of-type(odd) {\n background-color: var(--color-background-primary);\n }\n .table--compact {\n width: auto;\n }\n @media screen and (max-width: 991.98px) {\n .table--responsive thead {\n display: none;\n }\n .table--responsive tbody,\n .table--responsive tbody tr,\n .table--responsive tbody td {\n display: block;\n }\n .table--responsive tbody tr {\n padding: 0.625rem 0;\n }\n .table--responsive tbody tr:last-child {\n margin-bottom: 0;\n }\n .table--responsive tbody td {\n padding: 1.25rem 0;\n border-bottom: none;\n text-align: left !important;\n }\n .table--responsive tbody td:before {\n content: attr(data-label);\n display: block;\n font-weight: 700;\n margin-bottom: 0.3125rem;\n }\n .table--responsive tbody td:first-child {\n padding-left: 0;\n }\n }\n .table-scrollable {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable td,\n .table-scrollable th {\n white-space: nowrap;\n }\n @media screen and (max-width: 767.98px) {\n .table-scrollable--sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--sm td,\n .table-scrollable--sm th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 991.98px) {\n .table-scrollable--md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--md td,\n .table-scrollable--md th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 1239.98px) {\n .table-scrollable--lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--lg td,\n .table-scrollable--lg th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 1379.98px) {\n .table-scrollable--xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--xl td,\n .table-scrollable--xl th {\n white-space: nowrap;\n }\n }\n .table__sort-button {\n position: relative;\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n vertical-align: bottom;\n cursor: pointer;\n }\n .table__sort-button::before, .table__sort-button::after {\n content: \"\";\n position: absolute;\n left: 0.3125rem;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n transition: opacity 0.1s ease 0s;\n }\n .table__sort-button::before {\n top: 4px;\n border-bottom: 5px solid var(--color-border-contrast);\n }\n .table__sort-button::after {\n top: 12px;\n border-top: 5px solid var(--color-border-contrast);\n }\n [aria-sort=descending] .table__sort-button::before {\n opacity: 0.3;\n }\n [aria-sort=ascending] .table__sort-button::after {\n opacity: 0.3;\n }\n .table__subrow {\n background-color: var(--color-surface-subtle);\n }\n .table button[aria-expanded=true] > svg {\n transform: rotate(180deg);\n }\n .table__cell--expand {\n padding-top: 4px !important;\n padding-bottom: 0 !important;\n }\n .table__cell--shrink {\n width: 0.1%;\n }\n .table__cell--fill {\n width: 100%;\n }\n}"]}
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAGE,+BAAgC,CADhC,sBAAuB,CADvB,UAGF,CACA,oBAIE,cAAe,CAEf,eAAgB,CAChB,yBAA2B,CAF3B,kBAAmB,CAHnB,eAAgB,CAChB,qBAKF,CACA,oCACE,oBAEE,kBAAmB,CAEnB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,oCACE,oBAEE,kBAAmB,CAEnB,eAAgB,CAChB,wBAA0B,CAF1B,oBAGF,CACF,CACA,gBAGE,oDAAqD,CACrD,eAAgB,CAFhB,eAAgB,CADhB,qBAIF,CACA,UAEE,kDAAmD,CADnD,mBAEF,CACA,gBACE,uBACF,CACA,gBACE,eACF,CACA,mBACE,+CACF,CACA,gBACE,qBAAsB,CACtB,iDACF,CACA,kCACE,2CACF,CACA,0CAEE,kEAAmE,CADnE,kDAEF,CACA,+HAEE,gEAAiE,CADjE,gDAEF,CACA,gBACE,UACF,CACA,4CAIE,gFAAkF,CAFlF,MAAO,CADP,eAAgB,CAEhB,SAEF,CACA,kDAQE,6GAAkH,CAFlH,QAAS,CALT,UAAW,CACX,YAAa,CAOb,mBAAoB,CANpB,iBAAkB,CAElB,WAAY,CADZ,KAAM,CAGN,UAGF,CACA,kDACE,SACF,CACA,mGACE,kEACF,CACA,iFACE,aACF,CACA,uCACE,yBACE,YACF,CACA,iFAGE,aACF,CACA,4BACE,iBACF,CACA,uCACE,eACF,CACA,4BAEE,kBAAmB,CADnB,iBAAkB,CAElB,yBACF,CACA,mCACE,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAChB,sBACF,CACA,wCACE,cACF,CACA,8DAEE,sBAAuB,CADvB,eAEF,CACA,oEACE,YACF,CACF,CACA,kBAKE,gCAAiC,CAJjC,0BAA2B,CAC3B,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,0BAEE,MAAO,CADP,eAAgB,CAEhB,YACF,CACA,0CAEE,kBACF,CACA,uCACE,sBAKE,gCAAiC,CAJjC,0BAA2B,CAC3B,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,8BAEE,MAAO,CADP,eAAgB,CAEhB,YACF,CACA,kDAEE,kBACF,CACF,CACA,uCACE,sBAKE,gCAAiC,CAJjC,0BAA2B,CAC3B,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,8BAEE,MAAO,CADP,eAAgB,CAEhB,YACF,CACA,kDAEE,kBACF,CACF,CACA,wCACE,sBAKE,gCAAiC,CAJjC,0BAA2B,CAC3B,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,8BAEE,MAAO,CADP,eAAgB,CAEhB,YACF,CACA,kDAEE,kBACF,CACF,CACA,wCACE,sBAKE,gCAAiC,CAJjC,0BAA2B,CAC3B,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,8BAEE,MAAO,CADP,eAAgB,CAEhB,YACF,CACA,kDAEE,kBACF,CACF,CACA,uCACE,2CACE,kBACF,CACA,4FAEE,kBACF,CACF,CACA,oBAME,cAAe,CAJf,oBAAqB,CAErB,cAAe,CAHf,iBAAkB,CAIlB,qBAAsB,CAFtB,aAIF,CACA,qDAIE,iCAAkC,CAClC,kCAAmC,CAJnC,UAAW,CAEX,aAAe,CADf,iBAAkB,CAIlB,8BACF,CACA,2BAEE,oDAAqD,CADrD,OAEF,CACA,0BAEE,iDAAkD,CADlD,QAEF,CAIA,kGACE,UACF,CACA,eACE,4CACF,CACA,sCACE,wBACF,CACA,qBAEE,0BAA4B,CAD5B,yBAEF,CACA,qBACE,SACF,CACA,mBACE,UACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .table {\n width: 100%;\n margin-bottom: 1.875rem;\n color: var(--color-text-default);\n }\n .table td,\n .table th {\n padding: 1.25rem;\n vertical-align: middle;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .table td,\n .table th {\n font-size: 1.125rem;\n line-height: 1.625rem;\n font-weight: 400;\n letter-spacing: -0.0125rem;\n }\n }\n @media screen and (min-width: 992px) {\n .table td,\n .table th {\n font-size: 1.125rem;\n line-height: 1.625rem;\n font-weight: 400;\n letter-spacing: -0.0125rem;\n }\n }\n .table thead th {\n vertical-align: bottom;\n text-align: left;\n border-bottom: 2px solid var(--color-border-contrast);\n font-weight: 700;\n }\n .table tr {\n line-height: 1.25rem;\n border-bottom: 1px solid var(--color-border-strong);\n }\n .table thead > tr {\n border-bottom-width: 2px;\n }\n .table tbody > th {\n font-weight: 400;\n }\n .table tbody + tbody {\n border-top: 2px solid var(--color-border-strong);\n }\n .table > tfoot > tr {\n border-bottom-width: 0;\n border-top: 2px solid var(--color-border-contrast);\n }\n .table > tfoot > tr:not(:first-child) {\n border-top-color: var(--color-border-strong);\n }\n .table--striped tbody tr:nth-of-type(odd) {\n background-color: var(--color-background-secondary);\n --table-pinned-column-background: var(--color-background-secondary);\n }\n .table--striped.background-secondary tbody tr:nth-of-type(odd), .background-secondary .table--striped tbody tr:nth-of-type(odd) {\n background-color: var(--color-background-primary);\n --table-pinned-column-background: var(--color-background-primary);\n }\n .table--compact {\n width: auto;\n }\n .table--pinned-first-column tr > :first-child {\n position: sticky;\n left: 0;\n z-index: 1;\n background: var(--table-pinned-column-background, var(--color-background-primary));\n }\n .table--pinned-first-column tr > :first-child::after {\n content: \"\";\n display: none;\n position: absolute;\n top: 0;\n right: -12px;\n bottom: 0;\n width: 12px;\n background: linear-gradient(to right, color-mix(in srgb, var(--color-text-default) 10%, transparent), transparent);\n pointer-events: none;\n }\n .table--pinned-first-column thead > tr > :first-child {\n z-index: 2;\n }\n .table--pinned-first-column.background-secondary, .background-secondary .table--pinned-first-column {\n --table-pinned-column-background: var(--color-background-secondary);\n }\n .table-scrollable--overflowing .table--pinned-first-column tr > :first-child::after {\n display: block;\n }\n @media screen and (max-width: 991.98px) {\n .table--responsive thead {\n display: none;\n }\n .table--responsive tbody,\n .table--responsive tbody tr,\n .table--responsive tbody td {\n display: block;\n }\n .table--responsive tbody tr {\n padding: 0.625rem 0;\n }\n .table--responsive tbody tr:last-child {\n margin-bottom: 0;\n }\n .table--responsive tbody td {\n padding: 1.25rem 0;\n border-bottom: none;\n text-align: left !important;\n }\n .table--responsive tbody td:before {\n content: attr(data-label);\n display: block;\n font-weight: 700;\n margin-bottom: 0.3125rem;\n }\n .table--responsive tbody td:first-child {\n padding-left: 0;\n }\n .table--responsive.table--pinned-first-column tr > :first-child {\n position: static;\n background: transparent;\n }\n .table--responsive.table--pinned-first-column tr > :first-child::after {\n display: none;\n }\n }\n .table-scrollable {\n container-type: inline-size;\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable caption {\n position: sticky;\n left: 0;\n width: 100cqw;\n }\n .table-scrollable td,\n .table-scrollable th {\n white-space: nowrap;\n }\n @media screen and (max-width: 767.98px) {\n .table-scrollable--sm {\n container-type: inline-size;\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--sm caption {\n position: sticky;\n left: 0;\n width: 100cqw;\n }\n .table-scrollable--sm td,\n .table-scrollable--sm th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 991.98px) {\n .table-scrollable--md {\n container-type: inline-size;\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--md caption {\n position: sticky;\n left: 0;\n width: 100cqw;\n }\n .table-scrollable--md td,\n .table-scrollable--md th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 1239.98px) {\n .table-scrollable--lg {\n container-type: inline-size;\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--lg caption {\n position: sticky;\n left: 0;\n width: 100cqw;\n }\n .table-scrollable--lg td,\n .table-scrollable--lg th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 1379.98px) {\n .table-scrollable--xl {\n container-type: inline-size;\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-scrollable--xl caption {\n position: sticky;\n left: 0;\n width: 100cqw;\n }\n .table-scrollable--xl td,\n .table-scrollable--xl th {\n white-space: nowrap;\n }\n }\n @media screen and (max-width: 991.98px) {\n .table-scrollable:has(> .table--responsive) {\n overflow-x: visible;\n }\n .table-scrollable:has(> .table--responsive) td,\n .table-scrollable:has(> .table--responsive) th {\n white-space: normal;\n }\n }\n .table__sort-button {\n position: relative;\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n vertical-align: bottom;\n cursor: pointer;\n }\n .table__sort-button::before, .table__sort-button::after {\n content: \"\";\n position: absolute;\n left: 0.3125rem;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n transition: opacity 0.1s ease 0s;\n }\n .table__sort-button::before {\n top: 4px;\n border-bottom: 5px solid var(--color-border-contrast);\n }\n .table__sort-button::after {\n top: 12px;\n border-top: 5px solid var(--color-border-contrast);\n }\n [aria-sort=descending] .table__sort-button::before {\n opacity: 0.3;\n }\n [aria-sort=ascending] .table__sort-button::after {\n opacity: 0.3;\n }\n .table__subrow {\n background-color: var(--color-surface-subtle);\n }\n .table button[aria-expanded=true] > svg {\n transform: rotate(180deg);\n }\n .table__cell--expand {\n padding-top: 4px !important;\n padding-bottom: 0 !important;\n }\n .table__cell--shrink {\n width: 0.1%;\n }\n .table__cell--fill {\n width: 100%;\n }\n}"]}