diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png index 0136a68c..8c5b37db 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png index fd5febdc..44ca3e52 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png index 4582ae41..54bd3fb8 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png index 17e8f0b3..356bb9d9 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png index 658c1a05..419fe536 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png index 9f3e5fed..c64ac6e7 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png index db5bfbe3..8c017070 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png index 1e19b99f..ca8b8a7c 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png index d45a9264..532f9c3f 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png index 00a37e51..524d8fd2 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png index eb10a7a9..7938da5e 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png index 0be05351..c703cca9 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png index 07c80fb4..e9eab2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png index 99cc0642..866ed363 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png index 681e67ba..fd520a55 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png index 6447675d..5cd46520 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png index 19d91606..728f2128 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png index 99d84737..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png index 63fdb8c7..63b0e5e9 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png index 99d84737..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png index f43e7b3f..74139d97 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png index 99d84737..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png index c6369dd8..edc851b6 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png index 99d84737..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png index bd664549..4bd5cb38 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png index c43a82ba..5c644928 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png index b05ff6f1..186ec096 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png index e574ac26..5c997d49 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png index d811579d..b907d2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png index 91e4fa13..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png index d811579d..b907d2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png index 91e4fa13..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png index cc31b7fb..6965264e 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png index f4b55d31..d6efbae0 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png index 423f86f1..71719890 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png index f4b55d31..d6efbae0 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png index 499e8e37..0058f68a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png index c7650d69..f0a23cfc 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png index c43a82ba..5c644928 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png index a4704e60..4cb9d044 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png index 680f76a1..63e45b6b 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap index c1d4487c..41403c5d 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap @@ -661,6 +661,7 @@ exports[`renders without throwing 1`] = ` -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c3 { diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap index 71b3d9ed..e353b09b 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap @@ -147,6 +147,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c12 { @@ -1585,6 +1586,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c19 { @@ -3427,6 +3429,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c19 { @@ -4350,6 +4353,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c11 { @@ -4757,6 +4761,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c11 { @@ -5164,6 +5169,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c11 { @@ -5575,6 +5581,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c11 { @@ -5995,6 +6002,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c11 { @@ -6526,6 +6534,7 @@ Array [ -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; } .c12 { diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap index d1ed40b8..636b9fbb 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap @@ -6,991 +6,45 @@ exports[`renders without throwing 1`] = ` padding-left: 1.125rem; } -.c8 { +.c9 { padding: 1.125rem; } -.c16 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; -} - .c17 { box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c22 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.c9 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; -} - -.c10 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; -} - -.c15 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-flex-basis: 0.75rem; - -ms-flex-preferred-size: 0.75rem; - flex-basis: 0.75rem; -} - -.c20 { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; - overflow: visible; - text-transform: none; - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - min-width: 7.5rem; -} - -.c20::-moz-focus-inner, -.c20[type='button']::-moz-focus-inner, -.c20[type='reset']::-moz-focus-inner, -.c20[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c20:-moz-focusring, -.c20[type='button']:-moz-focusring, -.c20[type='reset']:-moz-focusring, -.c20[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c20 + button { - margin-left: 0.375rem; -} - -.c19 { - display: inline-block; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - margin: 0; -} - -.c18:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c18:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c18:active, -.c18:active:hover, -.c18:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c18[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c18:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c18:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c18:active, -.c18:active:hover, -.c18:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c21 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - margin: 0; -} - -.c21:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c21:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c21:active, -.c21:active:hover, -.c21:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c21[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c21:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c21:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c21:active, -.c21:active:hover, -.c21:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - color: rgb(210,67,58); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - float: right; -} - -.c23:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c23:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c23:active, -.c23:active:hover, -.c23:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c23[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c23:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c23:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c23:active, -.c23:active:hover, -.c23:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c23:focus { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c23:hover { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c23:active, -.c23:active:hover, -.c23:active:focus { - background-color: rgba(210,67,58,0.1); - border-color: rgb(205,37,27); -} - -.c23 svg + span { - margin-left: 0.75rem; -} - -.c23 svg { - max-height: 1.125rem; -} - -.c12 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c14 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - float: right; - font-size: 0.8125rem; - float: none; -} - -.c6 { - color: rgba(73,73,73,1); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c6 + p, -.c6 + small, -.c6 + h1, -.c6 + h2, -.c6 + label, -.c6 + h3, -.c6 + h4, -.c6 + h5, -.c6 + div, -.c6 + span { - margin-top: 0.75rem; -} - -.c0 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); -} - -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - z-index: 1; - line-height: 1.5rem; - height: auto; - max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; -} - -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c5 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - box-sizing: border-box; - min-height: 2.9375rem; - max-width: 100%; - width: auto; - height: auto; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow: hidden; - background-color: transparent; - border-width: 0; - box-shadow: none; - color: inherit; -} - -.c7 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-width: 0; - margin-bottom: 0; - background-color: transparent; -} - -.c7 > [name='card']:not(:last-child) { - margin-bottom: 0.8125rem; -} - -.c7 > [name='card']:last-child { - margin-bottom: 0.4375rem; -} - -.c11 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; - width: 100%; -} - -.c13 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.8125rem 1.125rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgba(73,73,73,1); - max-width: 22.1875rem; - text-overflow: ellipsis; - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; -} - -.c13::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:invalid { - box-shadow: none; -} - -.c13:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c13:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c2 { - word-wrap: break-word; - overflow-wrap: break-word; - width: 100%; - box-sizing: border-box; -} - -@media only screen and (min-width:0em) { - .c16 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width:0em) { - .c16 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } -} - -@media only screen and (min-width:0em) { - .c17 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c22 { - display: none; - } -} - -
-
-
-
-
-

- Add metadata -

-
-
-
-
-
-
-
-
-
- - -
-
-
-
-
- - -
-
-
-
-
- - -
-
- -
-
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -.c3 { - padding-right: 1.125rem; - padding-left: 1.125rem; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -1026,324 +80,54 @@ exports[`renders without throwing 1`] = ` flex-basis: 100%; } -.c6 { - color: rgba(73,73,73,1); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c6 + p, -.c6 + small, -.c6 + h1, -.c6 + h2, -.c6 + label, -.c6 + h3, -.c6 + h4, -.c6 + h5, -.c6 + div, -.c6 + span { - margin-top: 0.75rem; -} - -.c5 { - box-sizing: content-box; +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - box-sizing: border-box; - min-height: 2.9375rem; - max-width: 100%; - width: auto; - height: auto; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow: hidden; - background-color: transparent; - border-width: 0; - box-shadow: none; - color: inherit; -} - -.c0 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); - cursor: pointer; - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; -} - -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; - z-index: 1; - line-height: 1.5rem; - height: auto; - max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; - margin: -0.0625rem; - box-shadow: none; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; } -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c2 { - word-wrap: break-word; - overflow-wrap: break-word; - width: 100%; - box-sizing: border-box; -} - -
-
-
-
-
-

- Add metadata -

-
-
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -.c3 { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.c8 { - padding: 1.125rem; +.c11 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; } .c16 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; -} - -.c17 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c22 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.c9 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; -} - -.c10 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; -} - -.c15 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -1357,952 +141,12 @@ exports[`renders without throwing 1`] = ` -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; + display: block; -webkit-flex-basis: 0.75rem; -ms-flex-preferred-size: 0.75rem; flex-basis: 0.75rem; } -.c20 { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; - overflow: visible; - text-transform: none; - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - min-width: 7.5rem; -} - -.c20::-moz-focus-inner, -.c20[type='button']::-moz-focus-inner, -.c20[type='reset']::-moz-focus-inner, -.c20[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c20:-moz-focusring, -.c20[type='button']:-moz-focusring, -.c20[type='reset']:-moz-focusring, -.c20[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c20 + button { - margin-left: 0.375rem; -} - -.c19 { - display: inline-block; -} - -.c18 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - margin: 0; -} - -.c18:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c18:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c18:active, -.c18:active:hover, -.c18:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c18[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c18:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c18:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c18:active, -.c18:active:hover, -.c18:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c21 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - margin: 0; -} - -.c21:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c21:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c21:active, -.c21:active:hover, -.c21:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c21[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c21:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c21:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c21:active, -.c21:active:hover, -.c21:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c23 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - color: rgb(210,67,58); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - float: right; -} - -.c23:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c23:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c23:active, -.c23:active:hover, -.c23:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c23[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c23:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c23:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c23:active, -.c23:active:hover, -.c23:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c23:focus { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c23:hover { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c23:active, -.c23:active:hover, -.c23:active:focus { - background-color: rgba(210,67,58,0.1); - border-color: rgb(205,37,27); -} - -.c23 svg + span { - margin-left: 0.75rem; -} - -.c23 svg { - max-height: 1.125rem; -} - -.c12 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c14 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - float: right; - font-size: 0.8125rem; - float: none; -} - -.c6 { - color: rgba(73,73,73,1); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c6 + p, -.c6 + small, -.c6 + h1, -.c6 + h2, -.c6 + label, -.c6 + h3, -.c6 + h4, -.c6 + h5, -.c6 + div, -.c6 + span { - margin-top: 0.75rem; -} - -.c0 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); -} - -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - z-index: 1; - line-height: 1.5rem; - height: auto; - max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; -} - -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c5 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - box-sizing: border-box; - min-height: 2.9375rem; - max-width: 100%; - width: auto; - height: auto; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow: hidden; - background-color: transparent; - border-width: 0; - box-shadow: none; - color: inherit; -} - -.c7 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-width: 0; - margin-bottom: 0; - background-color: transparent; -} - -.c7 > [name='card']:not(:last-child) { - margin-bottom: 0.8125rem; -} - -.c7 > [name='card']:last-child { - margin-bottom: 0.4375rem; -} - -.c11 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; - width: 100%; -} - -.c13 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; - padding: 0.8125rem 1.125rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgba(73,73,73,1); - max-width: 22.1875rem; - text-overflow: ellipsis; - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; -} - -.c13::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:invalid { - box-shadow: none; -} - -.c13:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c13:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c13:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c2 { - word-wrap: break-word; - overflow-wrap: break-word; - width: 100%; - box-sizing: border-box; -} - -@media only screen and (min-width:0em) { - .c16 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width:0em) { - .c16 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } -} - -@media only screen and (min-width:0em) { - .c17 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c22 { - display: none; - } -} - -
-
-
-
-
-

- Add metadata -

-
-
-
-
-
-
-
-
-
- - -
-
-
-
-
- - -
-
-
-
-
- - -
-
- -
-
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -.c3 { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.c8 { - padding: 1.125rem; -} - -.c18 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; -} - -.c9 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; -} - -.c10 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c23 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - .c21 { font-family: sans-serif; font-size: 100%; @@ -2335,18 +179,6 @@ exports[`renders without throwing 1`] = ` margin-left: 0.375rem; } -.c16 { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 100%; -} - .c20 { display: inline-block; } @@ -2659,7 +491,7 @@ exports[`renders without throwing 1`] = ` max-height: 1.125rem; } -.c12 { +.c13 { font-size: 0.9375rem; font-style: normal; font-stretch: normal; @@ -2672,7 +504,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c14 { +.c15 { font-size: 0.9375rem; font-style: normal; font-stretch: normal; @@ -2684,7 +516,7 @@ exports[`renders without throwing 1`] = ` float: none; } -.c6 { +.c7 { color: rgba(73,73,73,1); font-weight: 600; line-height: 1.5rem; @@ -2692,20 +524,2204 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c6 + p, -.c6 + small, -.c6 + h1, -.c6 + h2, -.c6 + label, -.c6 + h3, -.c6 + h4, -.c6 + h5, -.c6 + div, -.c6 + span { +.c7 + p, +.c7 + small, +.c7 + h1, +.c7 + h2, +.c7 + label, +.c7 + h3, +.c7 + h4, +.c7 + h5, +.c7 + div, +.c7 + span { margin-top: 0.75rem; } +.c0 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + z-index: 1; + line-height: 1.5rem; + height: auto; + max-width: 100%; + margin: -0.0625rem -0.0625rem 0 -0.0625rem; +} + +.c1 button { + margin-bottom: 0; + margin-top: 0; +} + +.c6 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; + box-sizing: border-box; + min-height: 2.9375rem; + max-width: 100%; + width: auto; + height: auto; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + overflow: hidden; + background-color: transparent; + border-width: 0; + box-shadow: none; + color: inherit; +} + +.c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + margin-bottom: 0; + background-color: transparent; +} + +.c8 > [name='card']:not(:last-child) { + margin-bottom: 0.8125rem; +} + +.c8 > [name='card']:last-child { + margin-bottom: 0.4375rem; +} + +.c12 { + display: inline-block; + margin: 0; + padding: 0; + border: none; + overflow: hidden; + height: auto; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + -webkit-padding-before: 0; + -webkit-padding-start: 0; + -webkit-padding-end: 0; + -webkit-padding-after: 0; + width: 100%; +} + +.c14 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.8125rem 1.125rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgba(73,73,73,1); + max-width: 22.1875rem; + text-overflow: ellipsis; + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; +} + +.c14::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:invalid { + box-shadow: none; +} + +.c14:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c14:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c2 { + word-wrap: break-word; + overflow-wrap: break-word; + width: 100%; + box-sizing: border-box; +} + +.c5 { + height: 2.9375rem; +} + +@media only screen and (min-width:0em) { + .c17 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} + +@media only screen and (min-width:0em) { + .c17 { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + +@media only screen and (min-width:0em) { + .c18 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c23 { + display: none; + } +} + +
+
+
+
+
+

+ Add metadata +

+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+`; + +exports[`renders without throwing 1`] = ` +.c3 { + padding-right: 1.125rem; + padding-left: 1.125rem; +} + +.c4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; +} + +.c7 { + color: rgba(73,73,73,1); + font-weight: 600; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c7 + p, +.c7 + small, +.c7 + h1, +.c7 + h2, +.c7 + label, +.c7 + h3, +.c7 + h4, +.c7 + h5, +.c7 + div, +.c7 + span { + margin-top: 0.75rem; +} + +.c6 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; + box-sizing: border-box; + min-height: 2.9375rem; + max-width: 100%; + width: auto; + height: auto; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + overflow: hidden; + background-color: transparent; + border-width: 0; + box-shadow: none; + color: inherit; +} + +.c0 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); + cursor: pointer; + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + z-index: 1; + line-height: 1.5rem; + height: auto; + max-width: 100%; + margin: -0.0625rem -0.0625rem 0 -0.0625rem; + margin: -0.0625rem; + box-shadow: none; +} + +.c1 button { + margin-bottom: 0; + margin-top: 0; +} + +.c2 { + word-wrap: break-word; + overflow-wrap: break-word; + width: 100%; + box-sizing: border-box; +} + +.c5 { + height: 2.9375rem; +} + +
+
+
+
+
+

+ Add metadata +

+
+
+
+
+
+`; + +exports[`renders without throwing 1`] = ` +.c3 { + padding-right: 1.125rem; + padding-left: 1.125rem; +} + +.c9 { + padding: 1.125rem; +} + +.c17 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c18 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c23 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; +} + +.c10 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +.c11 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +.c16 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; + -webkit-flex-basis: 0.75rem; + -ms-flex-preferred-size: 0.75rem; + flex-basis: 0.75rem; +} + +.c21 { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; + overflow: visible; + text-transform: none; + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + min-width: 7.5rem; +} + +.c21::-moz-focus-inner, +.c21[type='button']::-moz-focus-inner, +.c21[type='reset']::-moz-focus-inner, +.c21[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c21:-moz-focusring, +.c21[type='button']:-moz-focusring, +.c21[type='reset']:-moz-focusring, +.c21[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c21 + button { + margin-left: 0.375rem; +} + +.c20 { + display: inline-block; +} + +.c19 { + box-sizing: border-box; + display: inline-block; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 3rem; + height: 3rem; + min-width: 7.5rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + font-size: 0.9375rem; + text-align: center; + font-style: normal; + font-stretch: normal; + line-height: normal; + -webkit-letter-spacing: normal; + -moz-letter-spacing: normal; + -ms-letter-spacing: normal; + letter-spacing: normal; + text-decoration: none; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + color: rgb(255,255,255); + -webkit-text-fill-color: currentcolor; + background-image: none; + background-color: rgb(59,70,204); + border-radius: 0.25rem; + border: solid 0.0625rem rgb(45,56,132); + color: rgb(70,70,70); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + margin: 0; +} + +.c19:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c19:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c19:active, +.c19:active:hover, +.c19:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c19[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c19:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c19:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c19:active, +.c19:active:hover, +.c19:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c22 { + box-sizing: border-box; + display: inline-block; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 3rem; + height: 3rem; + min-width: 7.5rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + font-size: 0.9375rem; + text-align: center; + font-style: normal; + font-stretch: normal; + line-height: normal; + -webkit-letter-spacing: normal; + -moz-letter-spacing: normal; + -ms-letter-spacing: normal; + letter-spacing: normal; + text-decoration: none; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + color: rgb(255,255,255); + -webkit-text-fill-color: currentcolor; + background-image: none; + background-color: rgb(59,70,204); + border-radius: 0.25rem; + border: solid 0.0625rem rgb(45,56,132); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + margin: 0; +} + +.c22:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c22:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c22:active, +.c22:active:hover, +.c22:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c22[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c22:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c22:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c22:active, +.c22:active:hover, +.c22:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c24 { + box-sizing: border-box; + display: inline-block; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 3rem; + height: 3rem; + min-width: 7.5rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + font-size: 0.9375rem; + text-align: center; + font-style: normal; + font-stretch: normal; + line-height: normal; + -webkit-letter-spacing: normal; + -moz-letter-spacing: normal; + -ms-letter-spacing: normal; + letter-spacing: normal; + text-decoration: none; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + color: rgb(255,255,255); + -webkit-text-fill-color: currentcolor; + background-image: none; + background-color: rgb(59,70,204); + border-radius: 0.25rem; + border: solid 0.0625rem rgb(45,56,132); + color: rgb(70,70,70); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + color: rgb(210,67,58); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + float: right; +} + +.c24:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c24:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c24:active, +.c24:active:hover, +.c24:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c24[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c24:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c24:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c24:active, +.c24:active:hover, +.c24:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c24:focus { + color: rgb(205,37,27); + background-color: rgb(255,255,255); + border-color: rgb(205,37,27); +} + +.c24:hover { + color: rgb(205,37,27); + background-color: rgb(255,255,255); + border-color: rgb(205,37,27); +} + +.c24:active, +.c24:active:hover, +.c24:active:focus { + background-color: rgba(210,67,58,0.1); + border-color: rgb(205,37,27); +} + +.c24 svg + span { + margin-left: 0.75rem; +} + +.c24 svg { + max-height: 1.125rem; +} + +.c13 { + font-size: 0.9375rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; + margin-right: 0.75rem; + font-weight: bold; + white-space: pre; + font-size: 0.8125rem; +} + .c15 { + font-size: 0.9375rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; + float: right; + font-size: 0.8125rem; + float: none; +} + +.c7 { + color: rgba(73,73,73,1); + font-weight: 600; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c7 + p, +.c7 + small, +.c7 + h1, +.c7 + h2, +.c7 + label, +.c7 + h3, +.c7 + h4, +.c7 + h5, +.c7 + div, +.c7 + span { + margin-top: 0.75rem; +} + +.c0 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + z-index: 1; + line-height: 1.5rem; + height: auto; + max-width: 100%; + margin: -0.0625rem -0.0625rem 0 -0.0625rem; +} + +.c1 button { + margin-bottom: 0; + margin-top: 0; +} + +.c6 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + min-height: auto; + height: 2.875rem; + -webkit-flex: 0 0 2.875rem; + -ms-flex: 0 0 2.875rem; + flex: 0 0 2.875rem; + box-sizing: border-box; + min-height: 2.9375rem; + max-width: 100%; + width: auto; + height: auto; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + overflow: hidden; + background-color: transparent; + border-width: 0; + box-shadow: none; + color: inherit; +} + +.c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + margin-bottom: 0; + background-color: transparent; +} + +.c8 > [name='card']:not(:last-child) { + margin-bottom: 0.8125rem; +} + +.c8 > [name='card']:last-child { + margin-bottom: 0.4375rem; +} + +.c12 { + display: inline-block; + margin: 0; + padding: 0; + border: none; + overflow: hidden; + height: auto; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + -webkit-padding-before: 0; + -webkit-padding-start: 0; + -webkit-padding-end: 0; + -webkit-padding-after: 0; + width: 100%; +} + +.c14 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.8125rem 1.125rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgba(73,73,73,1); + max-width: 22.1875rem; + text-overflow: ellipsis; + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; +} + +.c14::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:invalid { + box-shadow: none; +} + +.c14:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c14:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c14:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c2 { + word-wrap: break-word; + overflow-wrap: break-word; + width: 100%; + box-sizing: border-box; +} + +.c5 { + height: 2.9375rem; +} + +@media only screen and (min-width:0em) { + .c17 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} + +@media only screen and (min-width:0em) { + .c17 { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + +@media only screen and (min-width:0em) { + .c18 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c23 { + display: none; + } +} + +
+
+
+
+
+

+ Add metadata +

+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+`; + +exports[`renders without throwing 1`] = ` +.c3 { + padding-right: 1.125rem; + padding-left: 1.125rem; +} + +.c9 { + padding: 1.125rem; +} + +.c19 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c10 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c11 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c24 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; +} + +.c22 { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; + overflow: visible; + text-transform: none; + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + min-width: 7.5rem; +} + +.c22::-moz-focus-inner, +.c22[type='button']::-moz-focus-inner, +.c22[type='reset']::-moz-focus-inner, +.c22[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c22:-moz-focusring, +.c22[type='button']:-moz-focusring, +.c22[type='reset']:-moz-focusring, +.c22[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c22 + button { + margin-left: 0.375rem; +} + +.c17 { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 100%; +} + +.c21 { + display: inline-block; +} + +.c20 { + box-sizing: border-box; + display: inline-block; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 3rem; + height: 3rem; + min-width: 7.5rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + font-size: 0.9375rem; + text-align: center; + font-style: normal; + font-stretch: normal; + line-height: normal; + -webkit-letter-spacing: normal; + -moz-letter-spacing: normal; + -ms-letter-spacing: normal; + letter-spacing: normal; + text-decoration: none; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + color: rgb(255,255,255); + -webkit-text-fill-color: currentcolor; + background-image: none; + background-color: rgb(59,70,204); + border-radius: 0.25rem; + border: solid 0.0625rem rgb(45,56,132); + color: rgb(70,70,70); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + margin: 0; +} + +.c20:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c20:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c20:active, +.c20:active:hover, +.c20:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c20[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c20:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c20:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c20:active, +.c20:active:hover, +.c20:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c23 { + box-sizing: border-box; + display: inline-block; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 3rem; + height: 3rem; + min-width: 7.5rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + font-size: 0.9375rem; + text-align: center; + font-style: normal; + font-stretch: normal; + line-height: normal; + -webkit-letter-spacing: normal; + -moz-letter-spacing: normal; + -ms-letter-spacing: normal; + letter-spacing: normal; + text-decoration: none; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + color: rgb(255,255,255); + -webkit-text-fill-color: currentcolor; + background-image: none; + background-color: rgb(59,70,204); + border-radius: 0.25rem; + border: solid 0.0625rem rgb(45,56,132); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + margin: 0; +} + +.c23:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c23:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c23:active, +.c23:active:hover, +.c23:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c23[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c23:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c23:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c23:active, +.c23:active:hover, +.c23:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c25 { + box-sizing: border-box; + display: inline-block; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 3rem; + height: 3rem; + min-width: 7.5rem; + margin-bottom: 0.5rem; + margin-top: 0.5rem; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + font-size: 0.9375rem; + text-align: center; + font-style: normal; + font-stretch: normal; + line-height: normal; + -webkit-letter-spacing: normal; + -moz-letter-spacing: normal; + -ms-letter-spacing: normal; + letter-spacing: normal; + text-decoration: none; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + color: rgb(255,255,255); + -webkit-text-fill-color: currentcolor; + background-image: none; + background-color: rgb(59,70,204); + border-radius: 0.25rem; + border: solid 0.0625rem rgb(45,56,132); + color: rgb(70,70,70); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + color: rgb(210,67,58); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0; + float: right; +} + +.c25:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c25:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c25:active, +.c25:active:hover, +.c25:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c25[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c25:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c25:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c25:active, +.c25:active:hover, +.c25:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c25:focus { + color: rgb(205,37,27); + background-color: rgb(255,255,255); + border-color: rgb(205,37,27); +} + +.c25:hover { + color: rgb(205,37,27); + background-color: rgb(255,255,255); + border-color: rgb(205,37,27); +} + +.c25:active, +.c25:active:hover, +.c25:active:focus { + background-color: rgba(210,67,58,0.1); + border-color: rgb(205,37,27); +} + +.c25 svg + span { + margin-left: 0.75rem; +} + +.c25 svg { + max-height: 1.125rem; +} + +.c13 { + font-size: 0.9375rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; + margin-right: 0.75rem; + font-weight: bold; + white-space: pre; + font-size: 0.8125rem; +} + +.c15 { + font-size: 0.9375rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; + float: right; + font-size: 0.8125rem; + float: none; +} + +.c7 { + color: rgba(73,73,73,1); + font-weight: 600; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c7 + p, +.c7 + small, +.c7 + h1, +.c7 + h2, +.c7 + label, +.c7 + h3, +.c7 + h4, +.c7 + h5, +.c7 + div, +.c7 + span { + margin-top: 0.75rem; +} + +.c16 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; @@ -2775,7 +2791,7 @@ exports[`renders without throwing 1`] = ` margin-top: 0; } -.c5 { +.c6 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -2833,7 +2849,7 @@ exports[`renders without throwing 1`] = ` color: inherit; } -.c7 { +.c8 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -2869,15 +2885,15 @@ exports[`renders without throwing 1`] = ` background-color: transparent; } -.c7 > [name='card']:not(:last-child) { +.c8 > [name='card']:not(:last-child) { margin-bottom: 0.8125rem; } -.c7 > [name='card']:last-child { +.c8 > [name='card']:last-child { margin-bottom: 0.4375rem; } -.c11 { +.c12 { display: inline-block; margin: 0; padding: 0; @@ -2893,7 +2909,7 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c13 { +.c14 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -2917,46 +2933,46 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c13::-webkit-input-placeholder { +.c14::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c13::-moz-placeholder { +.c14::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c13:-ms-input-placeholder { +.c14:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c13:invalid { +.c14:invalid { box-shadow: none; } -.c13:disabled { +.c14:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c13:disabled::-webkit-input-placeholder { +.c14:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c13:disabled::-moz-placeholder { +.c14:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c13:disabled:-ms-input-placeholder { +.c14:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c13:focus { +.c14:focus { border-color: rgb(59,70,204); outline: 0; } -.c17 { +.c18 { box-sizing: border-box; width: 18.75rem; height: 6rem; @@ -2982,57 +2998,57 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c17::-webkit-input-placeholder { +.c18::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c17::-moz-placeholder { +.c18::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c17:-ms-input-placeholder { +.c18:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c17:invalid { +.c18:invalid { box-shadow: none; } -.c17:disabled { +.c18:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c17:disabled::-webkit-input-placeholder { +.c18:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c17:disabled::-moz-placeholder { +.c18:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c17:disabled:-ms-input-placeholder { +.c18:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c17:disabled { +.c18:disabled { color: rgba(73,73,73,1); } -.c17:disabled::-webkit-input-placeholder { +.c18:disabled::-webkit-input-placeholder { color: rgba(73,73,73,1); } -.c17:disabled::-moz-placeholder { +.c18:disabled::-moz-placeholder { color: rgba(73,73,73,1); } -.c17:disabled:-ms-input-placeholder { +.c18:disabled:-ms-input-placeholder { color: rgba(73,73,73,1); } -.c17:focus { +.c18:focus { border-color: rgb(59,70,204); outline: 0; } @@ -3044,8 +3060,12 @@ exports[`renders without throwing 1`] = ` box-sizing: border-box; } +.c5 { + height: 2.9375rem; +} + @media only screen and (min-width:0em) { - .c18 { + .c19 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -3054,7 +3074,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c18 { + .c19 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; @@ -3063,7 +3083,1009 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c10 { + .c11 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c24 { + display: none; + } +} + +
+
+
+
+
+

+ Add metadata +

+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+ +