{"version":3,"sources":["../../../../../src/components/stackctx/stackctx.scss","../../../../../src/components/form/textarea/textarea.scss"],"names":[],"mappings":"AAAA,eAEE,qBAAA,CADA,iBAEF,CACE,uFAEE,uBAAJ,CCNA,eACE,2BAAA,CACA,2BAAA,CACA,4DAAA,CACA,gEAAA,CACA,gEAAA,CAGA,kBAAA,CADA,eAAA,CAEA,0CAAA,CACA,mCAAA,CACA,0CAAA,CACA,qBAAA,CACA,kCAAA,CACA,oDAAA,CACA,wCAAA,CACA,4CAAA,CACA,wDAAA,CACA,QAAA,CAIA,cAAA,CAHA,4CAAA,CACA,6CAAA,CACA,iBACF,CAEE,sBACE,mDAAJ,CAGE,sBACE;;GAEJ,CAIE,wBACE,wDAAA,CACA,4DAAA,CACA,4DAFJ,CAWE,iDALE,6DAAA,CACA,iEAAA,CACA,4DAMJ,CAHE,yBAIE,wEAAA,CAGA,uEAJJ,CAOE,uEAGE,mCAAA,CACA,UAPJ,CAUE,4BACE,mCARJ,CAWE,0BACE,UATJ,CAYE,oCACE,4BAVJ,CAaE,yCAEE,mCAAA,CACA,qBAAA,CACA,0CAAA,CAHA,mBAAA,CAIA,iBAAA,CACA,0BAXJ","file":"textarea.css","sourcesContent":[".mykn-stackctx {\n  position: relative;\n  box-sizing: border-box;\n\n  &:has(.mykn-icon) .mykn-input,\n  &:has(.mykn-icon) .mykn-select {\n    padding-inline-end: 30px;\n  }\n}\n",".mykn-textarea {\n  --mykn-textarea-padding-v: 0;\n  --mykn-textarea-padding-h: 0;\n  --mykn-textarea-font-size: var(--typography-font-size-body-s);\n  --mykn-textarea-font-weight: var(--typography-font-weight-normal);\n  --mykn-textarea-line-height: var(--typography-line-height-body-s);\n\n  appearance: none;\n  align-items: center;\n  background: var(--form-textarea-background);\n  border: 1px solid var(--form-border);\n  border-radius: var(--sizes-border-radius-s);\n  box-sizing: border-box;\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body), serif;\n  font-size: var(--mykn-textarea-font-size);\n  font-weight: var(--mykn-textarea-font-weight);\n  line-height: calc(var(--mykn-textarea-line-height) - 2px);\n  margin: 0;\n  padding-block: var(--mykn-textarea-padding-v);\n  padding-inline: var(--mykn-textarea-padding-h);\n  position: relative;\n  max-width: 100%;\n\n  &--pad-h {\n    --mykn-textarea-padding-h: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    --mykn-textarea-padding-v: var(\n      --mykn-textarea-padding-xs,\n      var(--sizes-spacing-xs-v)\n    );\n  }\n\n  &--size-xl {\n    --mykn-textarea-font-size: var(--typography-font-size-xl);\n    --mykn-textarea-line-height: var(--typography-line-height-xl);\n    --mykn-textarea-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xs {\n    --mykn-textarea-font-size: var(--typography-font-size-body-xs);\n    --mykn-textarea-line-height: var(--typography-line-height-body-xs);\n    --mykn-textarea-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xxs {\n    --mykn-textarea-font-size: var(--typography-font-size-body-xs);\n    --mykn-textarea-line-height: var(--typography-line-height-body-xs);\n    --mykn-textarea-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n    --mykn-textarea-height: calc(\n      3 * var(--sizes-spacing-xs-h) + 2px\n    ) !important;\n    --mykn-textarea-width: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n  }\n\n  &:disabled,\n  &--disabled,\n  &--muted {\n    color: var(--typography-color-muted);\n    opacity: 0.4;\n  }\n\n  &::placeholder {\n    color: var(--typography-color-muted);\n  }\n\n  &[maxlength] {\n    width: auto;\n  }\n\n  &--variant-transparent {\n    background-color: transparent;\n  }\n\n  .mykn-stackctx & + .mykn-icon {\n    pointer-events: none;\n    color: var(--typography-color-muted);\n    inset-block-start: 50%;\n    inset-inline-end: var(--sizes-spacing-xs-h);\n    position: absolute;\n    transform: translateY(-50%);\n  }\n}\n"]}