{"version":3,"sources":["webpack:///./src/components/divider/_divider.scss"],"names":[],"mappings":"AA0EA;;EA/DE;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;AAXF;AAeE;;EACE;EACA;EACA;EACA;AAZJ;AAaI;;;EAEE;EACA;EACA;EACA;EACA;EACA;AAVN;AAYI;;EACE;AATN;AAWI;;EACE;AARN;AAcE;;EACE;EACA;EACA;AAXJ;AAYI;;EACE;AATN;AAUM;;;EAEE;EACA;EACA;AAPR;AAcE;;EACE;AAXJ;;AAoBA;EACE;EACA;AAjBF,C","file":"components/divider/divider.css","sourcesContent":["@import \"../../partial/scss/base\";\n\n@mixin divider-component {\n  @include divider-tokens;\n  @include divider-base;\n  @include divider-content;\n  @include divider-vertical;\n  @include divider-inverted;\n}\n\n@mixin divider-tokens {\n  --divider-style: solid;\n  --divider-color: var(--divider-light);\n  --divider-padding: var(--spacing-scale-base);\n  --divider-size: 1px;\n  --divider-light: var(--color-secondary-04);\n  --divider-dark: var(--color-secondary-01);\n}\n\n@mixin divider-base {\n  border-color: var(--divider-color);\n  border-style: var(--divider-style);\n  border-width: 0;\n  border-top-width: var(--divider-size);\n  display: block;\n}\n\n@mixin divider-content {\n  &.content {\n    align-items: center;\n    border: 0;\n    display: flex;\n    justify-content: center;\n    &::after,\n    &::before {\n      border-color: var(--divider-color);\n      border-style: var(--divider-style);\n      border-width: 0;\n      border-top-width: var(--divider-size);\n      content: \"\";\n      flex: 1;\n    }\n    &::after {\n      margin-left: var(--divider-padding);\n    }\n    &::before {\n      margin-right: var(--divider-padding);\n    }\n  }\n}\n\n@mixin divider-vertical {\n  &.vertical {\n    align-self: stretch;\n    border-right-width: var(--divider-size);\n    border-top-width: 0;\n    &.content {\n      flex-direction: column;\n      &::after,\n      &::before {\n        border-right-width: var(--divider-size);\n        border-top-width: 0;\n        margin: 0;\n      }\n    }\n  }\n}\n\n@mixin divider-inverted {\n  &.inverted {\n    --divider-color: var(--color-secondary-01);\n  }\n}\n\n.#{$prefix}divider,\nhr {\n  @include divider-component;\n}\n\nhr {\n  --divider-padding: var(--spacing-scale-2x);\n  margin: var(--divider-padding) 0;  \n}\n"],"sourceRoot":""}