@primer/css 20.4.5 → 20.4.6-rc.996d9e9c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/meta.json CHANGED
@@ -22,6 +22,39 @@
22
22
  "legacy": "primer-support/index.scss",
23
23
  "imports": []
24
24
  },
25
+ "branch-name": {
26
+ "name": "branch-name",
27
+ "source": "src/branch-name/index.scss",
28
+ "sass": "@primer/css/branch-name/index.scss",
29
+ "css": "dist/branch-name.css",
30
+ "map": "dist/branch-name.css.map",
31
+ "js": "dist/branch-name.js",
32
+ "stats": "dist/stats/branch-name.json",
33
+ "legacy": "primer-branch-name/index.scss",
34
+ "imports": []
35
+ },
36
+ "breadcrumb": {
37
+ "name": "breadcrumb",
38
+ "source": "src/breadcrumb/index.scss",
39
+ "sass": "@primer/css/breadcrumb/index.scss",
40
+ "css": "dist/breadcrumb.css",
41
+ "map": "dist/breadcrumb.css.map",
42
+ "js": "dist/breadcrumb.js",
43
+ "stats": "dist/stats/breadcrumb.json",
44
+ "legacy": "primer-breadcrumb/index.scss",
45
+ "imports": []
46
+ },
47
+ "blankslate": {
48
+ "name": "blankslate",
49
+ "source": "src/blankslate/index.scss",
50
+ "sass": "@primer/css/blankslate/index.scss",
51
+ "css": "dist/blankslate.css",
52
+ "map": "dist/blankslate.css.map",
53
+ "js": "dist/blankslate.js",
54
+ "stats": "dist/stats/blankslate.json",
55
+ "legacy": "primer-blankslate/index.scss",
56
+ "imports": []
57
+ },
25
58
  "alerts": {
26
59
  "name": "alerts",
27
60
  "source": "src/alerts/index.scss",
@@ -55,28 +88,6 @@
55
88
  "legacy": "primer-progress/index.scss",
56
89
  "imports": []
57
90
  },
58
- "branch-name": {
59
- "name": "branch-name",
60
- "source": "src/branch-name/index.scss",
61
- "sass": "@primer/css/branch-name/index.scss",
62
- "css": "dist/branch-name.css",
63
- "map": "dist/branch-name.css.map",
64
- "js": "dist/branch-name.js",
65
- "stats": "dist/stats/branch-name.json",
66
- "legacy": "primer-branch-name/index.scss",
67
- "imports": []
68
- },
69
- "breadcrumb": {
70
- "name": "breadcrumb",
71
- "source": "src/breadcrumb/index.scss",
72
- "sass": "@primer/css/breadcrumb/index.scss",
73
- "css": "dist/breadcrumb.css",
74
- "map": "dist/breadcrumb.css.map",
75
- "js": "dist/breadcrumb.js",
76
- "stats": "dist/stats/breadcrumb.json",
77
- "legacy": "primer-breadcrumb/index.scss",
78
- "imports": []
79
- },
80
91
  "truncate": {
81
92
  "name": "truncate",
82
93
  "source": "src/truncate/index.scss",
@@ -121,17 +132,6 @@
121
132
  "legacy": "primer-subhead/index.scss",
122
133
  "imports": []
123
134
  },
124
- "blankslate": {
125
- "name": "blankslate",
126
- "source": "src/blankslate/index.scss",
127
- "sass": "@primer/css/blankslate/index.scss",
128
- "css": "dist/blankslate.css",
129
- "map": "dist/blankslate.css.map",
130
- "js": "dist/blankslate.js",
131
- "stats": "dist/stats/blankslate.json",
132
- "legacy": "primer-blankslate/index.scss",
133
- "imports": []
134
- },
135
135
  "timeline": {
136
136
  "name": "timeline",
137
137
  "source": "src/timeline/index.scss",
package/dist/overlay.css CHANGED
@@ -1,2 +1,2 @@
1
- .Overlay--hidden{display:none !important}.Overlay--visibilityHidden{height:0;overflow:hidden;visibility:hidden;opacity:0}.Overlay{display:flex;width:min(var(--overlay-width),100vw - 2rem);min-width:192px;max-height:min(100vh - 2rem,var(--overlay-height));flex-direction:column;background-color:var(--color-canvas-overlay);border-radius:.75rem;box-shadow:var(--color-overlay-shadow);opacity:1}.Overlay.Overlay--size-auto{min-width:192px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-full{width:100vw;height:100vh}.Overlay.Overlay--size-xsmall{--overlay-width: 192px;max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-small{--overlay-height: 256px;--overlay-width: 320px}.Overlay.Overlay--size-small-portrait{--overlay-height: 432px;--overlay-width: 320px}.Overlay.Overlay--size-medium{--overlay-height: 320px;--overlay-width: 480px}.Overlay.Overlay--size-medium-portrait{--overlay-height: 600px;--overlay-width: 480px}.Overlay.Overlay--size-large{--overlay-height: 432px;--overlay-width: 640px}.Overlay.Overlay--size-xlarge{--overlay-height: 600px;--overlay-width: 960px}.Overlay.Overlay--height-auto{height:auto}.Overlay.Overlay--height-xsmall{height:min(192px,100vh - 2rem)}.Overlay.Overlay--height-small{height:min(256px,100vh - 2rem)}.Overlay.Overlay--height-medium{height:min(320px,100vh - 2rem)}.Overlay.Overlay--height-large{height:min(432px,100vh - 2rem)}.Overlay.Overlay--height-xlarge{height:min(600px,100vh - 2rem)}.Overlay.Overlay--width-auto{width:auto}.Overlay.Overlay--width-small{width:min(256px,100vw - 2rem)}.Overlay.Overlay--width-medium{width:min(320px,100vw - 2rem)}.Overlay.Overlay--width-large{width:min(480px,100vw - 2rem)}.Overlay.Overlay--width-xlarge{width:min(640px,100vw - 2rem)}.Overlay.Overlay--width-xxlarge{width:min(960px,100vw - 2rem)}@media screen and (prefers-reduced-motion: no-preference){.Overlay.Overlay--motion-scaleFade{animation:200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-scaleFade}}@keyframes Overlay--motion-scaleFade{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.Overlay-form{display:flex;overflow:auto;flex-direction:column;flex-grow:1}.Overlay-header{z-index:1;display:flex;flex-direction:column}.Overlay-header.Overlay-header--divided{padding-bottom:8px;box-shadow:inset 0 -1px var(--color-border-default)}.Overlay-header.Overlay-header--divided+.Overlay-body{padding-top:16px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap{gap:8px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:20px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{font-size:14px}.Overlay-header .Overlay-headerContentWrap{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 0 8px}.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap{display:flex;flex-direction:row;gap:8px}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap{display:flex;padding:6px 0 6px 8px;flex-direction:column;flex-grow:1;gap:4px}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{margin:0;font-size:14px;font-weight:600}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{margin:0;font-size:12px;font-weight:400;color:var(--color-fg-muted)}.Overlay-body{padding:16px;padding-top:0;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;font-size:14px;flex-grow:1}.Overlay-body.Overlay-body--paddingCondensed{padding:8px;padding-top:0}.Overlay-body.Overlay-body--paddingNone{padding:0}.Overlay-footer{z-index:1;display:flex;padding:0 16px 16px 16px;flex-direction:row;flex-shrink:0;flex-wrap:wrap}.Overlay-footer.Overlay-footer--divided{padding-top:16px;box-shadow:inset 0 1px var(--color-border-default)}.Overlay-footer.Overlay-footer--alignStart{justify-content:flex-start;gap:8px}.Overlay-footer.Overlay-footer--alignCenter{justify-content:center;gap:8px}.Overlay-footer.Overlay-footer--alignEnd{justify-content:flex-end;gap:8px}.Overlay-closeButton{position:relative;display:grid;width:32px;height:32px;padding:0;color:var(--color-fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:6px;transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color;place-content:center;align-self:flex-start;flex-shrink:0}.Overlay-closeButton:hover,.Overlay-closeButton:focus{background-color:var(--color-btn-hover-bg);border:1px solid var(--color-btn-hover-bg)}.Overlay-backdrop--center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:center}.Overlay-backdrop--anchor{position:absolute;z-index:999;background-color:transparent}.Overlay-backdrop--anchor .Overlay{width:auto}.Overlay-backdrop--side{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left{align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left .Overlay{height:100vh;max-height:unset;border-radius:.75rem;border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-left .Overlay{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInRight}}.Overlay-backdrop--side.Overlay-backdrop--placement-right{align-items:center;justify-content:right}.Overlay-backdrop--side.Overlay-backdrop--placement-right .Overlay{height:100vh;max-height:unset;border-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-right .Overlay{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInLeft}}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom{align-items:end;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom .Overlay{width:100vw;height:auto;max-height:calc(100vh - 2rem);border-radius:.75rem;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-bottom .Overlay{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideUp}}.Overlay-backdrop--side.Overlay-backdrop--placement-top{align-items:start;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-top .Overlay{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}.Overlay-backdrop--full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted)}.Overlay-backdrop--full .Overlay{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1}@media(max-width: 767.98px){.Overlay-backdrop--center-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:center}.Overlay-backdrop--anchor-whenNarrow{position:absolute;z-index:999;background-color:transparent}.Overlay-backdrop--anchor-whenNarrow .Overlay{width:auto}.Overlay-backdrop--side-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow{align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow .Overlay-whenNarrow{height:100vh;max-height:unset;border-radius:.75rem;border-top-left-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow .Overlay-whenNarrow{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInRight}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow{align-items:center;justify-content:right}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow .Overlay-whenNarrow{height:100vh;max-height:unset;border-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow .Overlay-whenNarrow{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInLeft}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow{align-items:end;justify-content:center}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow .Overlay-whenNarrow{width:100vw;height:auto;max-height:calc(100vh - 2rem);border-radius:.75rem;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow .Overlay-whenNarrow{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideUp}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow{align-items:start;justify-content:center}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow .Overlay-whenNarrow{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}}@media(max-width: 767.98px){.Overlay-backdrop--full-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted)}.Overlay-backdrop--full-whenNarrow .Overlay{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1}}@keyframes Overlay--motion-slideUp{from{transform:translateY(100%)}}@keyframes Overlay--motion-slideInRight{from{transform:translateX(-100%)}}@keyframes Overlay--motion-slideInLeft{from{transform:translateX(100%)}}
1
+ .Overlay--hidden{display:none !important}.Overlay--visibilityHidden{height:0;overflow:hidden;visibility:hidden;opacity:0}.Overlay{display:flex;width:min(var(--overlay-width),100vw - 2rem);min-width:192px;max-height:min(100vh - 2rem,var(--overlay-height));flex-direction:column;background-color:var(--color-canvas-overlay);border-radius:.75rem;box-shadow:var(--color-overlay-shadow);opacity:1}.Overlay.Overlay--size-auto{min-width:192px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-full{width:100vw;height:100vh}.Overlay.Overlay--size-xsmall{--overlay-width: 192px;max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-small{--overlay-height: 256px;--overlay-width: 320px}.Overlay.Overlay--size-small-portrait{--overlay-height: 432px;--overlay-width: 320px}.Overlay.Overlay--size-medium{--overlay-height: 320px;--overlay-width: 480px}.Overlay.Overlay--size-medium-portrait{--overlay-height: 600px;--overlay-width: 480px}.Overlay.Overlay--size-large{--overlay-height: 432px;--overlay-width: 640px}.Overlay.Overlay--size-xlarge{--overlay-height: 600px;--overlay-width: 960px}.Overlay.Overlay--height-auto{height:auto}.Overlay.Overlay--height-xsmall{height:min(192px,100vh - 2rem)}.Overlay.Overlay--height-small{height:min(256px,100vh - 2rem)}.Overlay.Overlay--height-medium{height:min(320px,100vh - 2rem)}.Overlay.Overlay--height-large{height:min(432px,100vh - 2rem)}.Overlay.Overlay--height-xlarge{height:min(600px,100vh - 2rem)}.Overlay.Overlay--width-auto{width:auto}.Overlay.Overlay--width-small{width:min(256px,100vw - 2rem)}.Overlay.Overlay--width-medium{width:min(320px,100vw - 2rem)}.Overlay.Overlay--width-large{width:min(480px,100vw - 2rem)}.Overlay.Overlay--width-xlarge{width:min(640px,100vw - 2rem)}.Overlay.Overlay--width-xxlarge{width:min(960px,100vw - 2rem)}@media screen and (prefers-reduced-motion: no-preference){.Overlay.Overlay--motion-scaleFade{animation:200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-scaleFade}}@keyframes Overlay--motion-scaleFade{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.Overlay-form{display:flex;overflow:auto;flex-direction:column;flex-grow:1}.Overlay-header{z-index:1;display:flex;flex-direction:column}.Overlay-header.Overlay-header--divided{padding-bottom:8px;box-shadow:inset 0 -1px var(--color-border-default)}.Overlay-header.Overlay-header--divided+.Overlay-body{padding-top:16px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap{gap:8px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:20px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{font-size:14px}.Overlay-header .Overlay-headerContentWrap{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 0 8px}.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap{display:flex;flex-direction:row;gap:8px}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap{display:flex;padding:6px 0 6px 8px;flex-direction:column;flex-grow:1;gap:4px}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{margin:0;font-size:14px;font-weight:600}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{margin:0;font-size:12px;font-weight:400;color:var(--color-fg-muted)}.Overlay-body{padding:16px;padding-top:0;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;font-size:14px;flex-grow:1}.Overlay-body.Overlay-body--paddingCondensed{padding:8px;padding-top:0}.Overlay-body.Overlay-body--paddingNone{padding:0}.Overlay-footer{z-index:1;display:flex;padding:0 16px 16px 16px;flex-direction:row;flex-shrink:0;flex-wrap:wrap}.Overlay-footer.Overlay-footer--divided{padding-top:16px;box-shadow:inset 0 1px var(--color-border-default)}.Overlay-footer.Overlay-footer--alignStart{justify-content:flex-start;gap:8px}.Overlay-footer.Overlay-footer--alignCenter{justify-content:center;gap:8px}.Overlay-footer.Overlay-footer--alignEnd{justify-content:flex-end;gap:8px}.Overlay-closeButton{position:relative;display:grid;width:32px;height:32px;padding:0;color:var(--color-fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:6px;transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color;place-content:center;align-self:flex-start;flex-shrink:0}.Overlay-closeButton:hover,.Overlay-closeButton:focus{background-color:var(--color-btn-hover-bg);border:1px solid var(--color-btn-hover-bg)}.Overlay-backdrop--center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:center}.Overlay-backdrop--anchor{position:absolute;z-index:999;background-color:transparent}.Overlay-backdrop--anchor .Overlay{width:auto}.Overlay-backdrop--side{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left{align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay{height:100vh;max-height:unset;border-radius:.75rem;border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInRight}}.Overlay-backdrop--side.Overlay-backdrop--placement-right{align-items:center;justify-content:right}.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay{height:100vh;max-height:unset;border-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInLeft}}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom{align-items:end;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay{width:100vw;height:auto;max-height:calc(100vh - 2rem);border-radius:.75rem;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideUp}}.Overlay-backdrop--side.Overlay-backdrop--placement-top{align-items:start;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}.Overlay-backdrop--full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted)}.Overlay-backdrop--full .Overlay{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1}@media(max-width: 767.98px){.Overlay-backdrop--center-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:center}.Overlay-backdrop--anchor-whenNarrow{position:absolute;z-index:999;background-color:transparent}.Overlay-backdrop--anchor-whenNarrow .Overlay{width:auto}.Overlay-backdrop--side-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow{align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow{height:100vh;max-height:unset;border-radius:.75rem;border-top-left-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInRight}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow{align-items:center;justify-content:right}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow{height:100vh;max-height:unset;border-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInLeft}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow{align-items:end;justify-content:center}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow{width:100vw;height:auto;max-height:calc(100vh - 2rem);border-radius:.75rem;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow{animation:160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideUp}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow{align-items:start;justify-content:center}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}}@media(max-width: 767.98px){.Overlay-backdrop--full-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted)}.Overlay-backdrop--full-whenNarrow .Overlay{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1}}@keyframes Overlay--motion-slideUp{from{transform:translateY(100%)}}@keyframes Overlay--motion-slideInRight{from{transform:translateX(-100%)}}@keyframes Overlay--motion-slideInLeft{from{transform:translateX(100%)}}
2
2
  /*# sourceMappingURL=overlay.css.map */