{"version":3,"sources":["../../../../../src/components/stackctx/stackctx.scss","../../../../../src/components/form/input/input.scss","../../../../../src/components/form/label/label.scss","../../../../../src/components/form/durationinput/durationinput.scss"],"names":[],"mappings":"AAAA,eAEE,qBAAA,CADA,iBAEF,CACE,uFAEE,uBAAJ,CCNA,YACE,wBAAA,CACA,wBAAA,CACA,yDAAA,CACA,6DAAA,CACA,6DAAA,CAGA,kBAAA,CADA,eAAA,CAEA,uCAAA,CACA,mCAAA,CACA,0CAAA,CACA,qBAAA,CACA,kCAAA,CACA,8CAAA,CACA,qCAAA,CACA,yCAAA,CACA,qDAAA,CACA,QAAA,CAIA,cAAA,CAHA,yCAAA,CACA,0CAAA,CACA,iBACF,CAEE,mBACE,gDAAJ,CAGE,mBACE;;GAEJ,CAIE,qBACE,qDAAA,CACA,yDAAA,CACA,yDAFJ,CAWE,2CALE,0DAAA,CACA,8DAAA,CACA,yDAIJ,CADE,sBAIE,qEAAA,CACA,oEAJJ,CAOE,8DAGE,mCAAA,CACA,UAPJ,CAUE,yBACE,mCARJ,CAWE,yCAEE,UAVJ,CAaE,mDAEE,cAAA,CACA,WAAA,CACA,cAAA,CACA,cAAA,CACA,UAZJ,CAgBI,mCACE,uDAdN,CAiBI,0CACE,iDAAA,CAKA,UAAA,CAKA,WAAA,CAFA,MAAA,CAPA,8RAAA,CACA,oBAAA,CACA,qBAAA,CACA,0BAAA,CAEA,iBAAA,CACA,KAAA,CAEA,UAdN,CAmBE,wBACE,qDAAA,CACA,iBAjBJ,CAmBI,uCACE,oDAAA,CACA,iBAAA,CACA,UAAA,CAMA,WAAA,CAHA,QAAA,CAFA,iBAAA,CACA,OAAA,CAEA,8BAAA,CACA,UAhBN,CAqBE,wBACE,eAAA,CACA,eAAA,CACA,SAnBJ,CAqBI,sDACE,SAnBN,CAsBI,8CACE,WApBN,CAuBI,6DAEE,kBAAA,CACA,4BAAA,CACA,mBAAA,CACA,YAAA,CACA,UAAA,CACA,QAAA,CACA,iBAAA,CACA,OAAA,CACA,8BAtBN,CAyBI,+BAEE,6CAAA,CACA,iBAAA,CACA,iBAAA,CAHA,UAAA,CAIA,2DAvBN,CA2BE,uBACE,8BAzBJ,CA4BE,iCACE,4BA1BJ,CA6BE,sCAEE,mCAAA,CACA,qBAAA,CACA,0CAAA,CAHA,mBAAA,CAIA,iBAAA,CACA,0BA3BJ,CC3IA,YACE,kCAAA,CACA,8CAAA,CACA,6CAAA,CACA,gDAAA,CACA,iDACF,CACE,kBACE,+BAAA,CACA,8CACJ,CCTE,6CACE,SAAA,CACA,iBAAA,CACA,iBAAA,CACA,OAAA,CACA,WAAJ,CAGE,4BACE,YAAA,CACA,6BADJ,CAIE,2BACE,YAAA,CACA,qBAFJ,CAKE,gCAGE,aAAA,CADA,aAAA,CADA,iBADJ","file":"durationinput.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-input {\n  --mykn-input-padding-v: 0;\n  --mykn-input-padding-h: 0;\n  --mykn-input-font-size: var(--typography-font-size-body-s);\n  --mykn-input-font-weight: var(--typography-font-weight-normal);\n  --mykn-input-line-height: var(--typography-line-height-body-s);\n\n  appearance: none;\n  align-items: center;\n  background: var(--form-input-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);\n  font-size: var(--mykn-input-font-size);\n  font-weight: var(--mykn-input-font-weight);\n  line-height: calc(var(--mykn-input-line-height) - 2px);\n  margin: 0;\n  padding-block: var(--mykn-input-padding-v);\n  padding-inline: var(--mykn-input-padding-h);\n  position: relative;\n  max-width: 100%;\n\n  &--pad-h {\n    --mykn-input-padding-h: var(--sizes-spacing-xs-h);\n  }\n\n  &--pad-v {\n    --mykn-input-padding-v: var(\n      --mykn-input-padding-xs,\n      var(--sizes-spacing-xs-v)\n    );\n  }\n\n  &--size-xl {\n    --mykn-input-font-size: var(--typography-font-size-xl);\n    --mykn-input-line-height: var(--typography-line-height-xl);\n    --mykn-input-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xs {\n    --mykn-input-font-size: var(--typography-font-size-body-xs);\n    --mykn-input-line-height: var(--typography-line-height-body-xs);\n    --mykn-input-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n  }\n\n  &--size-xxs {\n    --mykn-input-font-size: var(--typography-font-size-body-xs);\n    --mykn-input-line-height: var(--typography-line-height-body-xs);\n    --mykn-input-padding-xs: calc(var(--sizes-spacing-xs-h) / 2);\n    --mykn-input-height: calc(3 * var(--sizes-spacing-xs-h) + 2px) !important;\n    --mykn-input-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  &[size] {\n    width: auto;\n  }\n\n  &[type=\"checkbox\"],\n  &[type=\"radio\"] {\n    cursor: pointer;\n    height: 16px;\n    max-width: 16px;\n    min-width: 16px;\n    width: 16px;\n  }\n\n  &[type=\"checkbox\"] {\n    &:checked {\n      background-color: var(--form-checkbox-active-background);\n    }\n\n    &:checked:before {\n      background-color: var(--form-checkbox-active-text);\n      mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m3.594%208%204.019%204.019a1%201%200%200%200%201.601-.26L13.594%203%22%20stroke%3D%22%23341A90%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E);\n      mask-position: center;\n      mask-repeat: no-repeat;\n      mask-size: calc(100% - 2px); // Not bound to spacing.\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &[type=\"radio\"] {\n    background-color: var(--form-radio-default-background);\n    border-radius: 50%;\n\n    &:checked:before {\n      background-color: var(--form-radio-active-background);\n      border-radius: 50%;\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &[type=\"color\"] {\n    min-height: 38px;\n    overflow: hidden;\n    padding: 0;\n\n    &::-webkit-color-swatch-wrapper {\n      padding: 0;\n    }\n\n    &::-webkit-color-swatch {\n      border: none;\n    }\n\n    &:before,\n    &:after {\n      align-items: center;\n      color: var(--form-color-text);\n      content: attr(value);\n      display: flex;\n      height: 50%;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &:before {\n      opacity: 0.9;\n      background-color: var(--form-color-background);\n      border-radius: 6px;\n      color: transparent;\n      padding: var(--sizes-spacing-xs-v) var(--sizes-spacing-xs-h);\n    }\n  }\n\n  &[type=\"file\"] {\n    border: var(--form-file-border);\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",".mykn-label {\n  color: var(--typography-color-body);\n  font-family: var(--typography-font-family-body);\n  font-size: var(--typography-font-size-body-xs);\n  font-weight: var(--typography-font-weight-normal);\n  line-height: var(--typography-line-height-body-xs);\n\n  &--bold {\n    color: var(--typography-color-h);\n    font-weight: var(--typography-font-weight-bold);\n  }\n}\n",".mykn-durationinput {\n  &__input[aria-hidden=\"true\"] {\n    opacity: 0;\n    position: absolute;\n    visibility: hidden;\n    width: 0;\n    z-index: -10;\n  }\n\n  &__fields {\n    display: flex;\n    gap: var(--sizes-spacing-xs-h);\n  }\n\n  &__field {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .mykn-input {\n    text-align: center;\n    min-width: 2em;\n    max-width: 4em;\n  }\n}\n"]}