{"version":3,"sources":["webpack://./src/components/magicbutton/_magicbutton.scss"],"names":[],"mappings":"AAwDA,iBA9CE,yCAAA,CACA,mCAAA,CACA,uCAAA,CACA,wCAAA,CACA,8CAAA,CACA,iJAAA,CAGA,gCAAA,CACA,sCAAA,CACA,uCAAA,CACA,sCAAA,CACA,gDAAA,CACA,6CAAA,CACA,8CAAA,CACA,6CAAA,CAIA,mBAAA,CACA,iBAXF,CAeE,4BACE,kCAAA,CACA,2CAAA,CACA,iCAAA,CACA,mCAAA,CACA,yCAAA,CACA,uCAAA,CACA,4FAAA,CAEA,8BAdJ,CAoBI,uBACE,+BAAA,CACA,+CAlBN,CAgBI,wBACE,gCAAA,CACA,gDAdN,CAYI,uBACE,+BAAA,CACA,+CAVN","file":"magicbutton.min.css","sourcesContent":["@import \"../../partial/scss/base\";\n\n@mixin magic {\n  @include magic-tokens;\n  @include magic-base;\n  @include magic-button;\n  @include magic-sizes;\n}\n\n@mixin magic-tokens {\n  --magic-background: var(--color-highlight);\n  --magic-rgb: var(--rgb-secondary-01);\n  --magic-color: var(--color-secondary-01);\n  --magic-border: var(--color-secondary-03);\n  --magic-font-size: var(--font-size-scale-up-02);\n  --magic-shadow: var(--surface-offset-none) var(--surface-offset-md)\n    var(--surface-blur-md)\n    rgba(var(--rgb-secondary-09), var(--surface-opacity-xs));\n  --magic-size: var(--magic-medium);\n  --magic-small: var(--spacing-scale-4xh);\n  --magic-medium: var(--spacing-scale-5xh);\n  --magic-large: var(--spacing-scale-6xh);\n  --magic-support-size: var(--magic-support-medium);\n  --magic-support-small: var(--spacing-scale-7x);\n  --magic-support-medium: var(--spacing-scale-8x);\n  --magic-support-large: var(--spacing-scale-9x);\n}\n\n@mixin magic-base {\n  display: inline-flex;\n  position: relative;\n}\n\n@mixin magic-button {\n  .#{$prefix}button {\n    --interactive-rgb: var(--magic-rgb);\n    --button-background: var(--magic-background);\n    --button-color: var(--magic-color);\n    --button-border: var(--magic-border);\n    --button-font-size: var(--magic-font-size);\n    --button-size: var(--magic-support-size);\n    border: var(--magic-border) solid\n      calc((var(--magic-support-size) - var(--magic-size)) * 0.5);\n    box-shadow: var(--magic-shadow);\n  }\n}\n\n@mixin magic-sizes {\n  @each $size in small, medium, large {\n    &.#{$size} {\n      --magic-size: var(--magic-#{$size});\n      --magic-support-size: var(--magic-support-#{$size});\n    }\n  }\n}\n\n.#{$prefix}magic-button {\n  @include magic;\n}\n"]}