{"version":3,"file":"components/card/card.css","mappings":"AAKA;ECME;EACA;EAMA;EACA;EACA;EACA;ADdF;ACgBE;;EAEE;ADdJ;ACgBI;;EACE;ADbN;ACiBE;;EAEE;ADfJ;ACkBE;;EAEE;ADhBJ;ACsBI;EACE;EACA;ADpBN;AE1BE;EACE;EACA;AF4BJ;AEzBE;EACE;AF2BJ;AExBE;EACE;AF0BJ;AEtBI;EACE;AFwBN;ACWI;EACE;ADTN;ACgBI;EACE;ADdN;ACoBE;EE3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0BF,C","sources":["webpack://core/./src/components/card/_card.scss","webpack://core/./src/components/card/_mixins.scss","webpack://core/./src/partial/scss/mixins/_scrollbar.scss","webpack://core/./src/partial/scss/mixins/_states.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}card {\n  @include card-configs;\n}\n","/// Carregar blocos internos\n/// @group Card\n@mixin card-configs {\n  @include card-tokens;\n  @include card-default;\n  @include card-h-fixed;\n  @include card-hover;\n  @include card-dark-mode;\n}\n\n@mixin card-tokens {\n  --card-padding: var(--spacing-scale-2x);\n  --card-height-fixed: 250px;\n}\n\n/// Criar configuração básica\n/// @group Card\n@mixin card-default {\n  background: var(--background);\n  box-shadow: var(--surface-shadow-sm);\n  color: var(--color);\n  margin-bottom: var(--spacing-scale-2x);\n\n  .card-content,\n  .front .content {\n    padding: var(--card-padding);\n    // Remove espaçamento extra de elementos com margem pra baixo\n    *:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .front .header,\n  .card-header {\n    padding: var(--card-padding) var(--card-padding) 0;\n  }\n\n  .front .footer,\n  .card-footer {\n    padding: 0 var(--card-padding) var(--card-padding);\n  }\n}\n\n@mixin card-h-fixed {\n  &.h-fixed {\n    .card-content {\n      max-height: var(--card-height-fixed);\n      overflow-y: auto;\n      @include scrollbar;\n    }\n\n    .card-footer {\n      padding-top: var(--card-padding);\n    }\n  }\n}\n\n@mixin card-hover {\n  &.hover {\n    &:hover {\n      background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));\n    }\n  }\n}\n\n@mixin card-dark-mode {\n  &.inverted,\n  &.dark-mode {\n    @include dark-mode;\n  }\n}\n","@mixin scrollbar {\n  &::-webkit-scrollbar {\n    height: var(--spacing-scale-base);\n    width: var(--spacing-scale-base);\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--gray-10);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: var(--gray-30);\n  }\n\n  &:hover {\n    &::-webkit-scrollbar-thumb {\n      background: var(--gray-40);\n    }\n  }\n}\n","// Desabilitado\n@mixin disabled {\n  cursor: not-allowed;\n  opacity: var(--disabled);\n\n  * {\n    pointer-events: none;\n  }\n}\n\n// Dark mode\n@mixin dark-mode(\n  $color: \"color-dark\",\n  $color-rgb: \"color-dark-rgb\",\n  $text-color: $color,\n  $interactive: \"interactive-dark\",\n  $interactive-rgb: \"interactive-dark-rgb\",\n  $visited: \"visited-dark\",\n  $hover: \"hover-dark\",\n  $pressed: \"pressed-dark\",\n  $focus-color: \"focus-color-dark\",\n  $focus: $focus-color\n) {\n  --color: var(--#{$color});\n  --color-rgb: var(--#{$color-rgb});\n  --text-color: var(--#{$text-color});\n  --interactive: var(--#{$interactive});\n  --interactive-rgb: var(--#{$interactive-rgb});\n  --visited: var(--#{$visited});\n  --hover: var(--#{$hover});\n  --pressed: var(--#{$pressed});\n  --focus-color: var(--#{$focus-color});\n  --focus: var(--#{$focus});\n}\n@mixin light-mode(\n  $color: \"color-light\",\n  $color-rgb: \"color-light-rgb\",\n  $text-color: $color,\n  $interactive: \"interactive-light\",\n  $interactive-rgb: \"interactive-light-rgb\",\n  $visited: \"visited-light\",\n  $hover: \"hover-light\",\n  $pressed: \"pressed-light\",\n  $focus-color: \"focus-color-light\",\n  $focus: $focus-color\n) {\n  --color: var(--#{$color});\n  --color-rgb: var(--#{$color-rgb});\n  --text-color: var(--#{$text-color});\n  --interactive: var(--#{$interactive});\n  --interactive-rgb: var(--#{$interactive-rgb});\n  --visited: var(--#{$visited});\n  --hover: var(--#{$hover});\n  --pressed: var(--#{$pressed});\n  --focus-color: var(--#{$focus-color});\n  --focus: var(--#{$focus});\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}