{"version":3,"sources":["../src/Popover/Popover.module.css.js"],"names":[],"mappings":"AAAA,2BAGE,YAAa,CAFb,iBAAkB,CAClB,WAUF,CAPE,8CACE,aACF,CAEA,kDACE,iBACF,CAGF,kCAKE,4CAAwC,CACxC,gDAAyC,CACzC,4GAAwC,CAHxC,gBAAiB,CADjB,iBAAkB,CADlB,kCAA4B,CAD5B,iBA+OF,CAtOE,iFAKE,UAAW,CADX,oBAAqB,CADrB,QAAS,CADT,iBAIF,CAEA,yCAOE,+BAA4C,CAC5C,iDAA+C,CAA/C,sDAA+C,CAL/C,gBAAiB,CAFjB,qCAQF,CAEA,wCASE,4BAA2C,CAA3C,mDAA2C,CAN3C,6CAA0C,CAD1C,SAQF,CAME,qEAGE,+BAAgC,CADhC,QAEF,CAJA,2EAGE,+BAAgC,CADhC,QAEF,CAJA,0EAGE,+BAAgC,CADhC,QAEF,CAJA,oEAGE,+BAAgC,CADhC,QAEF,CAJA,0EAGE,+BAAgC,CADhC,QAEF,CAJA,yEAGE,+BAAgC,CADhC,QAEF,CAEA,qEAEE,mDAA4C,CAD5C,wCAEF,CAHA,2EAEE,mDAA4C,CAD5C,wCAEF,CAHA,0EAEE,mDAA4C,CAD5C,wCAEF,CAEA,oEAIE,4CAAwC,CAFxC,YAGF,CALA,0EAIE,4CAAwC,CAFxC,YAGF,CALA,yEAIE,4CAAwC,CAFxC,YAGF,CAIF,qIAIE,cAAe,CADf,UAkBF,CAfE,wEAEE,SAAU,CACV,aACF,CAJA,2EAEE,SAAU,CACV,aACF,CAJA,uEAEE,SAAU,CACV,aACF,CAJA,0EAEE,SAAU,CACV,aACF,CAEA,wEAEE,UACF,CAHA,2EAEE,UACF,CAEA,uEAEE,UACF,CAHA,0EAEE,UACF,CAIF,mIAGE,SAAU,CACV,aAYF,CAVE,uEAEE,+BAAyB,CACzB,aACF,CAJA,0EAEE,+BAAyB,CACzB,aACF,CAJA,sEAEE,+BAAyB,CACzB,aACF,CAJA,yEAEE,+BAAyB,CACzB,aACF,CAEA,sEAEE,2CACF,CAHA,yEAEE,2CACF,CAUA,oEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,wEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,2EAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,mEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,uEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,0EAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,mEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,uEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,0EAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,kEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,sEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CANA,yEAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CAEA,oEAEE,oDACF,CAHA,wEAEE,oDACF,CAHA,2EAEE,oDACF,CAHA,mEAEE,oDACF,CAHA,uEAEE,oDACF,CAHA,0EAEE,oDACF,CAEA,mEACE,4CACF,CAFA,uEACE,4CACF,CAFA,0EACE,4CACF,CAFA,kEACE,4CACF,CAFA,sEACE,4CACF,CAFA,yEACE,4CACF,CAOA,oEAEE,oDAA6C,CAD7C,uCAEF,CAHA,wEAEE,oDAA6C,CAD7C,uCAEF,CAHA,2EAEE,oDAA6C,CAD7C,uCAEF,CAEA,mEAIE,6CAAyC,CAFzC,WAGF,CALA,uEAIE,6CAAyC,CAFzC,WAGF,CALA,0EAIE,6CAAyC,CAFzC,WAGF,CAOA,mEAEE,qDAA8C,CAD9C,sCAEF,CAHA,uEAEE,qDAA8C,CAD9C,sCAEF,CAHA,0EAEE,qDAA8C,CAD9C,sCAEF,CAEA,kEAIE,8CAA0C,CAF1C,UAGF,CALA,sEAIE,8CAA0C,CAF1C,UAGF,CALA,yEAIE,8CAA0C,CAF1C,UAGF,CAMA,wEAEE,8BACF,CAHA,uEAEE,8BACF,CAHA,uEAEE,8BACF,CAHA,sEAEE,8BACF,CAMA,2EAEE,QACF,CAHA,0EAEE,QACF,CAHA,0EAEE,QACF,CAHA,yEAEE,QACF,CAEA,2EACE,+BACF,CAFA,0EACE,+BACF,CAEA,0EAEE,2CACF,CAHA,yEAEE,2CACF,CAGF,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,2DACE,UACF,CAEA,6DACE,wCACF,CAEA,8DACE,yCACF,CAEA,6DACE,wCACF,CAEA,8DACE,2CACF,CAEA,mEACE,uBAAmB,CAAnB,kBACF,CAEA,4DACE,WACF","file":"Popover-a93df39c.css","sourcesContent":[".Popover {\n  position: absolute;\n  z-index: 100;\n  display: none;\n\n  &:where([data-open]) {\n    display: block;\n  }\n\n  &:where([data-relative]) {\n    position: relative;\n  }\n}\n\n.PopoverContent {\n  position: relative;\n  padding: var(--base-size-24);\n  margin-right: auto;\n  margin-left: auto;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-medium);\n  box-shadow: var(--shadow-floating-small);\n\n  /* Carets */\n  &::before,\n  &::after {\n    position: absolute;\n    left: 50%;\n    display: inline-block;\n    content: '';\n  }\n\n  &::before {\n    top: calc(-1 * var(--base-size-16));\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -9px;\n\n    /* TODO: solid? */\n    /* stylelint-disable-next-line primer/borders */\n    border: var(--base-size-8) solid transparent;\n    border-bottom-color: var(--borderColor-default);\n  }\n\n  &::after {\n    /* stylelint-disable-next-line primer/spacing */\n    top: -14px;\n    margin-left: calc(-1 * var(--base-size-8));\n\n    /* // todo: solid */\n    /* stylelint-disable-next-line primer/borders */\n    border: 7px solid transparent;\n    /* stylelint-disable-next-line primer/colors */\n    border-bottom-color: var(--overlay-bgColor);\n  }\n\n  /* Bottom-oriented carets */\n  :where([data-caret='bottom']) &,\n  :where([data-caret='bottom-right']) &,\n  :where([data-caret='bottom-left']) & {\n    &::before,\n    &::after {\n      top: auto;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      bottom: calc(-1 * var(--base-size-16));\n      border-top-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-top-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Top & Bottom: Right-oriented carets */\n  :where([data-caret='top-right']) &,\n  :where([data-caret='bottom-right']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    right: -9px;\n    margin-right: 0;\n\n    &::before,\n    &::after {\n      left: auto;\n      margin-left: 0;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 20px;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 21px;\n    }\n  }\n\n  /* Top & Bottom: Left-oriented carets */\n  :where([data-caret='top-left']) &,\n  :where([data-caret='bottom-left']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    left: -9px;\n    margin-left: 0;\n\n    &::before,\n    &::after {\n      left: var(--base-size-24);\n      margin-left: 0;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: calc(var(--base-size-24) + 1px);\n    }\n  }\n\n  /* Right- & Left-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: 50%;\n      left: auto;\n      margin-left: 0;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-top: calc((var(--base-size-8) + 1px) * -1);\n    }\n\n    &::after {\n      margin-top: calc(-1 * var(--base-size-8));\n    }\n  }\n\n  /* Right-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) & {\n    &::before {\n      right: calc(-1 * var(--base-size-16));\n      border-left-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-left-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Left-oriented carets */\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before {\n      left: calc(-1 * var(--base-size-16));\n      border-right-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-right-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Right & Left: Top-oriented carets */\n  :where([data-caret='right-top']) &,\n  :where([data-caret='left-top']) & {\n    &::before,\n    &::after {\n      top: var(--base-size-24);\n    }\n  }\n\n  /* Right & Left: Bottom-oriented carets */\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: auto;\n    }\n\n    &::before {\n      bottom: var(--base-size-16);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: calc(var(--base-size-16) + 1px);\n    }\n  }\n\n  &:where([data-width='xsmall']) {\n    width: var(--overlay-width-xsmall);\n  }\n\n  &:where([data-width='small']) {\n    width: var(--overlay-width-small);\n  }\n\n  &:where([data-width='medium']) {\n    width: var(--overlay-width-medium);\n  }\n\n  &:where([data-width='large']) {\n    width: var(--overlay-width-large);\n  }\n\n  &:where([data-width='xlarge']) {\n    width: var(--overlay-width-xlarge);\n  }\n\n  &:where([data-width='auto']) {\n    width: auto;\n  }\n\n  &:where([data-height='small']) {\n    height: var(--overlay-height-small);\n  }\n\n  &:where([data-height='medium']) {\n    height: var(--overlay-height-medium);\n  }\n\n  &:where([data-height='large']) {\n    height: var(--overlay-height-large);\n  }\n\n  &:where([data-height='xlarge']) {\n    height: var(--overlay-height-xlarge);\n  }\n\n  &:where([data-height='fit-content']) {\n    height: fit-content;\n  }\n\n  &:where([data-height='auto']) {\n    height: auto;\n  }\n}\n"]}