@primer/react/lib-esm/Overlay/Overlay-40e80d0e.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/Overlay/Overlay.module.css"],"names":[],"mappings":"AAAA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,2BAQE,mEAAwC,CACxC,8CAAwC,CACxC,mEAAwC,CALxC,WAAY,CACZ,gBAAiB,CAJjB,4BAA6B,CAE7B,eAAgB,CAGhB,eAAgB,CANhB,iBAAkB,CAElB,UAsKF,CA7JE,iCACE,YACF,CAEA,8BAhBF,2BAkBI,6BAuJJ,CAtJE,CAEA,+DACE,4BACF,CAEA,uDACE,aACF,CAEA,yDACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,gBACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,6GAEE,WACF,CAEA,4DACE,uBAAmB,CAAnB,kBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,gEACE,2BAAuB,CAAvB,sBACF,CAEA,qDACE,WACF,CAEA,sDACE,WACF,CAEA,qDAEE,WACF,CAEA,sDAEE,WACF,CAEA,uDAEE,WACF,CAEA,oDACE,UACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,2DACE,eACF,CAEA,4DACE,kBACF,CAEA,2DACE,iBACF,CAGE,mDADF,+DAUI,mBAAoB,CAHpB,YAAa,CAHb,MAAO,CAKP,QAAS,CADT,eAAgB,CAFhB,cAAe,CAJf,cAAe,CACf,KAAM,CAEN,WAOJ,CADE,CAGF,0BAEE,4DACE,aACF,CACF,CAGF,8CACE,2BACE,wEACF,CACF","file":"Overlay-40e80d0e.css","sourcesContent":["@keyframes overlay-appear {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.Overlay {\n  position: absolute;\n  max-width: calc(100vw - 2rem);\n  width: auto;\n  min-width: 192px;\n  height: auto;\n  max-height: 100vh;\n  overflow: hidden;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  box-shadow: var(--shadow-floating-small);\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (forced-colors: active) {\n    /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n    outline: solid 1px transparent;\n  }\n\n  &:where([data-reflow-container='true']) {\n    max-width: calc(100vw - 2rem);\n  }\n\n  &:where([data-overflow-auto]) {\n    overflow: auto;\n  }\n\n  &:where([data-overflow-hidden]) {\n    overflow: hidden;\n  }\n\n  &:where([data-overflow-scroll]) {\n    overflow: scroll;\n  }\n\n  &:where([data-overflow-visible]) {\n    overflow: visible;\n  }\n\n  &:where([data-height-xsmall]) {\n    height: 192px;\n  }\n\n  &:where([data-height-small]) {\n    height: 256px;\n  }\n\n  &:where([data-height-medium]) {\n    height: 320px;\n  }\n\n  &:where([data-height-large]) {\n    height: 432px;\n  }\n\n  &:where([data-height-xlarge]) {\n    height: 600px;\n  }\n\n  &:where([data-height-auto]),\n  &:where([data-height-initial]) {\n    height: auto;\n  }\n\n  &:where([data-height-fit-content]) {\n    height: fit-content;\n  }\n\n  &:where([data-max-height-xsmall]) {\n    max-height: 192px;\n  }\n\n  &:where([data-max-height-small]) {\n    max-height: 256px;\n  }\n\n  &:where([data-max-height-medium]) {\n    max-height: 320px;\n  }\n\n  &:where([data-max-height-large]) {\n    max-height: 432px;\n  }\n\n  &:where([data-max-height-xlarge]) {\n    max-height: 600px;\n  }\n\n  &:where([data-max-height-fit-content]) {\n    max-height: fit-content;\n  }\n\n  &:where([data-width-small]) {\n    width: 256px;\n  }\n\n  &:where([data-width-medium]) {\n    width: 320px;\n  }\n\n  &:where([data-width-large]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 480px;\n  }\n\n  &:where([data-width-xlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 640px;\n  }\n\n  &:where([data-width-xxlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 960px;\n  }\n\n  &:where([data-width-auto]) {\n    width: auto;\n  }\n\n  &:where([data-max-width-small]) {\n    max-width: 256px;\n  }\n\n  &:where([data-max-width-medium]) {\n    max-width: 320px;\n  }\n\n  &:where([data-max-width-large]) {\n    max-width: 480px;\n  }\n\n  &:where([data-max-width-xlarge]) {\n    max-width: 640px;\n  }\n\n  &:where([data-max-width-xxlarge]) {\n    max-width: 960px;\n  }\n\n  &:where([data-visibility-visible]) {\n    visibility: visible;\n  }\n\n  &:where([data-visibility-hidden]) {\n    visibility: hidden;\n  }\n\n  &:where([data-responsive='fullscreen']) {\n    @media screen and (--viewportRange-narrow) {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      max-width: none;\n      height: 100vh;\n      max-height: none;\n      margin: 0;\n      border-radius: unset;\n    }\n  }\n\n  @supports (height: 100dvh) {\n    /* fix for mobile safari (100vh clips the screen with the toolbar) */\n    &:where([data-variant='fullscreen']) {\n      height: 100dvh;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .Overlay {\n    animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n  }\n}\n"]}