@graupl/graupl 1.0.0-beta.23 → 1.0.0-beta.25

package/dist/css/component/carousel.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","carousel.css","../../../node_modules/@graupl/core/src/scss/component/carousel/_index.scss","../../../node_modules/@graupl/core/src/scss/base/button/_mixins.scss","../../../node_modules/@graupl/core/src/scss/base/button/_variables.scss","../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../node_modules/@graupl/core/src/scss/component/carousel/_variables.scss"],"names":[],"mappings":"AASI,gBC2aJ,CD3aI,mBECF,kBCIA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVFHA,CEaI,oDACE,oFFRN,CEOI,gCACE,kFFLN,CEII,wBACE,kFFFN,CECI,gDACE,kFFIN,CELI,kDACE,0DFUN,CEXI,2BAKI,kBFUR,CEJc,iGACE,sDFShB,CEVc,yCACE,sDFYhB,CExBI,mMAYY,sDF+BhB,CE3CI,4BAKI,kBFsCR,CEhCc,wEACE,sDFqChB,CEtCc,0CACE,sDFwChB,CEpDI,kNAYY,sDF2DhB,CEvEI,sCAKI,kBFkER,CE5Dc,4FACE,sDFiEhB,CElEc,oDACE,sDFoEhB,CEhFI,yPAYY,sDFuFhB,CEnGI,2BAKI,kBF8FR,CExFc,sEACE,sDF6FhB,CE9Fc,yCACE,sDFgGhB,CEjGc,uKACE,sDF+GhB,CI9IA,uCHDA,kBC2CE,sLFwGA,CACF,CChJA,cCAA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVFyJA,CE/II,4CACE,oFFoJN,CErJI,4BACE,kFFuJN,CExJI,oBACE,kFF0JN,CE3JI,wCACE,kFFgKN,CEjKI,0CACE,0DFsKN,CEvKI,uBAKI,kBFsKR,CEhKc,qFACE,sDFqKhB,CEtKc,qCACE,sDFwKhB,CEpLI,2KAYY,sDF2LhB,CEvMI,wBAKI,kBFkMR,CE5Lc,gEACE,sDFiMhB,CElMc,sCACE,sDFoMhB,CEhNI,0LAYY,sDFuNhB,CEnOI,kCAKI,kBF8NR,CExNc,oFACE,sDF6NhB,CE9Nc,gDACE,sDFgOhB,CE5OI,iOAYY,sDFmPhB,CE/PI,uBAKI,kBF0PR,CEpPc,8DACE,sDFyPhB,CE1Pc,qCACE,sDF4PhB,CE7Pc,mJACE,sDF2QhB,CI1SA,uCHGA,cCuCE,sLFoQA,CACF,CACF,CDlTI,wBEWF,UACE,YAAA,CAEA,mJAAA,CACA,4NAAA,CACA,iBAAA,CACA,4NIYe,CJhBf,iBD8SF,CCtSM,2DACE,0EDwSR,CCtSQ,kEACE,cDwSV,CCpSM,uDACE,gEDsSR,CCpSQ,8DACE,cDsSV,CC9RM,+DACE,gEDgSR,CC9RQ,sEACE,cDgSV,CC5RM,2DACE,0ED8RR,CC5RQ,kEACE,cD8RV,CCvRA,4BACE,YAAA,CAEA,kBAAA,CACA,6OACE,CAGF,6IAAA,CACA,mBAAA,CAPA,SD6RF,CCnRA,kBACE,mBDqRF,CCnRE,2BACE,kBDqRJ,CClRE,8BACE,+CI3BkB,CJ4BlB,oBDoRJ,CCjRE,+BACE,iDI5BmB,CJ6BnB,oBDmRJ,CChRE,uBACE,cDkRJ,CChRI,8BACE,+CIhCgB,CJiChB,oBDkRN,CC9QE,2BACE,kBDgRJ,CC9QI,kCACE,mDIrCoB,CJsCpB,oBDgRN,CC3QA,yBACE,YAAA,CAEA,eAAA,CACA,2BAAA,CAGA,iBAAA,CADA,iBAAA,CADA,yQIlE8B,CJ+D9B,SDkRF,CC1QA,eAEE,eAAA,CACA,oDItFsB,CJuFtB,SAAA,CAHA,UD+QF,CC1QE,sBAEE,cD8QJ,CCvQE,8CAHE,SAAA,CAHA,+EAAA,CAFA,SDqRJ,CC7QE,wBAEE,0ED2QJ,CCrQI,+BACE,cDuQN,CCnQE,oBAGE,SAAA,CADA,gEAAA,CADA,SDuQJ,CCnQI,2BACE,cDqQN,CChQA,wBACE,YAAA,CAKA,uGIxEyB,CJqEzB,cAAA,CACA,sBAAA,CACA,wQI3E6B,CJ6E7B,mBAAA,CALA,SDuQF,CC/PA,cACE,iCAAA,CAEA,mBDgQF,CACF,CD3aI,oBE+KF,kBC5HA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMF6XA,CEzXE,0BAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJFgYN,CElYE,4BAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JFyYN,CE3YE,2BAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JFkZN,CEvYI,oDAEE,6PAAA,CADA,oRAAA,CAEA,oOF8YN,CEjZI,gCAEE,2PAAA,CADA,kRAAA,CAEA,kOFmZN,CEtZI,wBAEE,2PAAA,CADA,kRAAA,CAEA,kOFwZN,CE3ZI,gDAEE,iNAAA,CADA,gPAAA,CAEA,iNFkaN,CEraI,kDAEE,wPAAA,CADA,yRAAA,CAEA,mPF4aN,CEpac,iGAEE,8NAAA,CADA,2KAAA,CAEA,6JFgbhB,CEnbc,yCAEE,8NAAA,CADA,2KAAA,CAEA,6JFqbhB,CExbc,2QAEE,8NAAA,CADA,2KAAA,CAEA,6JF6dhB,CEhec,0CAEE,8NAAA,CADA,2KAAA,CAEA,6JFkehB,CErec,8SAEE,8NAAA,CADA,2KAAA,CAEA,6JF0gBhB,CE7gBc,oDAEE,8NAAA,CADA,2KAAA,CAEA,6JF+gBhB,CElhBc,+TAEE,8NAAA,CADA,2KAAA,CAEA,6JFujBhB,CE1jBc,yCAEE,8NAAA,CADA,2KAAA,CAEA,6JF4jBhB,CE/jBc,uKAEE,8NAAA,CADA,2KAAA,CAEA,6JFqlBhB,CCrfA,cChIA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMFynBA,CErnBE,sBAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJF4nBN,CE9nBE,wBAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JFqoBN,CEvoBE,uBAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JF8oBN,CEnoBI,4CAEE,6PAAA,CADA,oRAAA,CAEA,oOF0oBN,CE7oBI,4BAEE,2PAAA,CADA,kRAAA,CAEA,kOF+oBN,CElpBI,oBAEE,2PAAA,CADA,kRAAA,CAEA,kOFopBN,CEvpBI,wCAEE,iNAAA,CADA,gPAAA,CAEA,iNF8pBN,CEjqBI,0CAEE,wPAAA,CADA,yRAAA,CAEA,mPFwqBN,CEhqBc,qFAEE,8NAAA,CADA,2KAAA,CAEA,6JF4qBhB,CE/qBc,qCAEE,8NAAA,CADA,2KAAA,CAEA,6JFirBhB,CEprBc,2OAEE,8NAAA,CADA,2KAAA,CAEA,6JFytBhB,CE5tBc,sCAEE,8NAAA,CADA,2KAAA,CAEA,6JF8tBhB,CEjuBc,8QAEE,8NAAA,CADA,2KAAA,CAEA,6JFswBhB,CEzwBc,gDAEE,8NAAA,CADA,2KAAA,CAEA,6JF2wBhB,CE9wBc,+RAEE,8NAAA,CADA,2KAAA,CAEA,6JFmzBhB,CEtzBc,qCAEE,8NAAA,CADA,2KAAA,CAEA,6JFwzBhB,CE3zBc,mJAEE,8NAAA,CADA,2KAAA,CAEA,6JFi1BhB,CACF","file":"carousel.css"}
+{"version":3,"sourceRoot":null,"mappings":"AESI,mBCwPF,+yEGlOI,yIAAA,2IAAA,mIAAA,6GAAA,uiEFIF,2IGxBF,uCJsPA,0MAKA,2yEGvOI,iIAAA,mIAAA,2HAAA,qGAAA,u1DFIF,2HGxBF,uCJ2PA,uMD7PE,wBCoQF,4nBAYM,qIAIE,iFAMF,wHAIE,6EAWF,gIAIE,qFAMF,qIAIE,iFASR,6cAaA,sCAIE,8CAKA,qGAMA,0GAMA,sCAGE,qGAOF,8CAGE,6GAQJ,uYAWA,yGAOE,wIAQA,qMAOE,8CAMF,yGAME,0CAOJ,sdAWA,qEDtbE,oBIsBE,4yBAAA,0yBAAA,qsBAAA,yzBAAA,yhFGSF,8hCAAA,0kCAAA,ojCNmbF,sxBG5bI,28BAAA,y8BAAA,k3BAAA,ogCAAA,ylFAAA,oyBAAA,kyBAAA,6rBAAA,izBAAA,y0EGSF,0hCAAA,skCAAA,gjCNocF,swBG7cI,26BAAA,y6BAAA,01BAAA,g+BAAA","sources":["dist/css/component/carousel.css","var/www/html/node_modules/@graupl/core/src/scss/theme/typography/_defaults.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/component/carousel/_index.scss","var/www/html/node_modules/@graupl/core/src/scss/base/button/_mixins.scss","var/www/html/node_modules/@graupl/core/src/scss/base/button/_variables.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_state.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_animation.scss","var/www/html/node_modules/@graupl/core/src/scss/component/carousel/_variables.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_theme.scss"],"sourcesContent":["@charset \"UTF-8\";\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n@layer graupl.base {\n  .carousel-control {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--graupl-button-min-width, 44px);\n    min-height: var(--graupl-button-min-height, 44px);\n    padding: var(--graupl-button-padding, var(--graupl-button-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-button-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))));\n    transform: var(--graupl-button-transform, none);\n    transition: var(--graupl-button-transition, background var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease), color var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease), transform var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease));\n    border-width: var(--graupl-button-border-width, var(--graupl-button-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))));\n    border-style: var(--graupl-button-border-style, var(--graupl-button-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-button-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-button-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-button-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n    border-radius: var(--graupl-button-border-radius, var(--graupl-button-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n    font-size: var(--graupl-button-font-size, var(--graupl-font-base, calc(1 * var(--graupl-font-size-base, 1rem))));\n    cursor: pointer;\n  }\n  .carousel-control:visited {\n    transform: var(--graupl-button-visited-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-control.visited {\n    transform: var(--graupl-button-visited-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-control:focus-visible {\n    transform: var(--graupl-button-focus-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-control.focus {\n    transform: var(--graupl-button-focus-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-control:hover {\n    transform: var(--graupl-button-hover-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-control.hover {\n    transform: var(--graupl-button-hover-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-control:active {\n    transform: var(--graupl-button-active-transform, scale(0.95));\n  }\n  .carousel-control.active {\n    transform: var(--graupl-button-active-transform, scale(0.95));\n  }\n  .carousel-control:disabled {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled.visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled.focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled.hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled.active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled[aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled.selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled[aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled.current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled]:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled].visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled]:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled].focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled]:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled].hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled]:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled].active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled][aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled].selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled][aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[disabled].current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true]:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true].visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true]:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true].focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true]:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true].hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true]:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true].active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true][aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true].selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true][aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control[aria-disabled=true].current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled.visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled.focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled.hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled.active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled[aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled.selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled[aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control.disabled.current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-control:disabled {\n    cursor: not-allowed;\n  }\n  .carousel-control[disabled] {\n    cursor: not-allowed;\n  }\n  .carousel-control[aria-disabled=true] {\n    cursor: not-allowed;\n  }\n  .carousel-control.disabled {\n    cursor: not-allowed;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-control {\n      --graupl-button-transition: var(--graupl-button-transition-reduced-motion, background var(--graupl-transition-timing-function, ease), color var(--graupl-transition-timing-function, ease));\n    }\n  }\n  .carousel-tab {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--graupl-button-min-width, 44px);\n    min-height: var(--graupl-button-min-height, 44px);\n    padding: var(--graupl-button-padding, var(--graupl-button-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-button-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))));\n    transform: var(--graupl-button-transform, none);\n    transition: var(--graupl-button-transition, background var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease), color var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease), transform var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease));\n    border-width: var(--graupl-button-border-width, var(--graupl-button-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))));\n    border-style: var(--graupl-button-border-style, var(--graupl-button-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-button-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-button-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-button-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n    border-radius: var(--graupl-button-border-radius, var(--graupl-button-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n    font-size: var(--graupl-button-font-size, var(--graupl-font-base, calc(1 * var(--graupl-font-size-base, 1rem))));\n    cursor: pointer;\n  }\n  .carousel-tab:visited {\n    transform: var(--graupl-button-visited-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-tab.visited {\n    transform: var(--graupl-button-visited-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-tab:focus-visible {\n    transform: var(--graupl-button-focus-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-tab.focus {\n    transform: var(--graupl-button-focus-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-tab:hover {\n    transform: var(--graupl-button-hover-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-tab.hover {\n    transform: var(--graupl-button-hover-transform, var(--graupl-button-transform, none));\n  }\n  .carousel-tab:active {\n    transform: var(--graupl-button-active-transform, scale(0.95));\n  }\n  .carousel-tab.active {\n    transform: var(--graupl-button-active-transform, scale(0.95));\n  }\n  .carousel-tab:disabled {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled.visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled.focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled.hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled.active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled[aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled.selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled[aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled.current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled]:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled].visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled]:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled].focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled]:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled].hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled]:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled].active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled][aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled].selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled][aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[disabled].current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true]:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true].visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true]:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true].focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true]:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true].hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true]:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true].active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true][aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true].selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true][aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab[aria-disabled=true].current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled:visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled.visited {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled:focus-visible {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled.focus {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled:hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled.hover {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled:active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled.active {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled[aria-selected=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled.selected {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled[aria-current=true] {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab.disabled.current {\n    transform: var(--graupl-button-disabled-transform, none);\n  }\n  .carousel-tab:disabled {\n    cursor: not-allowed;\n  }\n  .carousel-tab[disabled] {\n    cursor: not-allowed;\n  }\n  .carousel-tab[aria-disabled=true] {\n    cursor: not-allowed;\n  }\n  .carousel-tab.disabled {\n    cursor: not-allowed;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-tab {\n      --graupl-button-transition: var(--graupl-button-transition-reduced-motion, background var(--graupl-transition-timing-function, ease), color var(--graupl-transition-timing-function, ease));\n    }\n  }\n}\n@layer graupl.component {\n  .carousel {\n    display: grid;\n    position: relative;\n    grid-template-columns: [slide-start controls-start] auto [tabs-start] var(--graupl-carousel-tabs-width, 1fr) [tabs-end] auto [controls-end slide-end];\n    grid-template-rows: [slide-start controls-start] var(--graupl-carousel-controls-height, auto) [controls-end] var(--graupl-carousel-slide-height, 1fr) [tabs-start] var(--graupl-carousel-tabs-height, auto) [tabs-end slide-end];\n    isolation: isolate;\n    padding: var(--graupl-carousel-padding, var(--graupl-carousel-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-carousel-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n  }\n  .carousel[data-graupl-action=next] .carousel-item.previous {\n    transform: translateX(calc(-1 * var(--graupl-carousel-item-max-width, 100%)));\n  }\n  .carousel[data-graupl-action=next] .carousel-item.previous.active {\n    transform: none;\n  }\n  .carousel[data-graupl-action=next] .carousel-item.next {\n    transform: translateX(var(--graupl-carousel-item-max-width, 100%));\n  }\n  .carousel[data-graupl-action=next] .carousel-item.next.active {\n    transform: none;\n  }\n  .carousel[data-graupl-action=previous] .carousel-item.previous {\n    transform: translateX(var(--graupl-carousel-item-max-width, 100%));\n  }\n  .carousel[data-graupl-action=previous] .carousel-item.previous.active {\n    transform: none;\n  }\n  .carousel[data-graupl-action=previous] .carousel-item.next {\n    transform: translateX(calc(-1 * var(--graupl-carousel-item-max-width, 100%)));\n  }\n  .carousel[data-graupl-action=previous] .carousel-item.next.active {\n    transform: none;\n  }\n  .carousel-control-container {\n    display: grid;\n    z-index: 1;\n    grid-area: controls;\n    grid-template-columns: [autoplay-start] var(--graupl-carousel-control-width, 4rem) [autoplay-end] 1fr [previous-start] var(--graupl-carousel-control-width, 4rem) [previous-end next-start] var(--graupl-carousel-control-width, 4rem) [next-end];\n    grid-template-rows: [autoplay-start next-start previous-start] var(--graupl-carousel-control-height, 3rem) [previous-end next-end autoplay-end];\n    pointer-events: none;\n  }\n  .carousel-control {\n    pointer-events: auto;\n  }\n  .carousel-control.autoplay {\n    grid-area: autoplay;\n  }\n  .carousel-control.play::before {\n    content: var(--graupl-carousel-play-content, '▶');\n    display: inline-block;\n  }\n  .carousel-control.pause::before {\n    content: var(--graupl-carousel-pause-content, '❚❚');\n    display: inline-block;\n  }\n  .carousel-control.next {\n    grid-area: next;\n  }\n  .carousel-control.next::before {\n    content: var(--graupl-carousel-next-content, '▶');\n    display: inline-block;\n  }\n  .carousel-control.previous {\n    grid-area: previous;\n  }\n  .carousel-control.previous::before {\n    content: var(--graupl-carousel-previous-content, '◀');\n    display: inline-block;\n  }\n  .carousel-item-container {\n    display: grid;\n    z-index: 0;\n    grid-area: slide;\n    grid-template-areas: \"items\";\n    padding: var(--graupl-carousel-item-container-padding, var(--graupl-carousel-item-container-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-carousel-item-container-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n    overflow-x: hidden;\n    isolation: isolate;\n  }\n  .carousel-item {\n    z-index: -1;\n    grid-area: items;\n    max-width: var(--graupl-carousel-item-max-width, 100%);\n    opacity: 0;\n  }\n  .carousel-item.active {\n    z-index: 1;\n    transform: none;\n    transition: transform var(--graupl-carousel-transition-duration, 500ms) ease-in-out;\n    opacity: 1;\n  }\n  .carousel-item.previous {\n    z-index: 1;\n    transform: translateX(calc(-1 * var(--graupl-carousel-item-max-width, 100%)));\n    transition: transform var(--graupl-carousel-transition-duration, 500ms) ease-in-out;\n    opacity: 1;\n  }\n  .carousel-item.previous.active {\n    transform: none;\n  }\n  .carousel-item.next {\n    z-index: 1;\n    transform: translateX(var(--graupl-carousel-item-max-width, 100%));\n    opacity: 1;\n  }\n  .carousel-item.next.active {\n    transform: none;\n  }\n  .carousel-tab-container {\n    display: flex;\n    z-index: 1;\n    grid-area: tabs;\n    justify-content: center;\n    padding: var(--graupl-carousel-tab-container-padding, var(--graupl-carousel-tab-container-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-carousel-tab-container-padding-x, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))));\n    gap: var(--graupl-carousel-tab-container-gap, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))));\n    pointer-events: none;\n  }\n  .carousel-tab {\n    --graupl-button-border-radius: 50%;\n    pointer-events: auto;\n  }\n}\n@layer graupl.theme {\n  .carousel-control {\n    border-color: var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    background: var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n  }\n  .carousel-control:visited {\n    border-color: var(--graupl-button-visited-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-visited-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-visited-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control.visited {\n    border-color: var(--graupl-button-visited-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-visited-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-visited-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control:focus-visible {\n    border-color: var(--graupl-button-focus-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-focus-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-focus-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control.focus {\n    border-color: var(--graupl-button-focus-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-focus-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-focus-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control:hover {\n    border-color: var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    background: var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n    color: var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n  }\n  .carousel-control.hover {\n    border-color: var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    background: var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n    color: var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n  }\n  .carousel-control:active {\n    border-color: var(--graupl-button-active-border-color, var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-active-background, var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    color: var(--graupl-button-active-color, var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.active {\n    border-color: var(--graupl-button-active-border-color, var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-active-background, var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    color: var(--graupl-button-active-color, var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled.visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled.focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled.hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled.active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled[aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled.selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled[aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control:disabled.current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled]:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled].visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled]:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled].focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled]:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled].hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled]:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled].active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled][aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled].selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled][aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[disabled].current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true]:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true].visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true]:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true].focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true]:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true].hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true]:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true].active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true][aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true].selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true][aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control[aria-disabled=true].current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled.visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled.focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled.hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled.active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled[aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled.selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled[aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.disabled.current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-control.primary {\n    --graupl-button-color: var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))));\n    --graupl-button-border-color: var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))));\n    --graupl-button-hover-color: var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))));\n    --graupl-button-hover-background: var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))));\n    --graupl-button-hover-border-color: var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))));\n    --graupl-button-disabled-color: var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))));\n    --graupl-button-disabled-border-color: var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))));\n  }\n  .carousel-control.secondary {\n    --graupl-button-color: var(--graupl-theme-active--secondary--900, var(--graupl-theme-light--secondary--900, var(--graupl-secondary--900, hsl(235, 40%, 10%))));\n    --graupl-button-border-color: var(--graupl-theme-active--secondary--700, var(--graupl-theme-light--secondary--700, var(--graupl-secondary--700, hsl(235, 20%, 35%))));\n    --graupl-button-hover-color: var(--graupl-theme-active--secondary--100, var(--graupl-theme-light--secondary--100, var(--graupl-secondary--100, hsl(235, 40%, 95%))));\n    --graupl-button-hover-background: var(--graupl-theme-active--secondary--700, var(--graupl-theme-light--secondary--700, var(--graupl-secondary--700, hsl(235, 20%, 35%))));\n    --graupl-button-hover-border-color: var(--graupl-theme-active--secondary--700, var(--graupl-theme-light--secondary--700, var(--graupl-secondary--700, hsl(235, 20%, 35%))));\n    --graupl-button-disabled-color: var(--graupl-theme-active--secondary--200, var(--graupl-theme-light--secondary--200, var(--graupl-secondary--200, hsl(235, 30%, 80%))));\n    --graupl-button-disabled-border-color: var(--graupl-theme-active--secondary--200, var(--graupl-theme-light--secondary--200, var(--graupl-secondary--200, hsl(235, 30%, 80%))));\n  }\n  .carousel-control.tertiary {\n    --graupl-button-color: var(--graupl-theme-active--tertiary--900, var(--graupl-theme-light--tertiary--900, var(--graupl-tertiary--900, hsl(340, 85%, 10%))));\n    --graupl-button-border-color: var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))));\n    --graupl-button-hover-color: var(--graupl-theme-active--tertiary--100, var(--graupl-theme-light--tertiary--100, var(--graupl-tertiary--100, hsl(340, 85%, 95%))));\n    --graupl-button-hover-background: var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))));\n    --graupl-button-hover-border-color: var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))));\n    --graupl-button-disabled-color: var(--graupl-theme-active--tertiary--200, var(--graupl-theme-light--tertiary--200, var(--graupl-tertiary--200, hsl(340, 75%, 80%))));\n    --graupl-button-disabled-border-color: var(--graupl-theme-active--tertiary--200, var(--graupl-theme-light--tertiary--200, var(--graupl-tertiary--200, hsl(340, 75%, 80%))));\n  }\n  .carousel-control {\n    border-color: var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-control-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-carousel-control-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control:visited {\n    border-color: var(--graupl-carousel-control-visited-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-control-visited-color, var(--graupl-carousel-control-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-control-visited-background, var(--graupl-carousel-control-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-control.visited {\n    border-color: var(--graupl-carousel-control-visited-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-control-visited-color, var(--graupl-carousel-control-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-control-visited-background, var(--graupl-carousel-control-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-control:focus-visible {\n    border-color: var(--graupl-carousel-control-focus-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-control-focus-color, var(--graupl-carousel-control-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-control-focus-background, var(--graupl-carousel-control-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-control.focus {\n    border-color: var(--graupl-carousel-control-focus-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-control-focus-color, var(--graupl-carousel-control-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-control-focus-background, var(--graupl-carousel-control-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-control:hover {\n    border-color: var(--graupl-carousel-control-hover-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-control-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    background: var(--graupl-carousel-control-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control.hover {\n    border-color: var(--graupl-carousel-control-hover-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-control-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    background: var(--graupl-carousel-control-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-control:active {\n    border-color: var(--graupl-carousel-control-active-border-color, var(--graupl-carousel-control-hover-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))))));\n    color: var(--graupl-carousel-control-active-color, var(--graupl-carousel-control-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n    background: var(--graupl-carousel-control-active-background, var(--graupl-carousel-control-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n  }\n  .carousel-control.active {\n    border-color: var(--graupl-carousel-control-active-border-color, var(--graupl-carousel-control-hover-border-color, var(--graupl-carousel-control-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))))));\n    color: var(--graupl-carousel-control-active-color, var(--graupl-carousel-control-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n    background: var(--graupl-carousel-control-active-background, var(--graupl-carousel-control-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n  }\n  .carousel-control:disabled {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled:visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled.visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled:focus-visible {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled.focus {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled:hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled.hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled:active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled.active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled[aria-selected=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled.selected {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled[aria-current=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control:disabled.current {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled]:visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled].visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled]:focus-visible {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled].focus {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled]:hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled].hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled]:active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled].active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled][aria-selected=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled].selected {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled][aria-current=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[disabled].current {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true]:visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true].visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true]:focus-visible {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true].focus {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true]:hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true].hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true]:active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true].active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true][aria-selected=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true].selected {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true][aria-current=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control[aria-disabled=true].current {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled:visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled.visited {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled:focus-visible {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled.focus {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled:hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled.hover {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled:active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled.active {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled[aria-selected=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled.selected {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled[aria-current=true] {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-control.disabled.current {\n    border-color: var(--graupl-carousel-control-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-control-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-control-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab {\n    border-color: var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    background: var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n  }\n  .carousel-tab:visited {\n    border-color: var(--graupl-button-visited-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-visited-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-visited-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab.visited {\n    border-color: var(--graupl-button-visited-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-visited-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-visited-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab:focus-visible {\n    border-color: var(--graupl-button-focus-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-focus-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-focus-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab.focus {\n    border-color: var(--graupl-button-focus-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-focus-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-button-focus-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab:hover {\n    border-color: var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    background: var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n    color: var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n  }\n  .carousel-tab.hover {\n    border-color: var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    background: var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n    color: var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n  }\n  .carousel-tab:active {\n    border-color: var(--graupl-button-active-border-color, var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-active-background, var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    color: var(--graupl-button-active-color, var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.active {\n    border-color: var(--graupl-button-active-border-color, var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-button-active-background, var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n    color: var(--graupl-button-active-color, var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled.visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled.focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled.hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled.active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled[aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled.selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled[aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab:disabled.current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled]:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled].visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled]:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled].focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled]:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled].hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled]:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled].active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled][aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled].selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled][aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[disabled].current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true]:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true].visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true]:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true].focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true]:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true].hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true]:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true].active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true][aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true].selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true][aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab[aria-disabled=true].current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled:visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled.visited {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled:focus-visible {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled.focus {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled:hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled.hover {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled:active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled.active {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled[aria-selected=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled.selected {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled[aria-current=true] {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.disabled.current {\n    border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n    color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n  }\n  .carousel-tab.primary {\n    --graupl-button-color: var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))));\n    --graupl-button-border-color: var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))));\n    --graupl-button-hover-color: var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))));\n    --graupl-button-hover-background: var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))));\n    --graupl-button-hover-border-color: var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))));\n    --graupl-button-disabled-color: var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))));\n    --graupl-button-disabled-border-color: var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))));\n  }\n  .carousel-tab.secondary {\n    --graupl-button-color: var(--graupl-theme-active--secondary--900, var(--graupl-theme-light--secondary--900, var(--graupl-secondary--900, hsl(235, 40%, 10%))));\n    --graupl-button-border-color: var(--graupl-theme-active--secondary--700, var(--graupl-theme-light--secondary--700, var(--graupl-secondary--700, hsl(235, 20%, 35%))));\n    --graupl-button-hover-color: var(--graupl-theme-active--secondary--100, var(--graupl-theme-light--secondary--100, var(--graupl-secondary--100, hsl(235, 40%, 95%))));\n    --graupl-button-hover-background: var(--graupl-theme-active--secondary--700, var(--graupl-theme-light--secondary--700, var(--graupl-secondary--700, hsl(235, 20%, 35%))));\n    --graupl-button-hover-border-color: var(--graupl-theme-active--secondary--700, var(--graupl-theme-light--secondary--700, var(--graupl-secondary--700, hsl(235, 20%, 35%))));\n    --graupl-button-disabled-color: var(--graupl-theme-active--secondary--200, var(--graupl-theme-light--secondary--200, var(--graupl-secondary--200, hsl(235, 30%, 80%))));\n    --graupl-button-disabled-border-color: var(--graupl-theme-active--secondary--200, var(--graupl-theme-light--secondary--200, var(--graupl-secondary--200, hsl(235, 30%, 80%))));\n  }\n  .carousel-tab.tertiary {\n    --graupl-button-color: var(--graupl-theme-active--tertiary--900, var(--graupl-theme-light--tertiary--900, var(--graupl-tertiary--900, hsl(340, 85%, 10%))));\n    --graupl-button-border-color: var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))));\n    --graupl-button-hover-color: var(--graupl-theme-active--tertiary--100, var(--graupl-theme-light--tertiary--100, var(--graupl-tertiary--100, hsl(340, 85%, 95%))));\n    --graupl-button-hover-background: var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))));\n    --graupl-button-hover-border-color: var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))));\n    --graupl-button-disabled-color: var(--graupl-theme-active--tertiary--200, var(--graupl-theme-light--tertiary--200, var(--graupl-tertiary--200, hsl(340, 75%, 80%))));\n    --graupl-button-disabled-border-color: var(--graupl-theme-active--tertiary--200, var(--graupl-theme-light--tertiary--200, var(--graupl-tertiary--200, hsl(340, 75%, 80%))));\n  }\n  .carousel-tab {\n    border-color: var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-tab-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    color: var(--graupl-carousel-tab-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab:visited {\n    border-color: var(--graupl-carousel-tab-visited-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-tab-visited-color, var(--graupl-carousel-tab-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-tab-visited-background, var(--graupl-carousel-tab-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-tab.visited {\n    border-color: var(--graupl-carousel-tab-visited-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-tab-visited-color, var(--graupl-carousel-tab-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-tab-visited-background, var(--graupl-carousel-tab-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-tab:focus-visible {\n    border-color: var(--graupl-carousel-tab-focus-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-tab-focus-color, var(--graupl-carousel-tab-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-tab-focus-background, var(--graupl-carousel-tab-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-tab.focus {\n    border-color: var(--graupl-carousel-tab-focus-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-tab-focus-color, var(--graupl-carousel-tab-color, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n    background: var(--graupl-carousel-tab-focus-background, var(--graupl-carousel-tab-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n  }\n  .carousel-tab:hover {\n    border-color: var(--graupl-carousel-tab-hover-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-tab-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    background: var(--graupl-carousel-tab-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab.hover {\n    border-color: var(--graupl-carousel-tab-hover-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n    color: var(--graupl-carousel-tab-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n    background: var(--graupl-carousel-tab-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n  }\n  .carousel-tab:active {\n    border-color: var(--graupl-carousel-tab-active-border-color, var(--graupl-carousel-tab-hover-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))))));\n    color: var(--graupl-carousel-tab-active-color, var(--graupl-carousel-tab-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n    background: var(--graupl-carousel-tab-active-background, var(--graupl-carousel-tab-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n  }\n  .carousel-tab.active {\n    border-color: var(--graupl-carousel-tab-active-border-color, var(--graupl-carousel-tab-hover-border-color, var(--graupl-carousel-tab-border-color, var(--graupl-carousel-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))))));\n    color: var(--graupl-carousel-tab-active-color, var(--graupl-carousel-tab-hover-color, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n    background: var(--graupl-carousel-tab-active-background, var(--graupl-carousel-tab-hover-background, var(--graupl-carousel-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n  }\n  .carousel-tab:disabled {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled:visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled.visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled:focus-visible {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled.focus {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled:hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled.hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled:active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled.active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled[aria-selected=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled.selected {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled[aria-current=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab:disabled.current {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled]:visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled].visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled]:focus-visible {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled].focus {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled]:hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled].hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled]:active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled].active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled][aria-selected=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled].selected {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled][aria-current=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[disabled].current {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true]:visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true].visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true]:focus-visible {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true].focus {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true]:hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true].hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true]:active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true].active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true][aria-selected=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true].selected {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true][aria-current=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab[aria-disabled=true].current {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled:visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled.visited {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled:focus-visible {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled.focus {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled:hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled.hover {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled:active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled.active {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled[aria-selected=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled.selected {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled[aria-current=true] {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n  .carousel-tab.disabled.current {\n    border-color: var(--graupl-carousel-tab-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    color: var(--graupl-carousel-tab-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n    background: var(--graupl-carousel-tab-disabled-background, var(--graupl-carousel-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n  }\n}","// @graupl/core typography theme default values.\n//\n// Generally, these should not be used directly when styling components unless a static value is needed.\n// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.\n//\n// They should not be used to define direct property values (i.e. font-size, color, etc.).\n// Those should be defined as custom properties in the `_variables.scss` file.\n\n@use \"../../defaults\" as root-defaults;\n@use \"sass:map\";\n\n// font properties.\n$selector-base: root-defaults.$element-selector-base !default;\n$modifier-selector-base: root-defaults.$modifier-selector-base !default;\n$paragraph-selector-base: $selector-base !default;\n$paragraph-selector: \"p\";\n$small-selector-base: $selector-base !default;\n$small-selector: \"small\";\n$h1-selector-base: $selector-base !default;\n$h1-selector: \"h1\" !default;\n$h2-selector-base: $selector-base !default;\n$h2-selector: \"h2\" !default;\n$h3-selector-base: $selector-base !default;\n$h3-selector: \"h3\" !default;\n$h4-selector-base: $selector-base !default;\n$h4-selector: \"h4\" !default;\n$h5-selector-base: $selector-base !default;\n$h5-selector: \"h5\" !default;\n$h6-selector-base: $selector-base !default;\n$h6-selector: \"h6\" !default;\n$root-selector-base: \":\" !default;\n$root-selector: \"root\" !default;\n$bold-selector-base: $selector-base !default;\n$bold-selector: \"b\" !default;\n$strong-selector-base: $selector-base !default;\n$strong-selector: \"strong\" !default;\n$body-selector-base: $selector-base !default;\n$body-selector: \"body\" !default;\n$generate-base-font-sizes: root-defaults.$generate-base-font-sizes !default;\n$generate-base-font-weights: root-defaults.$generate-base-font-weights !default;\n$font-size-base: 1rem !default;\n$root-font-size: clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem) !default;\n$line-height: 1.2em !default;\n\n// Multipliers for font sizes.\n// This uses a minor third scale.\n// See: https://typescale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Lato&fontweight=400&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000\n$-font-size-multipliers: (\n  xs: 0.694,\n  sm: 0.833,\n  base: 1,\n  lg: 1.2,\n  xl: 1.44,\n  2xl: 1.728,\n  3xl: 2.074,\n  4xl: 2.488,\n  5xl: 2.986,\n);\n$font-size-multipliers: () !default;\n\n// Merge the font size multipliers with the default ones.\n@if $generate-base-font-sizes {\n  $font-size-multipliers: map.merge(\n    $-font-size-multipliers,\n    $font-size-multipliers\n  );\n}\n\n// Weights.\n$-font-weights: (\n  light: 300,\n  normal: 400,\n  bold: 700,\n);\n$font-weights: () !default;\n\n// Merge the custom font weights with the default ones.\n@if $generate-base-font-weights {\n  $font-weights: map.merge($-font-weights, $font-weights);\n}\n\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$root-font-family:\n  system-ui,\n  -apple-system,\n  blinkmacsystemfont,\n  \"Segoe UI\",\n  roboto,\n  \"Helvetica Neue\",\n  arial,\n  sans-serif !default;\n","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n  @if root-defaults.$use-layers {\n    @layer #{root-defaults.$id}.#{$layer} {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n","// @graupl/core carousel component styles.\n//\n// This module provides carousel layout, controls, and tabs.\n//\n// The following selectors are generated by default:\n// - `.carousel`: The carousel container.\n// - `.carousel-control-container`: The container for play/pause/prev/next controls.\n// - `.carousel-control`: The control elements (with `.autoplay`, `.play`, `.pause`, `.previous`, `.next` modifiers).\n// - `.carousel-item-container`: The container for carousel items.\n// - `.carousel-item`: Individual carousel items (with `.active`, `.next`, `.previous` modifiers).\n// - `.carousel-tab-container`: The container for tabs.\n// - `.carousel-tab`: Individual tabs.\n//\n// The following custom properties can be used to customize the carousel component:\n// | Property                                   | Description                                      | Default Value                                                       |\n// | ------------------------------------------ | ------------------------------------------------ | ------------------------------------------------------------------- |\n// | `--graupl-carousel-controls-height`        | Height of the controls row.                      | `auto`                                                              |\n// | `--graupl-carousel-tabs-width`             | Width of the tabs column.                        | `1fr`                                                               |\n// | `--graupl-carousel-tabs-height`            | Height of the tabs row.                          | `auto`                                                              |\n// | `--graupl-carousel-slide-height`           | Height of the slide row.                         | `1fr`                                                               |\n// | `--graupl-carousel-padding-x`              | Horizontal padding of the carousel.              | `var(--graupl-spacer-0)`                                            |\n// | `--graupl-carousel-padding-y`              | Vertical padding of the carousel.                | `var(--graupl-spacer-0)`                                            |\n// | `--graupl-carousel-padding`                | Shorthand padding of the carousel.               | `var(--graupl-carousel-padding-y) var(--graupl-carousel-padding-x)` |\n// | `--graupl-carousel-item-max-width`         | Max width of a carousel item.                    | `100%`                                                              |\n// | `--graupl-carousel-transition-duration`    | Duration used for slide transitions.             | `500ms`                                                             |\n// | `--graupl-carousel-item-container-padding` | Padding of the item container.                   | `var(--graupl-spacer-0) var(--graupl-spacer-0)`                     |\n// | `--graupl-carousel-color`                  | Default text color for carousel content.         | `var(--graupl-color)`                                               |\n// | `--graupl-carousel-background`             | Default background color for the carousel.       | `var(--graupl-background)`                                          |\n// | `--graupl-carousel-border-color`           | Border color applied to carousel elements.       | `var(--graupl-border-color)`                                        |\n// | `--graupl-carousel-control-color`          | Text/icon color for carousel controls.           | `var(--graupl-carousel-color)`                                      |\n// | `--graupl-carousel-control-visited-color`  | Text/icon color for visited controls.            | `var(--graupl-carousel-control-color)`                              |\n// | `--graupl-carousel-control-focus-color`    | Text/icon color for focused controls.            | `var(--graupl-carousel-control-color)`                              |\n// | `--graupl-carousel-control-hover-color`    | Text/icon color for hovered controls.            | `var(--graupl-carousel-background)`                                 |\n// | `--graupl-carousel-control-active-color`   | Text/icon color for active controls.             | `var(--graupl-carousel-control-hover-color)`                        |\n// | `--graupl-carousel-control-disabled-color` | Text/icon color for disabled controls.           | `var(--graupl-theme-active--primary--200)`                          |\n// | `--graupl-carousel-control-background`     | Background color for carousel controls.          | `var(--graupl-carousel-background)`                                 |\n// | `--graupl-carousel-control-visited-background` | Background for visited controls.             | `var(--graupl-carousel-control-background)`                         |\n// | `--graupl-carousel-control-focus-background`   | Background for focused controls.             | `var(--graupl-carousel-control-background)`                         |\n// | `--graupl-carousel-control-hover-background`   | Background for hovered controls.              | `var(--graupl-carousel-color)`                                      |\n// | `--graupl-carousel-control-active-background`  | Background for active controls.               | `var(--graupl-carousel-control-hover-background)`                   |\n// | `--graupl-carousel-control-disabled-background` | Background for disabled controls.            | `var(--graupl-carousel-background)`                                 |\n// | `--graupl-carousel-control-border-color`   | Border color for carousel controls.              | `var(--graupl-carousel-border-color)`                               |\n// | `--graupl-carousel-control-visited-border-color` | Border color for visited controls.          | `var(--graupl-carousel-control-border-color)`                       |\n// | `--graupl-carousel-control-focus-border-color`   | Border color for focused controls.          | `var(--graupl-carousel-control-border-color)`                       |\n// | `--graupl-carousel-control-hover-border-color`   | Border color for hovered controls.           | `var(--graupl-carousel-control-border-color)`                       |\n// | `--graupl-carousel-control-active-border-color`  | Border color for active controls.            | `var(--graupl-carousel-control-hover-border-color)`                 |\n// | `--graupl-carousel-control-disabled-border-color` | Border color for disabled controls.         | `var(--graupl-theme-active--primary--200)`                          |\n// | `--graupl-carousel-control-width`          | Width of each control.                           | `4rem`                                                              |\n// | `--graupl-carousel-control-height`         | Height of each control.                          | `3rem`                                                              |\n// | `--graupl-carousel-play-content`           | Content for the play control pseudo-element.     | `'▶'`                                                               |\n// | `--graupl-carousel-pause-content`          | Content for the pause control pseudo-element.    | `'❚❚'`                                                              |\n// | `--graupl-carousel-next-content`           | Content for the next control pseudo-element.     | `'▶'`                                                               |\n// | `--graupl-carousel-previous-content`       | Content for the previous control pseudo-element. | `'◀'`                                                               |\n// | `--graupl-carousel-tab-color`              | Text/icon color for carousel tabs.               | `var(--graupl-carousel-color)`                                      |\n// | `--graupl-carousel-tab-visited-color`      | Text/icon color for visited tabs.                | `var(--graupl-carousel-tab-color)`                                  |\n// | `--graupl-carousel-tab-focus-color`        | Text/icon color for focused tabs.                | `var(--graupl-carousel-tab-color)`                                  |\n// | `--graupl-carousel-tab-hover-color`        | Text/icon color for hovered tabs.                | `var(--graupl-carousel-background)`                                 |\n// | `--graupl-carousel-tab-active-color`       | Text/icon color for active tabs.                 | `var(--graupl-carousel-tab-hover-color)`                            |\n// | `--graupl-carousel-tab-disabled-color`     | Text/icon color for disabled tabs.               | `var(--graupl-theme-active--primary--200)`                          |\n// | `--graupl-carousel-tab-background`         | Background color for carousel tabs.              | `var(--graupl-carousel-background)`                                 |\n// | `--graupl-carousel-tab-visited-background` | Background for visited tabs.                     | `var(--graupl-carousel-tab-background)`                             |\n// | `--graupl-carousel-tab-focus-background`   | Background for focused tabs.                     | `var(--graupl-carousel-tab-background)`                             |\n// | `--graupl-carousel-tab-hover-background`   | Background for hovered tabs.                     | `var(--graupl-carousel-color)`                                      |\n// | `--graupl-carousel-tab-active-background`  | Background for active tabs.                      | `var(--graupl-carousel-tab-hover-background)`                       |\n// | `--graupl-carousel-tab-disabled-background`| Background for disabled tabs.                    | `var(--graupl-carousel-background)`                                 |\n// | `--graupl-carousel-tab-border-color`       | Border color for carousel tabs.                  | `var(--graupl-carousel-border-color)`                               |\n// | `--graupl-carousel-tab-visited-border-color` | Border color for visited tabs.                 | `var(--graupl-carousel-tab-border-color)`                           |\n// | `--graupl-carousel-tab-focus-border-color` | Border color for focused tabs.                   | `var(--graupl-carousel-tab-border-color)`                           |\n// | `--graupl-carousel-tab-hover-border-color` | Border color for hovered tabs.                   | `var(--graupl-carousel-tab-border-color)`                           |\n// | `--graupl-carousel-tab-active-border-color`| Border color for active tabs.                    | `var(--graupl-carousel-tab-hover-border-color)`                     |\n// | `--graupl-carousel-tab-disabled-border-color` | Border color for disabled tabs.                | `var(--graupl-theme-active--primary--200)`                          |\n// | `--graupl-carousel-tab-container-padding`  | Padding of the tab container.                    | `var(--graupl-spacer-3) var(--graupl-spacer-3)`                     |\n// | `--graupl-carousel-tab-container-gap`      | Gap inside the tab container.                    | `var(--graupl-spacer-3)`                                            |\n//\n// The following sass variables can be used to customize the generation of the carousel component:\n// | Variable                                    | Description                                             | Default Value                  |\n// | ------------------------------------------- | ------------------------------------------------------- | ------------------------------ |\n// | `$selector-base`                            | Selector base for the component.                        | `\".\"`                          |\n// | `$modifier-selector-base`                   | Selector base for component modifiers.                  | `\".\"`                          |\n// | `$generate-base-theme-map`                  | Flag to generate the base theme map.                    | `true`                         |\n// | `$themeable`                                | Flag to generate theme modifiers.                       | `false`                        |\n// | `$carousel-selector-base`                   | Selector base for the carousel container.               | `$selector-base`               |\n// | `$carousel-selector`                        | Selector for the carousel container.                    | `\"carousel\"`                   |\n// | `$carousel-theme-selector-base`             | Selector base for theme modifiers.                      | `\".\"`                          |\n// | `$carousel-theme-selector-prefix`           | Selector prefix for theme modifiers.                    | `\"\"`                           |\n// | `$carousel-control-container-selector-base` | Selector base for the control container.                | `$selector-base`               |\n// | `$carousel-control-container-selector`      | Selector for the control container.                     | `\"carousel-control-container\"` |\n// | `$carousel-control-selector-base`           | Selector base for controls.                             | `$selector-base`               |\n// | `$carousel-control-selector`                | Selector for controls.                                  | `\"carousel-control\"`           |\n// | `$carousel-pause-selector-base`             | Selector base for pause modifier.                       | `\".\"`                          |\n// | `$carousel-pause-selector`                  | Selector for pause modifier.                            | `\"pause\"`                      |\n// | `$carousel-play-selector-base`              | Selector base for play modifier.                        | `\".\"`                          |\n// | `$carousel-play-selector`                   | Selector for play modifier.                             | `\"play\"`                       |\n// | `$carousel-autoplay-selector-base`          | Selector base for autoplay modifier.                    | `\".\"`                          |\n// | `$carousel-autoplay-selector`               | Selector for autoplay modifier.                         | `\"autoplay\"`                   |\n// | `$carousel-previous-selector-base`          | Selector base for previous modifier.                    | `\".\"`                          |\n// | `$carousel-previous-selector`               | Selector for previous modifier.                         | `\"previous\"`                   |\n// | `$carousel-next-selector-base`              | Selector base for next modifier.                        | `\".\"`                          |\n// | `$carousel-next-selector`                   | Selector for next modifier.                             | `\"next\"`                       |\n// | `$carousel-item-container-selector-base`    | Selector base for item container.                       | `$selector-base`               |\n// | `$carousel-item-container-selector`         | Selector for item container.                            | `\"carousel-item-container\"`    |\n// | `$carousel-item-selector-base`              | Selector base for items.                                | `$selector-base`               |\n// | `$carousel-item-selector`                   | Selector for items.                                     | `\"carousel-item\"`              |\n// | `$carousel-tab-container-selector-base`     | Selector base for tab container.                        | `$selector-base`               |\n// | `$carousel-tab-container-selector`          | Selector for tab container.                             | `\"carousel-tab-container\"`     |\n// | `$carousel-tab-selector-base`               | Selector base for tabs.                                 | `$selector-base`               |\n// | `$carousel-tab-selector`                    | Selector for tabs.                                      | `\"carousel-tab\"`               |\n// | `$carousel-active-item-selector-base`       | Selector base for the active modifier.                  | `\".\"`                          |\n// | `$carousel-active-item-selector`            | Selector for the active modifier.                       | `\"active\"`                     |\n// | `$carousel-next-item-selector-base`         | Selector base for the next modifier.                    | `\".\"`                          |\n// | `$carousel-next-item-selector`              | Selector for the next modifier.                         | `\"next\"`                       |\n// | `$carousel-previous-item-selector-base`     | Selector base for the previous modifier.                | `\".\"`                          |\n// | `$carousel-previous-item-selector`          | Selector for the previous modifier.                     | `\"previous\"`                   |\n// | `$carousel-controls-height`                 | Height of the controls row.                             | `auto`                         |\n// | `$carousel-tabs-width`                      | Width of the tabs column.                               | `1fr`                          |\n// | `$carousel-tabs-height`                     | Height of the tabs row.                                 | `auto`                         |\n// | `$carousel-slide-height`                    | Height of the slide row.                                | `1fr`                          |\n// | `$carousel-item-max-width`                  | Max width of a carousel item.                           | `100%`                         |\n// | `$carousel-transition-duration`             | Duration used for slide transitions.                    | `500ms`                        |\n// | `$carousel-theme-mappings`                  | Map of properties/shades applied to all theme variants. | `()`                           |\n// | `$carousel-theme-map`                       | Expanded map of properties/colors/shades per variant.   | `()`                           |\n//\n// ## Using `$carousel-theme-mappings`\n//\n// `$carousel-theme-mappings` is a 1-level map of properties and shade values.\n//\n// e.g.\n// ```scss\n// $carousel-theme-mappings: (\n//   border-color: 700,\n// )\n// ```\n//\n// This directly[1] maps to all carousel variants, telling them what shade to use for said property.\n// All carousel variants will use the following based on the example above:\n// - Primary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--primary--700`,\n// - Secondary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--secondary--700`, and\n// - Tertiary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--tertiary--700`.\n//\n// You can use this to customize _all_ carousel variants in the same way.\n//\n// For example, if you use the following map:\n// ```scss\n// $carousel-theme-mappings: (\n//   border-color: 500,\n// )\n// ```\n//\n// All carousel variants will use the following:\n// - Primary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--primary--500`,\n// - Secondary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--secondary--500`, and\n// - Tertiary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--tertiary--500`.\n//\n// [1] `$carousel-theme-mappings` gets parsed into a larger, more explicit map: `$carousel-theme-map`.\n//\n// Using `$carousel-theme-map`\n//\n// `$carousel-theme-map` is a multi-level map of properties, colors, and shade values.\n//\n// e.g.\n// ```scss\n// $carousel-theme-map: (\n//   primary: (\n//     border-color: (\n//       color: primary,\n//       shade: 700\n//     ),\n//   ),\n//   secondary: (\n//     border-color: (\n//       color: secondary,\n//       shade: 700\n//     ),\n//   ),\n//   tertiary: (\n//     border-color: (\n//       color: tertiary,\n//       shade: 700\n//     ),\n//   ),\n// )\n// ```\n//\n// This directly maps to all carousel variants, telling them what shade to use for said property.\n// The carousel variants will use the following based on the example above:\n// - Primary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--primary--700`,\n// - Secondary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--secondary--700`, and\n// - Tertiary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--tertiary--700`.\n//\n// You can use this to customize carousel variants individually.\n//\n// For example, if you use the following map:\n//\n// ```scss\n// $carousel-theme-map: (\n//   primary: (\n//     border-color: (\n//       color: secondary,\n//       shade: 700\n//     ),\n//   ),\n//   secondary: (\n//     border-color: (\n//       color: secondary,\n//       shade: 700\n//     ),\n//   ),\n//   tertiary: (\n//     border-color: (\n//       color: secondary,\n//       shade: 700\n//     ),\n//   ),\n// )\n// ```\n//\n// The carousel variants will use the following:\n// - Primary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--secondary--700`,\n// - Secondary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--secondary--700`, and\n// - Tertiary carousels will have their `--graupl-carousel-border-color` property set to `--graupl-theme-active--secondary--700`.\n//\n// @example\n// <section class=\"carousel\">\n//   <div class=\"carousel-control-container\">\n//     <button class=\"carousel-control autoplay\" aria-label=\"Toggle autoplay\"></button>\n//     <button class=\"carousel-control previous\" aria-label=\"Previous slide\"></button>\n//     <button class=\"carousel-control next\" aria-label=\"Next slide\"></button>\n//   </div>\n//   <div class=\"carousel-tab-container\">\n//     <button class=\"carousel-tab\" aria-label=\"Slide 1\"></button>\n//     <button class=\"carousel-tab\" aria-label=\"Slide 2\"></button>\n//     <button class=\"carousel-tab\" aria-label=\"Slide 3\"></button>\n//   </div>\n//   <div class=\"carousel-item-container\">\n//     <div class=\"carousel-item active\">\n//       <div class=\"ratio sixteen-by-nine\">\n//         <img class=\"force-ratio\" src=\"https://picsum.photos/1400/600?random=1\" alt=\"Carousel slide 1\" />\n//       </div>\n//     </div>\n//     <div class=\"carousel-item\">\n//       <div class=\"ratio sixteen-by-nine\">\n//         <img class=\"force-ratio\" src=\"https://picsum.photos/1400/600?random=2\" alt=\"Carousel slide 2\" />\n//       </div>\n//     </div>\n//   </div>\n// </section>\n\n@use \"../../base/button/mixins\" as button-mixins;\n@use \"../../defaults\" as root-defaults;\n@use \"../../mixins/layer\" as *;\n@use \"../../mixins/state\";\n@use \"../../mixins/theme\";\n@use \"defaults\";\n@use \"variables\" as *;\n\n@include layer(base) {\n  // .carousel-control\n  #{defaults.$carousel-control-selector-base}#{defaults.$carousel-control-selector} {\n    @include button-mixins.apply-base;\n  }\n\n  // .carousel-tab\n  #{defaults.$carousel-tab-selector-base}#{defaults.$carousel-tab-selector} {\n    @include button-mixins.apply-base;\n  }\n}\n\n@include layer(component) {\n  // .carousel\n  #{defaults.$carousel-selector-base}#{defaults.$carousel-selector} {\n    display: grid;\n    position: relative;\n    grid-template-columns: [slide-start controls-start] auto [tabs-start] $carousel-tabs-width [tabs-end] auto [controls-end slide-end];\n    grid-template-rows: [slide-start controls-start] $carousel-controls-height [controls-end] $carousel-slide-height [tabs-start] $carousel-tabs-height [tabs-end slide-end];\n    isolation: isolate;\n    padding: $carousel-padding;\n\n    &[data-graupl-action=\"next\"] {\n      // .carousel-item\n      #{defaults.$carousel-item-selector-base}#{defaults.$carousel-item-selector} {\n        // &.carousel-previous-item\n        &#{defaults.$carousel-previous-item-selector-base}#{defaults.$carousel-previous-item-selector} {\n          transform: translateX(calc(-1 * $carousel-item-max-width));\n\n          // &.carousel-active-item\n          &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n            transform: none;\n          }\n        }\n\n        // &.carousel-next-item\n        &#{defaults.$carousel-next-item-selector-base}#{defaults.$carousel-next-item-selector} {\n          transform: translateX($carousel-item-max-width);\n\n          // &.carousel-active-item\n          &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n            transform: none;\n          }\n        }\n      }\n    }\n\n    &[data-graupl-action=\"previous\"] {\n      // .carousel-item\n      #{defaults.$carousel-item-selector-base}#{defaults.$carousel-item-selector} {\n        // &.carousel-previous-item\n        &#{defaults.$carousel-previous-item-selector-base}#{defaults.$carousel-previous-item-selector} {\n          transform: translateX($carousel-item-max-width);\n\n          // &.carousel-active-item\n          &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n            transform: none;\n          }\n        }\n\n        // &.carousel-next-item\n        &#{defaults.$carousel-next-item-selector-base}#{defaults.$carousel-next-item-selector} {\n          transform: translateX(calc(-1 * $carousel-item-max-width));\n\n          // &.carousel-active-item\n          &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n            transform: none;\n          }\n        }\n      }\n    }\n  }\n\n  // .carousel-control-container\n  #{defaults.$carousel-control-container-selector-base}#{defaults.$carousel-control-container-selector} {\n    display: grid;\n    z-index: 1;\n    grid-area: controls;\n    grid-template-columns:\n      [autoplay-start] $carousel-control-width [autoplay-end]\n      1fr [previous-start] $carousel-control-width [previous-end next-start]\n      $carousel-control-width [next-end];\n    grid-template-rows: [autoplay-start next-start previous-start] $carousel-control-height [previous-end next-end autoplay-end];\n    pointer-events: none;\n  }\n\n  // .carousel-control\n  #{defaults.$carousel-control-selector-base}#{defaults.$carousel-control-selector} {\n    pointer-events: auto;\n\n    // &.autoplay\n    &#{defaults.$carousel-autoplay-selector-base}#{defaults.$carousel-autoplay-selector} {\n      grid-area: autoplay;\n    }\n\n    // &.play::before\n    &#{defaults.$carousel-play-selector-base}#{defaults.$carousel-play-selector}::before {\n      content: $carousel-play-content;\n      display: inline-block;\n    }\n\n    // &.pause::before\n    &#{defaults.$carousel-pause-selector-base}#{defaults.$carousel-pause-selector}::before {\n      content: $carousel-pause-content;\n      display: inline-block;\n    }\n\n    // &.next\n    &#{defaults.$carousel-next-selector-base}#{defaults.$carousel-next-selector} {\n      grid-area: next;\n\n      &::before {\n        content: $carousel-next-content;\n        display: inline-block;\n      }\n    }\n\n    // &.previous\n    &#{defaults.$carousel-previous-selector-base}#{defaults.$carousel-previous-selector} {\n      grid-area: previous;\n\n      &::before {\n        content: $carousel-previous-content;\n        display: inline-block;\n      }\n    }\n  }\n\n  // .carousel-item-container\n  #{defaults.$carousel-item-container-selector-base}#{defaults.$carousel-item-container-selector} {\n    display: grid;\n    z-index: 0;\n    grid-area: slide;\n    grid-template-areas: \"items\";\n    padding: $carousel-item-container-padding;\n    overflow-x: hidden;\n    isolation: isolate;\n  }\n\n  // .carousel-item\n  #{defaults.$carousel-item-selector-base}#{defaults.$carousel-item-selector} {\n    z-index: -1;\n    grid-area: items;\n    max-width: $carousel-item-max-width;\n    opacity: 0;\n\n    // &.carousel-active-item\n    &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n      z-index: 1;\n      transform: none;\n      transition: transform #{$carousel-transition-duration} ease-in-out;\n      opacity: 1;\n    }\n\n    // &.carousel-previous-item\n    &#{defaults.$carousel-previous-item-selector-base}#{defaults.$carousel-previous-item-selector} {\n      z-index: 1;\n      transform: translateX(calc(-1 * $carousel-item-max-width));\n      transition: transform #{$carousel-transition-duration} ease-in-out;\n      opacity: 1;\n\n      // &.carousel-active-item\n      &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n        transform: none;\n      }\n    }\n\n    // &.carousel-next-item\n    &#{defaults.$carousel-next-item-selector-base}#{defaults.$carousel-next-item-selector} {\n      z-index: 1;\n      transform: translateX($carousel-item-max-width);\n      opacity: 1;\n\n      // &.carousel-active-item\n      &#{defaults.$carousel-active-item-selector-base}#{defaults.$carousel-active-item-selector} {\n        transform: none;\n      }\n    }\n  }\n\n  // .carousel-tab-container\n  #{defaults.$carousel-tab-container-selector-base}#{defaults.$carousel-tab-container-selector} {\n    display: flex;\n    z-index: 1;\n    grid-area: tabs;\n    justify-content: center;\n    padding: $carousel-tab-container-padding;\n    gap: $carousel-tab-container-gap;\n    pointer-events: none;\n  }\n\n  // .carousel-tab\n  #{defaults.$carousel-tab-selector-base}#{defaults.$carousel-tab-selector} {\n    --#{root-defaults.$prefix}button-border-radius: 50%;\n\n    pointer-events: auto;\n  }\n}\n\n@include layer(theme) {\n  // .carousel\n  #{defaults.$carousel-selector-base}#{defaults.$carousel-selector} {\n    @if root-defaults.$themeable-components and defaults.$themeable {\n      @include theme.generate-modifiers(\n        defaults.$carousel-theme-map,\n        defaults.$carousel-theme-selector-base,\n        defaults.$carousel-theme-selector-prefix,\n        \"carousel-\"\n      );\n      @include theme.generate-modifiers(\n        defaults.$carousel-theme-map,\n        defaults.$carousel-theme-selector-base,\n        defaults.$carousel-theme-selector-prefix,\n        \"carousel-\",\n        \"\"\n      );\n    }\n  }\n\n  // .carousel-control\n  #{defaults.$carousel-control-selector-base}#{defaults.$carousel-control-selector} {\n    @include button-mixins.apply-theme;\n\n    border-color: $carousel-control-border-color;\n    background: $carousel-control-background;\n    color: $carousel-control-color;\n\n    @include state.generate-modifiers(\n      (\n        border-color: $carousel-control-border-color-states,\n        color: $carousel-control-color-states,\n        background: $carousel-control-background-states,\n      )\n    );\n  }\n\n  // .carousel-tab\n  #{defaults.$carousel-tab-selector-base}#{defaults.$carousel-tab-selector} {\n    @include button-mixins.apply-theme;\n\n    border-color: $carousel-tab-border-color;\n    background: $carousel-tab-background;\n    color: $carousel-tab-color;\n\n    @include state.generate-modifiers(\n      (\n        border-color: $carousel-tab-border-color-states,\n        color: $carousel-tab-color-states,\n        background: $carousel-tab-background-states,\n      )\n    );\n  }\n}\n","// @graupl/core button base styles.\n\n@use \"defaults\";\n@use \"../../defaults\" as root-defaults;\n@use \"../../theme/color/variables\" as color;\n@use \"variables\" as *;\n@use \"../../mixins/layer\" as *;\n@use \"../../mixins/animation\";\n@use \"../../mixins/state\";\n@use \"../../mixins/theme\";\n@use \"sass:map\";\n\n/// Mixin to apply base styles for buttons.\n@mixin apply-base() {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: $button-min-width;\n  min-height: $button-min-height;\n  padding: $button-padding;\n  transform: $button-transform;\n  transition: $button-transition;\n  border-width: $button-border-width;\n  border-style: $button-border-style;\n  border-radius: $button-border-radius;\n  font-size: $button-font-size;\n  cursor: pointer;\n\n  @include state.generate-modifiers(\n    (\n      transform: $button-transform-states,\n    )\n  );\n\n  @each $selector in map.get(root-defaults.$state-selectors, \"disabled\") {\n    &#{$selector} {\n      cursor: not-allowed;\n    }\n  }\n\n  @include animation.off {\n    --#{root-defaults.$prefix}button-transition: #{$button-transition-reduced-motion};\n  }\n}\n\n/// Mixin to apply theme styles for buttons.\n@mixin apply-theme() {\n  border-color: $button-border-color;\n  background: $button-background;\n  color: $button-color;\n\n  @include state.generate-modifiers(\n    (\n      border-color: $button-border-color-states,\n      background: $button-background-states,\n      color: $button-color-states,\n    )\n  );\n\n  @if root-defaults.$themeable-components and defaults.$themeable {\n    @include theme.generate-modifiers(\n      defaults.$button-theme-map,\n      defaults.$button-theme-selector-base,\n      defaults.$button-theme-selector-prefix,\n      \"button-\"\n    );\n  }\n}\n\n@mixin apply() {\n  @include apply-base;\n  @include apply-theme;\n}\n","// @graupl/core button base variables.\n//\n// These values are to be used to directly style bases and provide a\n// cleaner way to reference custom properties.\n\n// Custom property defaults:\n// | Custom property                            | Default                                                                                                                                                                                                                                                                      |\n// | ------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n// | --graupl-button-min-width                  | 44px                                                                                                                                                                                                                                                                         |\n// | --graupl-button-min-height                 | 44px                                                                                                                                                                                                                                                                         |\n// | --graupl-button-padding-x                  | var(--graupl-spacer-5)                                                                                                                                                                                                                                                       |\n// | --graupl-button-padding-y                  | var(--graupl-spacer-3)                                                                                                                                                                                                                                                       |\n// | --graupl-button-padding                    | var(--graupl-button-padding-y) var(--graupl-button-padding-x)                                                                                                                                                                                                                |\n// | --graupl-button-font-size                  | var(--graupl-font-base)                                                                                                                                                                                                                                                      |\n// | --graupl-button-transition                 | background var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function) |\n// | --graupl-button-transition-reduced-motion  | background var(--graupl-transition-duration-none) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-none) var(--graupl-transition-timing-function)                                                                                            |\n// | --graupl-button-transform                  | none                                                                                                                                                                                                                                                                         |\n// | --graupl-button-visited-transform          | var(--graupl-button-transform)                                                                                                                                                                                                                                               |\n// | --graupl-button-focus-transform            | var(--graupl-button-transform)                                                                                                                                                                                                                                               |\n// | --graupl-button-hover-transform            | var(--graupl-button-transform)                                                                                                                                                                                                                                               |\n// | --graupl-button-active-transform           | scale(0.95)                                                                                                                                                                                                                                                                  |\n// | --graupl-button-disabled-transform         | none                                                                                                                                                                                                                                                                         |\n// | --graupl-button-background                 | var(--graupl-background)                                                                                                                                                                                                                                                     |\n// | --graupl-button-visited-background         | var(--graupl-button-background)                                                                                                                                                                                                                                              |\n// | --graupl-button-focus-background           | var(--graupl-button-background)                                                                                                                                                                                                                                              |\n// | --graupl-button-hover-background           | var(--graupl-color)                                                                                                                                                                                                                                                          |\n// | --graupl-button-active-background          | var(--graupl-button-hover-background)                                                                                                                                                                                                                                        |\n// | --graupl-button-disabled-background        | var(--graupl-background)                                                                                                                                                                                                                                                     |\n// | --graupl-button-color                      | var(--graupl-color)                                                                                                                                                                                                                                                          |\n// | --graupl-button-visited-color              | var(--graupl-button-color)                                                                                                                                                                                                                                                   |\n// | --graupl-button-focus-color                | var(--graupl-button-color)                                                                                                                                                                                                                                                   |\n// | --graupl-button-hover-color                | var(--graupl-background)                                                                                                                                                                                                                                                     |\n// | --graupl-button-active-color               | var(--graupl-button-hover-color)                                                                                                                                                                                                                                             |\n// | --graupl-button-disabled-color             | var(--graupl-theme-active--primary--200)                                                                                                                                                                                                                                     |\n// | --graupl-button-border-top-width           | var(--graupl-border-top-width)                                                                                                                                                                                                                                               |\n// | --graupl-button-border-right-width         | var(--graupl-border-right-width)                                                                                                                                                                                                                                             |\n// | --graupl-button-border-bottom-width        | var(--graupl-border-bottom-width)                                                                                                                                                                                                                                            |\n// | --graupl-button-border-left-width          | var(--graupl-border-left-width)                                                                                                                                                                                                                                              |\n// | --graupl-button-border-width               | var(--graupl-button-border-top-width) var(--graupl-button-border-right-width) var(--graupl-button-border-bottom-width) var(--graupl-button-border-left-width)                                                                                                                |\n// | --graupl-button-border-top-style           | var(--graupl-border-top-style)                                                                                                                                                                                                                                               |\n// | --graupl-button-border-right-style         | var(--graupl-border-right-style)                                                                                                                                                                                                                                             |\n// | --graupl-button-border-bottom-style        | var(--graupl-border-bottom-style)                                                                                                                                                                                                                                            |\n// | --graupl-button-border-left-style          | var(--graupl-border-left-style)                                                                                                                                                                                                                                              |\n// | --graupl-button-border-style               | var(--graupl-button-border-top-style) var(--graupl-button-border-right-style) var(--graupl-button-border-bottom-style) var(--graupl-button-border-left-style)                                                                                                                |\n// | --graupl-button-border-top-left-radius     | var(--graupl-border-top-left-radius)                                                                                                                                                                                                                                         |\n// | --graupl-button-border-top-right-radius    | var(--graupl-border-top-right-radius)                                                                                                                                                                                                                                        |\n// | --graupl-button-border-bottom-right-radius | var(--graupl-border-bottom-right-radius)                                                                                                                                                                                                                                     |\n// | --graupl-button-border-bottom-left-radius  | var(--graupl-border-bottom-left-radius)                                                                                                                                                                                                                                      |\n// | --graupl-button-border-radius              | var(--graupl-button-border-top-left-radius) var(--graupl-button-border-top-right-radius) var(--graupl-button-border-bottom-right-radius) var(--graupl-button-border-bottom-left-radius)                                                                                      |\n// | --graupl-button-border-color               | var(--graupl-border-color)                                                                                                                                                                                                                                                   |\n// | --graupl-button-visited-border-color       | var(--graupl-button-border-color)                                                                                                                                                                                                                                            |\n// | --graupl-button-focus-border-color         | var(--graupl-button-border-color)                                                                                                                                                                                                                                            |\n// | --graupl-button-hover-border-color         | var(--graupl-border-color)                                                                                                                                                                                                                                                   |\n// | --graupl-button-active-border-color        | var(--graupl-button-hover-border-color)                                                                                                                                                                                                                                      |\n// | --graupl-button-disabled-border-color      | var(--graupl-theme-active--primary--200)                                                                                                                                                                                                                                     |\n\n@use \"defaults\";\n@use \"../../variables\" as root-variables;\n@use \"../../defaults\" as root-defaults;\n@use \"../../theme/color/variables\" as color;\n@use \"../../theme/typography/variables\" as typography;\n@use \"../../functions/theme\";\n@use \"sass:map\";\n\n// Button properties.\n// --graupl-button-min-width\n$button-min-width: var(\n  --#{root-defaults.$prefix}button-min-width,\n  #{root-defaults.$interactive-min-width}\n);\n\n// --graupl-button-min-height\n$button-min-height: var(\n  --#{root-defaults.$prefix}button-min-height,\n  #{root-defaults.$interactive-min-height}\n);\n\n// --graupl-button-padding-x\n$button-padding-x: var(\n  --#{root-defaults.$prefix}button-padding-x,\n  #{map.get(root-variables.$spacers, 5)}\n);\n\n// --graupl-button-padding-y\n$button-padding-y: var(\n  --#{root-defaults.$prefix}button-padding-y,\n  #{map.get(root-variables.$spacers, 3)}\n);\n\n// --graupl-button-padding\n$button-padding: var(\n  --#{root-defaults.$prefix}button-padding,\n  #{$button-padding-y} #{$button-padding-x}\n);\n\n// --graupl-button-font-size\n$button-font-size: var(\n  --#{root-defaults.$prefix}button-font-size,\n  #{map.get(typography.$font-sizes, base)}\n);\n\n// --graupl-button-transition\n$button-transition: var(\n  --#{root-defaults.$prefix}button-transition,\n  background #{map.get(root-variables.$transition-durations, fast)}\n    #{root-variables.$transition-timing-function},\n  color #{map.get(root-variables.$transition-durations, fast)}\n    #{root-variables.$transition-timing-function},\n  transform #{map.get(root-variables.$transition-durations, fast)}\n    #{root-variables.$transition-timing-function}\n);\n\n// --graupl-button-transition-reduced-motion\n$button-transition-reduced-motion: var(\n  --#{root-defaults.$prefix}button-transition-reduced-motion,\n  background #{map.get(root-variables.$transition-durations, none)}\n    #{root-variables.$transition-timing-function},\n  color #{map.get(root-variables.$transition-durations, none)}\n    #{root-variables.$transition-timing-function}\n);\n\n// Transform properties.\n// --graupl-button-transform\n$button-transform: var(\n  --#{root-defaults.$prefix}button-transform,\n  #{defaults.$button-initial-transform}\n);\n\n// --graupl-button-visited-transform\n$button-visited-transform: var(\n  --#{root-defaults.$prefix}button-visited-transform,\n  #{$button-transform}\n);\n\n// --graupl-button-focus-transform\n$button-focus-transform: var(\n  --#{root-defaults.$prefix}button-focus-transform,\n  #{$button-transform}\n);\n\n// --graupl-button-hover-transform\n$button-hover-transform: var(\n  --#{root-defaults.$prefix}button-hover-transform,\n  #{$button-transform}\n);\n\n// --graupl-button-active-transform\n$button-active-transform: var(\n  --#{root-defaults.$prefix}button-active-transform,\n  #{defaults.$button-final-transform}\n);\n\n// --graupl-button-disabled-transform\n$button-disabled-transform: var(\n  --#{root-defaults.$prefix}button-disabled-transform,\n  #{defaults.$button-disabled-transform}\n);\n$button-transform-states: (\n  default: $button-transform,\n  visited: $button-visited-transform,\n  focus: $button-focus-transform,\n  hover: $button-hover-transform,\n  active: $button-active-transform,\n  disabled: $button-disabled-transform,\n);\n\n// Background properties.\n// --graupl-button-background\n$button-background: var(\n  --#{root-defaults.$prefix}button-background,\n  #{color.$background}\n);\n\n// --graupl-button-visited-background\n$button-visited-background: var(\n  --#{root-defaults.$prefix}button-visited-background,\n  #{$button-background}\n);\n\n// --graupl-button-focus-background\n$button-focus-background: var(\n  --#{root-defaults.$prefix}button-focus-background,\n  #{$button-background}\n);\n\n// --graupl-button-hover-background\n$button-hover-background: var(\n  --#{root-defaults.$prefix}button-hover-background,\n  #{color.$color}\n);\n\n// --graupl-button-active-background\n$button-active-background: var(\n  --#{root-defaults.$prefix}button-active-background,\n  #{$button-hover-background}\n);\n\n// --graupl-button-disabled-background\n$button-disabled-background: var(\n  --#{root-defaults.$prefix}button-disabled-background,\n  #{color.$background}\n);\n$button-background-states: (\n  default: $button-background,\n  visited: $button-visited-background,\n  focus: $button-focus-background,\n  hover: $button-hover-background,\n  active: $button-active-background,\n  disabled: $button-disabled-background,\n);\n\n// Text properties.\n// --graupl-button-color\n$button-color: var(--#{root-defaults.$prefix}button-color, #{color.$color});\n\n// --graupl-button-visited-color\n$button-visited-color: var(\n  --#{root-defaults.$prefix}button-visited-color,\n  #{$button-color}\n);\n\n// --graupl-button-focus-color\n$button-focus-color: var(\n  --#{root-defaults.$prefix}button-focus-color,\n  #{$button-color}\n);\n\n// --graupl-button-hover-color\n$button-hover-color: var(\n  --#{root-defaults.$prefix}button-hover-color,\n  #{color.$background}\n);\n\n// --graupl-button-active-color\n$button-active-color: var(\n  --#{root-defaults.$prefix}button-active-color,\n  #{$button-hover-color}\n);\n\n// --graupl-button-disabled-color\n$button-disabled-color: var(\n  --#{root-defaults.$prefix}button-disabled-color,\n  #{theme.get(primary, 200)}\n);\n$button-color-states: (\n  default: $button-color,\n  visited: $button-visited-color,\n  focus: $button-focus-color,\n  hover: $button-hover-color,\n  active: $button-active-color,\n  disabled: $button-disabled-color,\n);\n\n// Border properties.\n// --graupl-button-border-top-width\n$button-border-top-width: var(\n  --#{root-defaults.$prefix}button-border-top-width,\n  #{root-variables.$border-top-width}\n);\n\n// --graupl-button-border-right-width\n$button-border-right-width: var(\n  --#{root-defaults.$prefix}button-border-right-width,\n  #{root-variables.$border-right-width}\n);\n\n// --graupl-button-border-bottom-width\n$button-border-bottom-width: var(\n  --#{root-defaults.$prefix}button-border-bottom-width,\n  #{root-variables.$border-bottom-width}\n);\n\n// --graupl-button-border-left-width\n$button-border-left-width: var(\n  --#{root-defaults.$prefix}button-border-left-width,\n  #{root-variables.$border-left-width}\n);\n\n// --graupl-button-border-width\n$button-border-width: var(\n  --#{root-defaults.$prefix}button-border-width,\n  #{$button-border-top-width} #{$button-border-right-width}\n    #{$button-border-bottom-width} #{$button-border-left-width}\n);\n\n// --graupl-button-border-top-style\n$button-border-top-style: var(\n  --#{root-defaults.$prefix}button-border-top-style,\n  #{root-variables.$border-top-style}\n);\n\n// --graupl-button-border-right-style\n$button-border-right-style: var(\n  --#{root-defaults.$prefix}button-border-right-style,\n  #{root-variables.$border-right-style}\n);\n\n// --graupl-button-border-bottom-style\n$button-border-bottom-style: var(\n  --#{root-defaults.$prefix}button-border-bottom-style,\n  #{root-variables.$border-bottom-style}\n);\n\n// --graupl-button-border-left-style\n$button-border-left-style: var(\n  --#{root-defaults.$prefix}button-border-left-style,\n  #{root-variables.$border-left-style}\n);\n\n// --graupl-button-border-style\n$button-border-style: var(\n  --#{root-defaults.$prefix}button-border-style,\n  #{$button-border-top-style} #{$button-border-right-style}\n    #{$button-border-bottom-style} #{$button-border-left-style}\n);\n\n// --graupl-button-border-top-left-radius\n$button-border-top-left-radius: var(\n  --#{root-defaults.$prefix}button-border-top-left-radius,\n  #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-button-border-top-right-radius\n$button-border-top-right-radius: var(\n  --#{root-defaults.$prefix}button-border-top-right-radius,\n  #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-button-border-bottom-right-radius\n$button-border-bottom-right-radius: var(\n  --#{root-defaults.$prefix}button-border-bottom-right-radius,\n  #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-button-border-bottom-left-radius\n$button-border-bottom-left-radius: var(\n  --#{root-defaults.$prefix}button-border-bottom-left-radius,\n  #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-button-border-radius\n$button-border-radius: var(\n  --#{root-defaults.$prefix}button-border-radius,\n  #{$button-border-top-left-radius} #{$button-border-top-right-radius}\n    #{$button-border-bottom-right-radius} #{$button-border-bottom-left-radius}\n);\n\n// Border colour properties.\n// --graupl-button-border-color\n$button-border-color: var(\n  --#{root-defaults.$prefix}button-border-color,\n  #{color.$border-color}\n);\n\n// --graupl-button-visited-border-color\n$button-visited-border-color: var(\n  --#{root-defaults.$prefix}button-visited-border-color,\n  #{$button-border-color}\n);\n\n// --graupl-button-focus-border-color\n$button-focus-border-color: var(\n  --#{root-defaults.$prefix}button-focus-border-color,\n  #{$button-border-color}\n);\n\n// --graupl-button-hover-border-color\n$button-hover-border-color: var(\n  --#{root-defaults.$prefix}button-hover-border-color,\n  #{color.$border-color}\n);\n\n// --graupl-button-active-border-color\n$button-active-border-color: var(\n  --#{root-defaults.$prefix}button-active-border-color,\n  #{$button-hover-border-color}\n);\n\n// --graupl-button-disabled-border-color\n$button-disabled-border-color: var(\n  --#{root-defaults.$prefix}button-disabled-border-color,\n  #{theme.get(primary, 200)}\n);\n$button-border-color-states: (\n  default: $button-border-color,\n  visited: $button-visited-border-color,\n  focus: $button-focus-border-color,\n  hover: $button-hover-border-color,\n  active: $button-active-border-color,\n  disabled: $button-disabled-border-color,\n);\n","// @graupl/core state mixins.\n//\n// A series of mixins to tie styles to a state.\n\n@use \"../defaults\" as root-defaults;\n@use \"sass:map\";\n\n/// Applies styles to a specific state.\n///\n/// @param {string} $state\n///   The name of the state to apply the styles to.\n@mixin state($state) {\n  @each $selector in map.get(root-defaults.$state-selectors, $state) {\n    &#{$selector} {\n      @content;\n    }\n  }\n}\n\n/// Generates state modifiers with properties.\n///\n/// @param {map} $state-map\n///   The map of props and states.\n/// @param {string} $selector-base\n///   The selector base for the state modifier.\n/// @param {string} $selector-prefix\n///   The selector prefix for the state modifer.\n@mixin generate-modifiers($state-map) {\n  @each $state, $selectors in root-defaults.$state-selectors {\n    @each $selector in $selectors {\n      // e.g &:visited, &:focus-visible, &:hover, &:active, &:disabled\n      &#{$selector} {\n        @each $prop, $map in $state-map {\n          #{$prop}: map.get($map, $state);\n        }\n\n        // If the state is disabled, we want that to supersede all other states.\n        @if $state == \"disabled\" {\n          @each $sub-state, $sub-selectors in root-defaults.$state-selectors {\n            @if $sub-state != $state {\n              @each $sub-selector in $sub-selectors {\n                // e.g &:visited, &:focus-visible, &:hover, &:active\n                &#{$sub-selector} {\n                  @each $prop, $map in $state-map {\n                    #{$prop}: map.get($map, $state);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","// @graupl/core animation media query mixins.\n\n// A media query for targeting users who have not requested reduced motion.\n@mixin on {\n  @media (prefers-reduced-motion: no-preference) {\n    @content;\n  }\n}\n\n// A media query for targeting users who have requested reduced motion.\n@mixin off {\n  @media (prefers-reduced-motion: reduce) {\n    @content;\n  }\n}\n","// @graupl/core carousel component variables.\n//\n// These values are to be used to directly style components and provide a\n// cleaner way to reference custom properties.\n\n// Custom property defaults:\n// | Custom property                            | Default                                                                                         |\n// | ------------------------------------------ | ----------------------------------------------------------------------------------------------- |\n// | --graupl-carousel-controls-height          | auto                                                                                            |\n// | --graupl-carousel-tabs-width               | 1fr                                                                                             |\n// | --graupl-carousel-tabs-height              | auto                                                                                            |\n// | --graupl-carousel-slide-height             | 1fr                                                                                             |\n// | --graupl-carousel-padding-x                | var(--graupl-spacer-0)                                                                          |\n// | --graupl-carousel-padding-y                | var(--graupl-spacer-0)                                                                          |\n// | --graupl-carousel-padding                  | var(--graupl-carousel-padding-y) var(--graupl-carousel-padding-x)                               |\n// | --graupl-carousel-item-max-width           | 100%                                                                                            |\n// | --graupl-carousel-item-container-padding-x | var(--graupl-spacer-0)                                                                          |\n// | --graupl-carousel-item-container-padding-y | var(--graupl-spacer-0)                                                                          |\n// | --graupl-carousel-item-container-padding   | var(--graupl-carousel-item-container-padding-y) var(--graupl-carousel-item-container-padding-x) |\n// | --graupl-carousel-play-content             | \"'▶'\"                                                                                           |\n// | --graupl-carousel-pause-content            | \"'❚❚'\"                                                                                          |\n// | --graupl-carousel-next-content             | \"'▶'\"                                                                                           |\n// | --graupl-carousel-previous-content         | \"'◀'\"                                                                                           |\n// | --graupl-carousel-control-width            | 4rem                                                                                            |\n// | --graupl-carousel-control-height           | 3rem                                                                                            |\n// | --graupl-carousel-transition-duration      | 500ms                                                                                           |\n// | --graupl-carousel-tab-container-padding-x  | var(--graupl-spacer-3)                                                                          |\n// | --graupl-carousel-tab-container-padding-y  | var(--graupl-spacer-3)                                                                          |\n// | --graupl-carousel-tab-container-padding    | var(--graupl-carousel-tab-container-padding-y) var(--graupl-carousel-tab-container-padding-x)   |\n// | --graupl-carousel-tab-container-gap        | var(--graupl-spacer-3)                                                                          |\n// | --graupl-carousel-color                    | var(--graupl-color)                                                                             |\n// | --graupl-carousel-background               | var(--graupl-background)                                                                        |\n// | --graupl-carousel-border-color             | var(--graupl-border-color)                                                                      |\n// | --graupl-carousel-control-color            | var(--graupl-carousel-color)                                                                    |\n// | --graupl-carousel-control-visited-color    | var(--graupl-carousel-control-color)                                                            |\n// | --graupl-carousel-control-focus-color      | var(--graupl-carousel-control-color)                                                            |\n// | --graupl-carousel-control-hover-color      | var(--graupl-carousel-background)                                                               |\n// | --graupl-carousel-control-active-color     | var(--graupl-carousel-control-hover-color)                                                      |\n// | --graupl-carousel-control-disabled-color   | var(--graupl-theme-active--primary--200)                                                        |\n// | --graupl-carousel-control-background       | var(--graupl-carousel-background)                                                               |\n// | --graupl-carousel-control-visited-background | var(--graupl-carousel-control-background)                                                     |\n// | --graupl-carousel-control-focus-background | var(--graupl-carousel-control-background)                                                      |\n// | --graupl-carousel-control-hover-background | var(--graupl-carousel-color)                                                                   |\n// | --graupl-carousel-control-active-background | var(--graupl-carousel-control-hover-background)                                               |\n// | --graupl-carousel-control-disabled-background | var(--graupl-carousel-background)                                                             |\n// | --graupl-carousel-control-border-color     | var(--graupl-carousel-border-color)                                                             |\n// | --graupl-carousel-control-visited-border-color | var(--graupl-carousel-control-border-color)                                                  |\n// | --graupl-carousel-control-focus-border-color | var(--graupl-carousel-control-border-color)                                                  |\n// | --graupl-carousel-control-hover-border-color | var(--graupl-carousel-control-border-color)                                                  |\n// | --graupl-carousel-control-active-border-color | var(--graupl-carousel-control-hover-border-color)                                           |\n// | --graupl-carousel-control-disabled-border-color | var(--graupl-theme-active--primary--200)                                                   |\n// | --graupl-carousel-tab-color                 | var(--graupl-carousel-color)                                                                    |\n// | --graupl-carousel-tab-visited-color         | var(--graupl-carousel-tab-color)                                                                |\n// | --graupl-carousel-tab-focus-color           | var(--graupl-carousel-tab-color)                                                                |\n// | --graupl-carousel-tab-hover-color           | var(--graupl-carousel-background)                                                               |\n// | --graupl-carousel-tab-active-color          | var(--graupl-carousel-tab-hover-color)                                                          |\n// | --graupl-carousel-tab-disabled-color        | var(--graupl-theme-active--primary--200)                                                        |\n// | --graupl-carousel-tab-background            | var(--graupl-carousel-background)                                                               |\n// | --graupl-carousel-tab-visited-background    | var(--graupl-carousel-tab-background)                                                           |\n// | --graupl-carousel-tab-focus-background      | var(--graupl-carousel-tab-background)                                                           |\n// | --graupl-carousel-tab-hover-background      | var(--graupl-carousel-color)                                                                    |\n// | --graupl-carousel-tab-active-background     | var(--graupl-carousel-tab-hover-background)                                                     |\n// | --graupl-carousel-tab-disabled-background   | var(--graupl-carousel-background)                                                               |\n// | --graupl-carousel-tab-border-color          | var(--graupl-carousel-border-color)                                                             |\n// | --graupl-carousel-tab-visited-border-color  | var(--graupl-carousel-tab-border-color)                                                         |\n// | --graupl-carousel-tab-focus-border-color    | var(--graupl-carousel-tab-border-color)                                                         |\n// | --graupl-carousel-tab-hover-border-color    | var(--graupl-carousel-tab-border-color)                                                         |\n// | --graupl-carousel-tab-active-border-color   | var(--graupl-carousel-tab-hover-border-color)                                                   |\n// | --graupl-carousel-tab-disabled-border-color | var(--graupl-theme-active--primary--200)                                                        |\n\n@use \"defaults\";\n@use \"../../defaults\" as root-defaults;\n@use \"../../variables\" as root-variables;\n@use \"../../functions/theme\";\n@use \"../../theme/color/variables\" as color;\n@use \"../../base/button/variables\" as button-variables;\n@use \"sass:map\";\n\n// Carousel grid area properties.\n// --graupl-carousel-controls-height\n$carousel-controls-height: var(\n  --#{root-defaults.$prefix}carousel-controls-height,\n  #{defaults.$carousel-controls-height}\n);\n\n// --graupl-carousel-tabs-width\n$carousel-tabs-width: var(\n  --#{root-defaults.$prefix}carousel-tabs-width,\n  #{defaults.$carousel-tabs-width}\n);\n\n// --graupl-carousel-tabs-height\n$carousel-tabs-height: var(\n  --#{root-defaults.$prefix}carousel-tabs-height,\n  #{defaults.$carousel-tabs-height}\n);\n\n// --graupl-carousel-slide-height\n$carousel-slide-height: var(\n  --#{root-defaults.$prefix}carousel-slide-height,\n  #{defaults.$carousel-slide-height}\n);\n\n// Carousel color properties.\n// --graupl-carousel-color\n$carousel-color: var(--#{root-defaults.$prefix}carousel-color, #{color.$color});\n\n// --graupl-carousel-background\n$carousel-background: var(\n  --#{root-defaults.$prefix}carousel-background,\n  #{color.$background}\n);\n\n// --graupl-carousel-border-color\n$carousel-border-color: var(\n  --#{root-defaults.$prefix}carousel-border-color,\n  #{color.$border-color}\n);\n\n// Carousel properties.\n// --graupl-carousel-padding-x\n$carousel-padding-x: var(\n  --#{root-defaults.$prefix}carousel-padding-x,\n  #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-carousel-padding-y\n$carousel-padding-y: var(\n  --#{root-defaults.$prefix}carousel-padding-y,\n  #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-carousel-padding\n$carousel-padding: var(\n  --#{root-defaults.$prefix}carousel-padding,\n  #{$carousel-padding-y} #{$carousel-padding-x}\n);\n\n// Carousel slide properties.\n// --graupl-carousel-item-max-width\n$carousel-item-max-width: var(\n  --#{root-defaults.$prefix}carousel-item-max-width,\n  #{defaults.$carousel-item-max-width}\n);\n\n// --graupl-carousel-item-container-padding-x\n$carousel-item-container-padding-x: var(\n  --#{root-defaults.$prefix}carousel-item-container-padding-x,\n  #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-carousel-item-container-padding-y\n$carousel-item-container-padding-y: var(\n  --#{root-defaults.$prefix}carousel-item-container-padding-y,\n  #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-carousel-item-container-padding\n$carousel-item-container-padding: var(\n  --#{root-defaults.$prefix}carousel-item-container-padding,\n  #{$carousel-item-container-padding-y} #{$carousel-item-container-padding-x}\n);\n\n// Carousel control properties.\n// --graupl-carousel-control-color\n$carousel-control-color: var(\n  --#{root-defaults.$prefix}carousel-control-color,\n  #{$carousel-color}\n);\n\n// --graupl-carousel-control-visited-color\n$carousel-control-visited-color: var(\n  --#{root-defaults.$prefix}carousel-control-visited-color,\n  #{$carousel-control-color}\n);\n\n// --graupl-carousel-control-focus-color\n$carousel-control-focus-color: var(\n  --#{root-defaults.$prefix}carousel-control-focus-color,\n  #{$carousel-control-color}\n);\n\n// --graupl-carousel-control-hover-color\n$carousel-control-hover-color: var(\n  --#{root-defaults.$prefix}carousel-control-hover-color,\n  #{$carousel-background}\n);\n\n// --graupl-carousel-control-active-color\n$carousel-control-active-color: var(\n  --#{root-defaults.$prefix}carousel-control-active-color,\n  #{$carousel-control-hover-color}\n);\n\n// --graupl-carousel-control-disabled-color\n$carousel-control-disabled-color: var(\n  --#{root-defaults.$prefix}carousel-control-disabled-color,\n  #{theme.get(primary, 200)}\n);\n$carousel-control-color-states: (\n  default: $carousel-control-color,\n  visited: $carousel-control-visited-color,\n  focus: $carousel-control-focus-color,\n  hover: $carousel-control-hover-color,\n  active: $carousel-control-active-color,\n  disabled: $carousel-control-disabled-color,\n);\n\n// --graupl-carousel-control-background\n$carousel-control-background: var(\n  --#{root-defaults.$prefix}carousel-control-background,\n  #{$carousel-background}\n);\n\n// --graupl-carousel-control-visited-background\n$carousel-control-visited-background: var(\n  --#{root-defaults.$prefix}carousel-control-visited-background,\n  #{$carousel-control-background}\n);\n\n// --graupl-carousel-control-focus-background\n$carousel-control-focus-background: var(\n  --#{root-defaults.$prefix}carousel-control-focus-background,\n  #{$carousel-control-background}\n);\n\n// --graupl-carousel-control-hover-background\n$carousel-control-hover-background: var(\n  --#{root-defaults.$prefix}carousel-control-hover-background,\n  #{$carousel-color}\n);\n\n// --graupl-carousel-control-active-background\n$carousel-control-active-background: var(\n  --#{root-defaults.$prefix}carousel-control-active-background,\n  #{$carousel-control-hover-background}\n);\n\n// --graupl-carousel-control-disabled-background\n$carousel-control-disabled-background: var(\n  --#{root-defaults.$prefix}carousel-control-disabled-background,\n  #{$carousel-background}\n);\n$carousel-control-background-states: (\n  default: $carousel-control-background,\n  visited: $carousel-control-visited-background,\n  focus: $carousel-control-focus-background,\n  hover: $carousel-control-hover-background,\n  active: $carousel-control-active-background,\n  disabled: $carousel-control-disabled-background,\n);\n\n// --graupl-carousel-control-border-color\n$carousel-control-border-color: var(\n  --#{root-defaults.$prefix}carousel-control-border-color,\n  #{$carousel-border-color}\n);\n\n// --graupl-carousel-control-visited-border-color\n$carousel-control-visited-border-color: var(\n  --#{root-defaults.$prefix}carousel-control-visited-border-color,\n  #{$carousel-control-border-color}\n);\n\n// --graupl-carousel-control-focus-border-color\n$carousel-control-focus-border-color: var(\n  --#{root-defaults.$prefix}carousel-control-focus-border-color,\n  #{$carousel-control-border-color}\n);\n\n// --graupl-carousel-control-hover-border-color\n$carousel-control-hover-border-color: var(\n  --#{root-defaults.$prefix}carousel-control-hover-border-color,\n  #{$carousel-control-border-color}\n);\n\n// --graupl-carousel-control-active-border-color\n$carousel-control-active-border-color: var(\n  --#{root-defaults.$prefix}carousel-control-active-border-color,\n  #{$carousel-control-hover-border-color}\n);\n\n// --graupl-carousel-control-disabled-border-color\n$carousel-control-disabled-border-color: var(\n  --#{root-defaults.$prefix}carousel-control-disabled-border-color,\n  #{theme.get(primary, 200)}\n);\n$carousel-control-border-color-states: (\n  default: $carousel-control-border-color,\n  visited: $carousel-control-visited-border-color,\n  focus: $carousel-control-focus-border-color,\n  hover: $carousel-control-hover-border-color,\n  active: $carousel-control-active-border-color,\n  disabled: $carousel-control-disabled-border-color,\n);\n\n// --graupl-carousel-play-content\n$carousel-play-content: var(\n  --#{root-defaults.$prefix}carousel-play-content,\n  #{defaults.$carousel-play-content}\n);\n\n// --graupl-carousel-pause-content\n$carousel-pause-content: var(\n  --#{root-defaults.$prefix}carousel-pause-content,\n  #{defaults.$carousel-pause-content}\n);\n\n// --graupl-carousel-next-content\n$carousel-next-content: var(\n  --#{root-defaults.$prefix}carousel-next-content,\n  #{defaults.$carousel-next-content}\n);\n\n// --graupl-carousel-previous-content\n$carousel-previous-content: var(\n  --#{root-defaults.$prefix}carousel-previous-content,\n  #{defaults.$carousel-previous-content}\n);\n\n// --graupl-carousel-control-width\n$carousel-control-width: var(\n  --#{root-defaults.$prefix}carousel-control-width,\n  #{defaults.$carousel-control-width}\n);\n\n// --graupl-carousel-control-height\n$carousel-control-height: var(\n  --#{root-defaults.$prefix}carousel-control-height,\n  #{defaults.$carousel-control-height}\n);\n\n// Carousel transition properties.\n// --graupl-carousel-transition-duration\n$carousel-transition-duration: var(\n  --#{root-defaults.$prefix}carousel-transition-duration,\n  #{defaults.$carousel-transition-duration}\n);\n\n// Carousel tab properties.\n// --graupl-carousel-tab-color\n$carousel-tab-color: var(\n  --#{root-defaults.$prefix}carousel-tab-color,\n  #{$carousel-color}\n);\n\n// --graupl-carousel-tab-visited-color\n$carousel-tab-visited-color: var(\n  --#{root-defaults.$prefix}carousel-tab-visited-color,\n  #{$carousel-tab-color}\n);\n\n// --graupl-carousel-tab-focus-color\n$carousel-tab-focus-color: var(\n  --#{root-defaults.$prefix}carousel-tab-focus-color,\n  #{$carousel-tab-color}\n);\n\n// --graupl-carousel-tab-hover-color\n$carousel-tab-hover-color: var(\n  --#{root-defaults.$prefix}carousel-tab-hover-color,\n  #{$carousel-background}\n);\n\n// --graupl-carousel-tab-active-color\n$carousel-tab-active-color: var(\n  --#{root-defaults.$prefix}carousel-tab-active-color,\n  #{$carousel-tab-hover-color}\n);\n\n// --graupl-carousel-tab-disabled-color\n$carousel-tab-disabled-color: var(\n  --#{root-defaults.$prefix}carousel-tab-disabled-color,\n  #{theme.get(primary, 200)}\n);\n$carousel-tab-color-states: (\n  default: $carousel-tab-color,\n  visited: $carousel-tab-visited-color,\n  focus: $carousel-tab-focus-color,\n  hover: $carousel-tab-hover-color,\n  active: $carousel-tab-active-color,\n  disabled: $carousel-tab-disabled-color,\n);\n\n// --graupl-carousel-tab-background\n$carousel-tab-background: var(\n  --#{root-defaults.$prefix}carousel-tab-background,\n  #{$carousel-background}\n);\n\n// --graupl-carousel-tab-visited-background\n$carousel-tab-visited-background: var(\n  --#{root-defaults.$prefix}carousel-tab-visited-background,\n  #{$carousel-tab-background}\n);\n\n// --graupl-carousel-tab-focus-background\n$carousel-tab-focus-background: var(\n  --#{root-defaults.$prefix}carousel-tab-focus-background,\n  #{$carousel-tab-background}\n);\n\n// --graupl-carousel-tab-hover-background\n$carousel-tab-hover-background: var(\n  --#{root-defaults.$prefix}carousel-tab-hover-background,\n  #{$carousel-color}\n);\n\n// --graupl-carousel-tab-active-background\n$carousel-tab-active-background: var(\n  --#{root-defaults.$prefix}carousel-tab-active-background,\n  #{$carousel-tab-hover-background}\n);\n\n// --graupl-carousel-tab-disabled-background\n$carousel-tab-disabled-background: var(\n  --#{root-defaults.$prefix}carousel-tab-disabled-background,\n  #{$carousel-background}\n);\n$carousel-tab-background-states: (\n  default: $carousel-tab-background,\n  visited: $carousel-tab-visited-background,\n  focus: $carousel-tab-focus-background,\n  hover: $carousel-tab-hover-background,\n  active: $carousel-tab-active-background,\n  disabled: $carousel-tab-disabled-background,\n);\n\n// --graupl-carousel-tab-border-color\n$carousel-tab-border-color: var(\n  --#{root-defaults.$prefix}carousel-tab-border-color,\n  #{$carousel-border-color}\n);\n\n// --graupl-carousel-tab-visited-border-color\n$carousel-tab-visited-border-color: var(\n  --#{root-defaults.$prefix}carousel-tab-visited-border-color,\n  #{$carousel-tab-border-color}\n);\n\n// --graupl-carousel-tab-focus-border-color\n$carousel-tab-focus-border-color: var(\n  --#{root-defaults.$prefix}carousel-tab-focus-border-color,\n  #{$carousel-tab-border-color}\n);\n\n// --graupl-carousel-tab-hover-border-color\n$carousel-tab-hover-border-color: var(\n  --#{root-defaults.$prefix}carousel-tab-hover-border-color,\n  #{$carousel-tab-border-color}\n);\n\n// --graupl-carousel-tab-active-border-color\n$carousel-tab-active-border-color: var(\n  --#{root-defaults.$prefix}carousel-tab-active-border-color,\n  #{$carousel-tab-hover-border-color}\n);\n\n// --graupl-carousel-tab-disabled-border-color\n$carousel-tab-disabled-border-color: var(\n  --#{root-defaults.$prefix}carousel-tab-disabled-border-color,\n  #{theme.get(primary, 200)}\n);\n$carousel-tab-border-color-states: (\n  default: $carousel-tab-border-color,\n  visited: $carousel-tab-visited-border-color,\n  focus: $carousel-tab-focus-border-color,\n  hover: $carousel-tab-hover-border-color,\n  active: $carousel-tab-active-border-color,\n  disabled: $carousel-tab-disabled-border-color,\n);\n\n// --graupl-carousel-tab-container-padding-x\n$carousel-tab-container-padding-x: var(\n  --#{root-defaults.$prefix}carousel-tab-container-padding-x,\n  #{map.get(root-variables.$spacers, 3)}\n);\n\n// --graupl-carousel-tab-container-padding-y\n$carousel-tab-container-padding-y: var(\n  --#{root-defaults.$prefix}carousel-tab-container-padding-y,\n  #{map.get(root-variables.$spacers, 3)}\n);\n\n// --graupl-carousel-tab-container-padding\n$carousel-tab-container-padding: var(\n  --#{root-defaults.$prefix}carousel-tab-container-padding,\n  #{$carousel-tab-container-padding-y} #{$carousel-tab-container-padding-x}\n);\n\n// --graupl-carousel-tab-container-gap\n$carousel-tab-container-gap: var(\n  --#{root-defaults.$prefix}carousel-tab-container-gap,\n  #{map.get(root-variables.$spacers, 3)}\n);\n","// @graupl/core theme mixins.\n//\n// A series of mixins to tie styles to a theme-mode.\n\n@use \"../functions/theme\";\n@use \"../theme/color/defaults\" as color-defaults;\n@use \"../defaults\" as root-defaults;\n@use \"sass:map\";\n\n/// Applies styles to a specific theme mode.\n///\n/// @param {string} $theme-name\n///   The name of the theme mode to apply the styles to.\n@mixin theme($theme-name) {\n  #{color-defaults.$theme-selector-base}#{color-defaults.$theme-selector-prefix}#{$theme-name}#{color-defaults.$theme-selector-suffix} {\n    @content;\n  }\n}\n\n/// Generates a theme modifiers with custom props.\n///\n/// @param {map} $theme-map\n///   The map of custom props.\n/// @param {string} $selector-base\n///   The selector base for the theme modifier.\n/// @param {string} $selector-prefix\n///   The selector prefix for the theme modifer.\n/// @param {string} $scope\n///   The scope of the custom properties.\n/// @param {string} $base\n///   The base selector to append the theme modifier to.\n@mixin generate-modifiers(\n  $theme-map,\n  $selector-base,\n  $selector-prefix,\n  $scope: \"\",\n  $base: \"&\"\n) {\n  @each $color, $map in $theme-map {\n    // e.g. &.primary, &.secondary, &.tertiary\n    #{$base}#{$selector-base}#{$selector-prefix}#{$color} {\n      @each $prop, $value in $map {\n        --#{root-defaults.$prefix}#{$scope}#{$prop}: #{theme.get(\n            map.get($value, color),\n            map.get($value, shade)\n          )};\n      }\n    }\n  }\n}\n"],"names":[]}