{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAWA,kBACE,SAME,aAAc,CAJd,SAAU,CADV,iBAAkB,CAGlB,uBAA+B,CAD/B,+BAAkC,CAElC,YAEF,CACA,qBACE,eACF,CACA,qCACE,sBACF,CACA,uCACE,oBACF,CACA,wCACE,mBACF,CACA,sCACE,qBACF,CACA,oBACE,SACF,CACA,iBAIE,6CAA8C,CAC9C,6CAA8C,CAC9C,sBAAwB,CALxB,oBAAqB,CACrB,kBAAmB,CACnB,eAIF,CACA,+CACE,eACF,CACA,gBACE,aACF,CACA,uBAME,2BAA4B,CAD5B,6CAA8C,CAE9C,6CAA8C,CAN9C,UAAW,CACX,aAAc,CAEd,cAAgB,CAIhB,uBAAwB,CALxB,aAMF,CACA,6CACE,qBACF,CACA,+CACE,mBACF,CACA,gDACE,kBACF,CACA,8CACE,oBACF,CACA,oDAEE,6BAA8B,CAD9B,4BAEF,CACA,uDACE,+BAAgC,CAChC,8BACF,CACA,qDACE,+BAAgC,CAChC,6BACF,CACA,sDAEE,8BAA+B,CAD/B,4BAEF,CACA,cAIE,kBAAmB,CAFnB,mBAAoB,CADpB,iBAAkB,CAElB,oBAEF,CACA,4BAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,wCAGE,eAAgB,CADhB,mCAAqC,CADrC,yBAGF,CACA,qBACE,UAAW,CAKX,2BAA4B,CAF5B,aAAe,CAFf,iBAAkB,CAClB,YAAc,CAEd,0BAEF,CACA,mEACE,+BACF,CACA,oFACE,6BACF,CACF","file":"style.css","sourcesContent":["/*\n * Add space between trigger and tooltip.\n*/\n/*\n * Arrow size MUST be a rem-based value. It's used in Pythagoras theorem\n * to find the hypotenuse size and sass math exponential functions do not handle units.\n * Therefore, the rem unit is added manually at the end of the calculation.\n*/\n/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n  .tooltip {\n    position: absolute;\n    opacity: 0;\n    transition: opacity 200ms ease-out;\n    transform: translate3d(0, 0, 0);\n    z-index: 1000;\n    display: block;\n  }\n  .tooltip > *:last-child {\n    margin-bottom: 0;\n  }\n  .tooltip[data-popper-placement^=top] {\n    padding-bottom: 1.25rem;\n  }\n  .tooltip[data-popper-placement^=right] {\n    padding-left: 1.25rem;\n  }\n  .tooltip[data-popper-placement^=bottom] {\n    padding-top: 1.25rem;\n  }\n  .tooltip[data-popper-placement^=left] {\n    padding-right: 1.25rem;\n  }\n  .tooltip.is-visible {\n    opacity: 1;\n  }\n  .tooltip__dialog {\n    display: inline-block;\n    max-width: 18.75rem;\n    padding: 1.25rem;\n    background-color: var(--color-surface-primary);\n    border: 2px solid var(--color-border-contrast);\n    border-radius: 0.3125rem;\n  }\n  .tooltip__dialog > :not([class*=mb-]):last-child {\n    margin-bottom: 0;\n  }\n  .tooltip__arrow {\n    display: block;\n  }\n  .tooltip__arrow::before {\n    content: \"\";\n    display: block;\n    width: 0.875rem;\n    height: 0.875rem;\n    background-color: var(--color-surface-primary);\n    background-clip: padding-box;\n    border: 2px solid var(--color-border-contrast);\n    transform: rotate(45deg);\n  }\n  [data-popper-placement^=top] .tooltip__arrow {\n    bottom: 0.9406407832rem;\n  }\n  [data-popper-placement^=right] .tooltip__arrow {\n    left: 0.9406407832rem;\n  }\n  [data-popper-placement^=bottom] .tooltip__arrow {\n    top: 0.9406407832rem;\n  }\n  [data-popper-placement^=left] .tooltip__arrow {\n    right: 0.9406407832rem;\n  }\n  [data-popper-placement^=top] .tooltip__arrow:before {\n    border-top-color: transparent;\n    border-left-color: transparent;\n  }\n  [data-popper-placement^=bottom] .tooltip__arrow:before {\n    border-bottom-color: transparent;\n    border-right-color: transparent;\n  }\n  [data-popper-placement^=left] .tooltip__arrow:before {\n    border-bottom-color: transparent;\n    border-left-color: transparent;\n  }\n  [data-popper-placement^=right] .tooltip__arrow:before {\n    border-top-color: transparent;\n    border-right-color: transparent;\n  }\n  .info-tooltip {\n    position: relative;\n    display: inline-flex;\n    vertical-align: -0.1em;\n    border-radius: 100%;\n  }\n  .info-tooltip:focus-visible {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n  }\n  .info-tooltip:focus:not(:focus-visible) {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: none;\n  }\n  .info-tooltip::before {\n    content: \"\";\n    position: absolute;\n    top: -0.625rem;\n    left: -0.625rem;\n    width: calc(100% + 1.25rem);\n    height: calc(100% + 1.25rem);\n  }\n  .background-contrast .info-tooltip, .surface-contrast .info-tooltip {\n    color: var(--color-text-inverse);\n  }\n  .info-tooltip.is-active .info-tooltip__icon, .info-tooltip:focus .info-tooltip__icon {\n    color: var(--color-icon-brand);\n  }\n}"]}