diff --git a/bundle/index.js b/bundle/index.js new file mode 100644 index 00000000..2bae5d98 --- /dev/null +++ b/bundle/index.js @@ -0,0 +1,85 @@ +'use strict'; + +const Brule = require('brule'); +const Hapi = require('hapi'); +const Inert = require('inert'); +const Main = require('apr-main'); +const Rollover = require('rollover'); + +const Sso = require('minio-proto-auth'); +const Ui = require('my-joy-beta'); +const Nav = require('joyent-navigation'); +const Api = require('cloudapi-gql'); + +const { + PORT = 3069, + COOKIE_PASSWORD, + COOKIE_DOMAIN, + SDC_KEY_PATH, + SDC_ACCOUNT, + SDC_KEY_ID, + SDC_URL, + BASE_URL = `http://0.0.0.0:${PORT}`, + ROLLBAR_SERVER_TOKEN, + NODE_ENV = 'development' +} = process.env; + +const server = Hapi.server({ + port: PORT, + host: '127.0.0.1' +}); + +Main(async () => { + await server.register([ + // { + // plugin: Rollover, + // options: { + // rollbar: { + // accessToken: ROLLBAR_SERVER_TOKEN, + // reportLevel: 'error' + // } + // } + // }, + { + plugin: Brule, + options: { + auth: false + } + }, + { + plugin: Sso, + options: { + cookie: { + password: COOKIE_PASSWORD, + domain: COOKIE_DOMAIN, + isSecure: false, + isHttpOnly: true, + ttl: 1000 * 60 * 60 // 1 hour + }, + sso: { + keyPath: SDC_KEY_PATH, + keyId: '/' + SDC_ACCOUNT + '/keys/' + SDC_KEY_ID, + apiBaseUrl: SDC_URL, + url: 'https://sso.joyent.com/login', + permissions: { cloudapi: ['/my/*'] }, + baseUrl: BASE_URL, + isDev: NODE_ENV === 'development' + } + } + }, + { + plugin: Nav + }, + { + plugin: Ui + }, + { + plugin: Api + } + ]); + + server.auth.default('sso'); + + await server.start(); + console.log(`server started at http://localhost:${server.info.port}`); +}); diff --git a/bundle/package.json b/bundle/package.json new file mode 100644 index 00000000..b6057d45 --- /dev/null +++ b/bundle/package.json @@ -0,0 +1,21 @@ +{ + "name": "joyent-portal-bundle", + "version": "1.0.0", + "private": true, + "license": "MPL-2.0", + "scripts": { + "start": "NODE_ENV=development PORT=3069 REACT_APP_GQL_PORT=3069 REACT_APP_GQL_PROTOCOL=http node -r ./_env.js index.js", + "prepublish": "echo 0" + }, + "dependencies": { + "apr-main": "^2.0.2", + "brule": "^3.1.0", + "cloudapi-gql": "^4.3.1", + "hapi": "^17.2.0", + "inert": "^5.1.0", + "joyent-navigation": "^1.0.0", + "minio-proto-auth": "^1.1.0", + "my-joy-beta": "^1.0.0", + "rollover": "^1.0.0" + } +} diff --git a/bundle/scripts/gen-keys.sh b/bundle/scripts/gen-keys.sh new file mode 100755 index 00000000..24eb9058 --- /dev/null +++ b/bundle/scripts/gen-keys.sh @@ -0,0 +1,40 @@ +#!/bin/bash +set -e -o pipefail + +TRITON_ACCOUNT=$(triton account get | awk -F": " '/id:/{print $2}') +TRITON_DC=$(triton profile get | awk -F"/" '/url:/{print $3}' | awk -F'.' '{print $1}') + +DEFAULT_DOMAIN=${TRITON_ACCOUNT}.${TRITON_DC}.cns.triton.zone + +read -p "Enter the domain name you plan to use for this key [$DEFAULT_DOMAIN]: " domain +domain="${domain:-$DEFAULT_DOMAIN}" +echo -n "Enter the password to use for the key: " +read -s password +echo +echo "Generating key for $domain" + + + +keys_path=keys-$domain +mkdir -p $keys_path + +openssl genrsa -aes256 -passout pass:$password -out $keys_path/ca.key 4096 +chmod 400 $keys_path/ca.key +openssl req -new -x509 -sha256 -days 730 -key $keys_path/ca.key -out $keys_path/ca.crt -passin pass:$password -subj "/CN=copilot" +chmod 444 $keys_path/ca.crt + + +openssl genrsa -out $keys_path/server.key 2048 +chmod 400 $keys_path/server.key +openssl req -new -key $keys_path/server.key -sha256 -out $keys_path/server.csr -passin pass:$password -subj "/CN=$domain" +openssl x509 -req -days 365 -sha256 -in $keys_path/server.csr -passin pass:$password -CA $keys_path/ca.crt -CAkey $keys_path/ca.key -set_serial 1 -out $keys_path/server.crt +chmod 444 $keys_path/server.crt + +openssl genrsa -out $keys_path/client.key 2048 +openssl req -new -key $keys_path/client.key -out $keys_path/client.csr -subj "/CN=$domain" +openssl x509 -req -days 365 -sha256 -in $keys_path/client.csr -CA $keys_path/ca.crt -CAkey $keys_path/ca.key -set_serial 2 -out $keys_path/client.crt -passin pass:$password +openssl pkcs12 -export -clcerts -in $keys_path/client.crt -inkey $keys_path/client.key -out $keys_path/client.p12 -passout pass:$password + +# open $keys_path/client.p12 & +echo +echo "You can complete setup by running './setup.sh ~/path/to/TRITON_PRIVATE_KEY $keys_path/ca.crt $keys_path/server.key $keys_path/server.crt'" diff --git a/bundle/scripts/setup.sh b/bundle/scripts/setup.sh new file mode 100644 index 00000000..29a5cdc9 --- /dev/null +++ b/bundle/scripts/setup.sh @@ -0,0 +1,235 @@ +#!/bin/bash +set -e -o pipefail + +help() { + echo + echo 'Usage ./setup.sh ~/path/to/TRITON_PRIVATE_KEY ~/path/to/CA_CRT ~/path/to/SERVER_KEY ~/path/to/SERVER_CRT' + echo + echo 'Checks that your Triton and Docker environment is sane and configures' + echo 'an environment file to use.' + echo + echo 'TRITON_PRIVATE_KEY is the filesystem path to an SSH private key' + echo 'used to connect to Triton.' + echo + echo 'CA_CRT is the filesystem path to a certificate authority crt file.' + echo + echo 'SERVER_KEY is the filesystem path to a TLS server key file.' + echo + echo 'SERVER_CRT is the filesystem path to a TLS server crt file.' + echo +} + +# Check for correct configuration +check() { + + if [ -z "$1" ]; then + tput rev # reverse + tput bold # bold + echo 'Please provide a path to a SSH private key to access Triton.' + tput sgr0 # clear + + help + exit 1 + fi + + if [ ! -f "$1" ]; then + tput rev # reverse + tput bold # bold + echo 'SSH private key for Triton is unreadable.' + tput sgr0 # clear + + help + exit 1 + fi + + # Assign args to named vars + TRITON_PRIVATE_KEY_PATH=$1 + + + if [ -z "$2" ]; then + tput rev # reverse + tput bold # bold + echo 'Please provide a path to the NGINX CA crt file.' + tput sgr0 # clear + + help + exit 1 + fi + + if [ ! -f "$2" ]; then + tput rev # reverse + tput bold # bold + echo 'CA certificate for NGINX is unreadable.' + tput sgr0 # clear + + help + exit 1 + fi + + NGINX_CA_CRT_PATH=$2 + + + if [ -z "$3" ]; then + tput rev # reverse + tput bold # bold + echo 'Please provide a path to the server key file.' + tput sgr0 # clear + + help + exit 1 + fi + + if [ ! -f "$3" ]; then + tput rev # reverse + tput bold # bold + echo 'Server key file for NGINX is unreadable.' + tput sgr0 # clear + + help + exit 1 + fi + + NGINX_SERVER_KEY_PATH=$3 + + + if [ -z "$4" ]; then + tput rev # reverse + tput bold # bold + echo 'Please provide a path to the server crt file.' + tput sgr0 # clear + + help + exit 1 + fi + + if [ ! -f "$4" ]; then + tput rev # reverse + tput bold # bold + echo 'Server crt file for NGINX is unreadable.' + tput sgr0 # clear + + help + exit 1 + fi + + NGINX_SERVER_CRT_PATH=$4 + + command -v docker >/dev/null 2>&1 || { + echo + tput rev # reverse + tput bold # bold + echo 'Docker is required, but does not appear to be installed.' + tput sgr0 # clear + echo 'See https://docs.joyent.com/public-cloud/api-access/docker' + exit 1 + } + + command -v triton >/dev/null 2>&1 || { + echo + tput rev # reverse + tput bold # bold + echo 'Error! Joyent Triton CLI is required, but does not appear to be installed.' + tput sgr0 # clear + echo 'See https://www.joyent.com/blog/introducing-the-triton-command-line-tool' + exit 1 + } + + TRITON_USER=$(triton profile get | awk -F": " '/account:/{print $2}') + TRITON_DC=$(triton profile get | awk -F"/" '/url:/{print $3}' | awk -F'.' '{print $1}') + TRITON_ACCOUNT=$(triton account get | awk -F": " '/id:/{print $2}') + + SDC_URL=$(triton env | grep SDC_URL | awk -F"=" '{print $2}' | awk -F"\"" '{print $2}') + SDC_ACCOUNT=$(triton env | grep SDC_ACCOUNT | awk -F"=" '{print $2}' | awk -F"\"" '{print $2}') + SDC_KEY_ID=$(triton env | grep SDC_KEY_ID | awk -F"=" '{print $2}' | awk -F"\"" '{print $2}') + + DOCKER_CERT_PATH=$(triton env | grep DOCKER_CERT_PATH | awk -F"=" '{print $2}') + DOCKER_HOST=$(triton env | grep DOCKER_HOST | awk -F"=" '{print $2}') + + rm _env_consul + rm _env_mysql + rm _env + + echo MYSQL_DATABASE=bridge-db >> _env_mysql + echo 'MYSQL_ROOT_PASSWORD='$(cat /dev/urandom | LC_ALL=C tr -dc 'A-Za-z0-9' | head -c 12) >> _env_mysql + echo MYSQL_USER=bridge-user >> _env_mysql + echo 'MYSQL_PASSWORD='$(cat /dev/urandom | LC_ALL=C tr -dc 'A-Za-z0-9' | head -c 8) >> _env_mysql + + echo >> _env_mysql + + echo '# Consul discovery via Triton CNS' >> _env_consul + echo CONSUL=bridge-consul.svc.${TRITON_ACCOUNT}.${TRITON_DC}.cns.joyent.com >> _env_consul + echo CONSUL_AGENT=1 >> _env_consul + echo >> _env_consul + + TRITON_CREDS_PATH=/root/.triton + + echo '# Allowed list of account Ids who can access the site' >> _env + echo ALLOWED_ACCOUNTS=${TRITON_ACCOUNT} >> _env + echo >> _env + + echo '# Site URL' >> _env + echo BASE_URL=https://bridge.svc.${TRITON_ACCOUNT}.${TRITON_DC}.cns.triton.zone >> _env + echo COOKIE_DOMAIN=triton.zone >> _env + echo >> _env + + echo '# MySQL via Triton CNS' >> _env + echo MYSQL_HOST=bridge-mysql.svc.${TRITON_ACCOUNT}.${TRITON_DC}.cns.joyent.com >> _env + echo >> _env + + echo PORT=8080 >> _env + echo 'COOKIE_PASSWORD='$(cat /dev/urandom | LC_ALL=C tr -dc 'A-Za-z0-9' | head -c 36) >> _env + echo SDC_KEY_PATH=/root/.ssh/id_rsa >> _env + echo DOCKER_CERT_PATH=${TRITON_CREDS_PATH} >> _env + echo TRITON_CREDS_PATH=${TRITON_CREDS_PATH} >> _env + echo DOCKER_TLS_VERIFY=1 >> _env + echo DOCKER_HOST=${DOCKER_HOST} >> _env + echo SDC_URL=${SDC_URL} >> _env + echo SDC_ACCOUNT=${SDC_ACCOUNT} >> _env + echo SDC_KEY_ID=${SDC_KEY_ID} >> _env + echo CONSUL=bridge-consul.svc.${TRITON_ACCOUNT}.${TRITON_DC}.cns.joyent.com >> _env + + echo TRITON_CA=$(cat "${DOCKER_CERT_PATH}"/ca.pem | tr '\n' '#') >> _env + echo TRITON_CA_PATH=${TRITON_CREDS_PATH}/ca.pem >> _env + echo TRITON_KEY=$(cat "${DOCKER_CERT_PATH}"/key.pem | tr '\n' '#') >> _env + echo TRITON_KEY_PATH=${TRITON_CREDS_PATH}/key.pem >> _env + echo TRITON_CERT=$(cat "${DOCKER_CERT_PATH}"/cert.pem | tr '\n' '#') >> _env + echo TRITON_CERT_PATH=${TRITON_CREDS_PATH}/cert.pem >> _env + + echo SDC_KEY=$(cat "${TRITON_PRIVATE_KEY_PATH}" | tr '\n' '#') >> _env + echo SDC_KEY_PUB=$(cat "${TRITON_PRIVATE_KEY_PATH}".pub | tr '\n' '#') >> _env + + echo NGINX_CA_CRT=$(cat "${NGINX_CA_CRT_PATH}" | tr '\n' '#') >> _env + echo NGINX_SERVER_KEY=$(cat "${NGINX_SERVER_KEY_PATH}" | tr '\n' '#') >> _env + echo NGINX_SERVER_CRT=$(cat "${NGINX_SERVER_CRT_PATH}" | tr '\n' '#') >> _env + + echo >> _env +} + +# --------------------------------------------------- +# parse arguments + +# Get function list +funcs=($(declare -F -p | cut -d " " -f 3)) + +until + if [ ! -z "$1" ]; then + # check if the first arg is a function in this file, or use a default + if [[ " ${funcs[@]} " =~ " $1 " ]]; then + cmd=$1 + shift 1 + else + cmd="check" + fi + + $cmd "$@" + if [ $? == 127 ]; then + help + fi + + exit + else + help + fi +do + echo +done \ No newline at end of file diff --git a/commitlint.config.js b/commitlint.config.js index e953113f..79d62efb 100644 --- a/commitlint.config.js +++ b/commitlint.config.js @@ -4,7 +4,7 @@ module.exports = { 'scope-enum': [ 2, 'always', - ['ui-toolkit', 'icons', 'my-joy-beta', 'navigation'] + ['ui-toolkit', 'icons', 'my-joy-beta', 'navigation', 'bundle'] ] } }; diff --git a/package.json b/package.json index f165fde0..47b727c2 100644 --- a/package.json +++ b/package.json @@ -71,7 +71,5 @@ "breeze-nexttick": "0.2.1", "zen-observable": "0.7.1" }, - "workspaces": [ - "packages/*" - ] + "workspaces": ["packages/*", "bundle"] } diff --git a/packages/icons/package.json b/packages/icons/package.json index 586c69e5..4bee4ba6 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -27,7 +27,7 @@ "babel-preset-joyent-portal": "^6.0.1", "eslint": "^4.13.1", "eslint-config-joyent-portal": "^3.2.0", - "joyent-react-scripts": "^6.5.1", + "joyent-react-scripts": "^7.2.0", "react": "^16.2.0", "redrun": "^5.10.0" }, diff --git a/packages/my-joy-beta/lib/index.js b/packages/my-joy-beta/lib/index.js new file mode 100644 index 00000000..7c81bee0 --- /dev/null +++ b/packages/my-joy-beta/lib/index.js @@ -0,0 +1,46 @@ +const Inert = require('inert'); +const Path = require('path'); +const Execa = require('execa'); +const { readFile } = require('mz/fs'); + +exports.register = async server => { + await Execa('npm', ['run', 'build'], { + cwd: Path.join(__dirname, '..'), + stdio: 'inherit' + }); + + const indexFile = await readFile( + Path.join(__dirname, '../build/index.html'), + 'utf-8' + ); + + await server.register(Inert); + + server.route([ + { + method: 'GET', + path: '/static/{path*}', + config: { + auth: false, + handler: { + directory: { + path: Path.join(__dirname, '../build/static/'), + redirectToSlash: true, + index: false + } + } + } + }, + { + method: '*', + path: '/{path*}', + config: { + handler: (request, h) => { + return h.response(indexFile).type('text/html'); + } + } + } + ]); +}; + +exports.pkg = require('../package.json'); diff --git a/packages/my-joy-beta/package.json b/packages/my-joy-beta/package.json index 2dcb5c32..27822d17 100644 --- a/packages/my-joy-beta/package.json +++ b/packages/my-joy-beta/package.json @@ -4,7 +4,7 @@ "license": "MPL-2.0", "private": true, "repository": "github:yldio/joyent-portal", - "main": "build/", + "main": "lib/index.js", "scripts": { "dev": "REACT_APP_GQL_PORT=4000 PORT=3069 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start", "start": "PORT=3069 joyent-react-scripts start", @@ -24,7 +24,6 @@ "constant-case": "^2.0.0", "date-fns": "^1.29.0", "declarative-redux-form": "^2.0.8", - "joyent-manifest-editor": "^1.4.0", "joyent-ui-toolkit": "^4.4.1", "lodash.find": "^4.6.0", "lodash.get": "^4.4.2", @@ -33,6 +32,7 @@ "lodash.sortby": "^4.7.0", "lodash.uniqby": "^4.7.0", "lunr": "^2.1.5", + "mz": "^2.7.0", "normalized-styled-components": "^1.0.17", "param-case": "^2.1.1", "prop-types": "^15.6.0", @@ -58,7 +58,7 @@ "eslint": "^4.13.1", "eslint-config-joyent-portal": "^3.2.0", "jest-styled-components": "^4.9.0", - "joyent-react-scripts": "^6.5.1", + "joyent-react-scripts": "^7.2.0", "react-test-renderer": "^16.2.0", "redrun": "^5.10.0" } diff --git a/packages/my-joy-beta/public/index.html b/packages/my-joy-beta/public/index.html index ed338049..f9fa69eb 100644 --- a/packages/my-joy-beta/public/index.html +++ b/packages/my-joy-beta/public/index.html @@ -15,6 +15,6 @@
- + diff --git a/packages/my-joy-beta/src/components/create-instance/cns.js b/packages/my-joy-beta/src/components/create-instance/cns.js index b1ac1983..46b03de1 100644 --- a/packages/my-joy-beta/src/components/create-instance/cns.js +++ b/packages/my-joy-beta/src/components/create-instance/cns.js @@ -64,7 +64,7 @@ export const AddServiceForm = ({ handleSubmit, pristine }) => ( ); -export const Hostname = ({ values, network, service, ...hostname }) => ( +export const Hostname = ({ values = [], network, service, ...hostname }) => ( {values.length ? ( diff --git a/packages/my-joy-beta/src/components/create-instance/image.js b/packages/my-joy-beta/src/components/create-instance/image.js index a18c49e2..51fafe65 100644 --- a/packages/my-joy-beta/src/components/create-instance/image.js +++ b/packages/my-joy-beta/src/components/create-instance/image.js @@ -153,12 +153,13 @@ export default ({ - {image.versions && image.versions.map(version => ( - - ))} + {image.versions && + image.versions.map(version => ( + + ))} diff --git a/packages/my-joy-beta/src/components/instances/list.js b/packages/my-joy-beta/src/components/instances/list.js index 85aed162..fc7c5e65 100644 --- a/packages/my-joy-beta/src/components/instances/list.js +++ b/packages/my-joy-beta/src/components/instances/list.js @@ -84,7 +84,7 @@ export const Item = ({ - + Start diff --git a/packages/my-joy-beta/src/components/instances/toolbar.js b/packages/my-joy-beta/src/components/instances/toolbar.js index c7f92e7b..7daf13b0 100644 --- a/packages/my-joy-beta/src/components/instances/toolbar.js +++ b/packages/my-joy-beta/src/components/instances/toolbar.js @@ -1,5 +1,6 @@ import React from 'react'; import { Field } from 'redux-form'; +import remcalc from 'remcalc'; import { Row, @@ -7,7 +8,8 @@ import { FormGroup, Input, FormLabel, - Button + Button, + Divider } from 'joyent-ui-toolkit'; export const Toolbar = ({ @@ -45,5 +47,6 @@ export const Toolbar = ({ export default ({ handleSubmit, ...rest }) => (
+ ); diff --git a/packages/my-joy-beta/src/containers/create-instance/cns.js b/packages/my-joy-beta/src/containers/create-instance/cns.js index b01b32a9..26e1ca03 100644 --- a/packages/my-joy-beta/src/containers/create-instance/cns.js +++ b/packages/my-joy-beta/src/containers/create-instance/cns.js @@ -32,6 +32,7 @@ import { AddServiceForm, HostnamesHeader } from '@components/create-instance/cns'; + import Title from '@components/create-instance/title'; import Tag from '@components/instances/tags'; import Description from '@components/create-instance/description'; @@ -42,7 +43,7 @@ const CNSContainer = ({ submitted, expanded, proceeded, - serviceNames, + serviceNames = [], instanceName, cnsEnabled = true, hostnames = [], @@ -196,6 +197,7 @@ export default compose( 'create-instance-name.values.name', '' ); + const serviceNames = get(values, `${CNS_FORM}-services`, []); // REPLACE WITH DATA CENTER @@ -220,12 +222,12 @@ export default compose( } ]; - hostnames.map(hostname => { + hostnames.forEach(hostname => { if (!hostname.service) { return hostname; } - return serviceNames.map(name => { + serviceNames.forEach(name => { const postfix = hostname.public ? '.triton.zone' : '.cns.joyent.com'; const value = `${name}.svc.${id}.${dataCenter}${postfix}`; hostname.values.push(value); @@ -249,12 +251,10 @@ export default compose( handleToggleCnsEnabled: ({ target }) => dispatch(set({ name: `${CNS_FORM}-enabled`, value: !cnsEnabled })), handleAddService: ({ name }) => { - const serviceName = punycode.encode( - name - .toLowerCase() - .split(' ') - .join('-') - ); + const serviceName = punycode + .encode(name.toLowerCase().replace(/\s/g, '-')) + .replace(/\-$/, ''); + dispatch([ destroy(`${CNS_FORM}-new-service`), set({ diff --git a/packages/my-joy-beta/src/containers/create-instance/image.js b/packages/my-joy-beta/src/containers/create-instance/image.js index 611b2d0a..2fddff2d 100644 --- a/packages/my-joy-beta/src/containers/create-instance/image.js +++ b/packages/my-joy-beta/src/containers/create-instance/image.js @@ -50,7 +50,7 @@ const ImageContainer = ({ onSubmit={handleNext} > {props => - (loading && expanded) ? ( + loading && expanded ? ( ) : expanded ? ( without throwing 1`] = ` margin-left: 0.375rem; } -.c22 { +.c23 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -42,74 +42,74 @@ exports[`renders without throwing 1`] = ` display: none; } -.c22[type='checkbox'], -.c22[type='radio'] { +.c23[type='checkbox'], +.c23[type='radio'] { box-sizing: border-box; padding: 0; } -.c22[type='number']::-webkit-inner-spin-button, -.c22[type='number']::-webkit-outer-spin-button { +.c23[type='number']::-webkit-inner-spin-button, +.c23[type='number']::-webkit-outer-spin-button { height: auto; } -.c22[type='search'] { +.c23[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c22[type='search']::-webkit-search-cancel-button, -.c22[type='search']::-webkit-search-decoration { +.c23[type='search']::-webkit-search-cancel-button, +.c23[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c22::-webkit-file-upload-button { +.c23::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } -.c22:checked + label::after { +.c23:checked + label::after { opacity: 1; } -.c22:selected + label::after { +.c23:selected + label::after { opacity: 1; } -.c22:checked + label { +.c23:checked + label { border-color: rgb(59,70,204); } -.c22:selected + label { +.c23:selected + label { border-color: rgb(59,70,204); } -.c22:disabled + label { +.c23:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c17 { padding: 0rem; padding-left: 0.75rem; } -.c18 { +.c19 { padding-top: 0.25rem; } -.c25 { +.c26 { margin-bottom: 0.125rem; margin-left: 0.5625rem; } -.c29 { +.c30 { padding: 0rem; } @@ -289,7 +289,14 @@ exports[`renders without throwing 1`] = ` height: 1.875rem; } -.c23 { +.c13 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.25rem; +} + +.c24 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -307,7 +314,7 @@ exports[`renders without throwing 1`] = ` height: 1.125rem; } -.c23::after { +.c24::after { opacity: 0; content: ''; position: absolute; @@ -324,7 +331,7 @@ exports[`renders without throwing 1`] = ` transform: rotate(-45deg); } -.c21 { +.c22 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -333,7 +340,7 @@ exports[`renders without throwing 1`] = ` cursor: pointer; } -.c20 { +.c21 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -345,7 +352,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c20 label { +.c21 label { font-weight: 400; } @@ -381,7 +388,7 @@ exports[`renders without throwing 1`] = ` float: right; } -.c19 { +.c20 { display: inline-block; margin: 0; padding: 0; @@ -459,7 +466,7 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c13 { +.c14 { overflow: hidden; border-spacing: 0; border-collapse: separate; @@ -468,28 +475,28 @@ exports[`renders without throwing 1`] = ` max-width: 100%; } -.c14 { +.c15 { width: 100%; background: rgb(250,250,250); } -.c14 th:first-child { +.c15 th:first-child { border-top-left-radius: 0.25rem; } -.c14 th:last-child { +.c15 th:last-child { border-top-right-radius: 0.25rem; } -.c31 { +.c32 { width: 100%; } -.c31 tr:first-child td { +.c32 tr:first-child td { border-top: none; } -.c17 { +.c18 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -507,15 +514,15 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c17:not(:first-child) { +.c18:not(:first-child) { border-left-width: 0; } -.c17:not(:last-child) { +.c18:not(:last-child) { border-right-width: 0; } -.c24 { +.c25 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -538,42 +545,11 @@ exports[`renders without throwing 1`] = ` font-weight: bold; } -.c24:not(:first-child) { +.c25:not(:first-child) { border-left-width: 0; } -.c24:not(:last-child) { - border-right-width: 0; -} - -.c26 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 9.375rem; - display: table-cell; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c26:not(:first-child) { - border-left-width: 0; -} - -.c26:not(:last-child) { +.c25:not(:last-child) { border-right-width: 0; } @@ -586,8 +562,8 @@ exports[`renders without throwing 1`] = ` box-sizing: border-box; padding: 0 1.5rem; height: 3.75rem; - width: 0rem; - display: none; + width: 9.375rem; + display: table-cell; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -639,7 +615,38 @@ exports[`renders without throwing 1`] = ` border-right-width: 0; } -.c30 { +.c29 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c29:not(:first-child) { + border-left-width: 0; +} + +.c29:not(:last-child) { + border-right-width: 0; +} + +.c31 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -655,15 +662,15 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c30:not(:first-child) { +.c31:not(:first-child) { border-left-width: 0; } -.c30:not(:last-child) { +.c31:not(:last-child) { border-right-width: 0; } -.c15 { +.c16 { display: table-row; color: rgba(73,73,73,1); background-color: rgb(255,255,255); @@ -675,11 +682,11 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c15:last-child { +.c16:last-child { box-shadow: none; } -.c15:last-child td { +.c16:last-child td { border-bottom-width: 0.0625rem; } @@ -749,14 +756,14 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:47.9375rem) { - .c27 { + .c28 { width: 10rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c28 { + .c29 { width: 8.125rem; display: table-cell; } @@ -826,40 +833,44 @@ exports[`renders without throwing 1`] = ` +
without throwing 1`] = ` margin-left: 0.375rem; } -.c28 { +.c29 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -1009,94 +1020,94 @@ exports[`renders without throwing 1`] = ` display: none; } -.c28[type='checkbox'], -.c28[type='radio'] { +.c29[type='checkbox'], +.c29[type='radio'] { box-sizing: border-box; padding: 0; } -.c28[type='number']::-webkit-inner-spin-button, -.c28[type='number']::-webkit-outer-spin-button { +.c29[type='number']::-webkit-inner-spin-button, +.c29[type='number']::-webkit-outer-spin-button { height: auto; } -.c28[type='search'] { +.c29[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c28[type='search']::-webkit-search-cancel-button, -.c28[type='search']::-webkit-search-decoration { +.c29[type='search']::-webkit-search-cancel-button, +.c29[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c28::-webkit-file-upload-button { +.c29::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } -.c28:checked + label::after { +.c29:checked + label::after { opacity: 1; } -.c28:selected + label::after { +.c29:selected + label::after { opacity: 1; } -.c28:checked + label { +.c29:checked + label { border-color: rgb(59,70,204); } -.c28:selected + label { +.c29:selected + label { border-color: rgb(59,70,204); } -.c28:disabled + label { +.c29:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c22 { +.c23 { padding: 0rem; padding-left: 0.75rem; } -.c24 { +.c25 { padding-top: 0.25rem; } -.c31 { +.c32 { margin-bottom: 0.125rem; margin-left: 0.5625rem; } -.c35 { +.c36 { padding: 0rem; } -.c17 { +.c18 { color: rgba(73,73,73,1); line-height: 1.5rem; font-size: 0.9375rem; margin: 0; } -.c17 + p, -.c17 + small, -.c17 + h1, -.c17 + h2, -.c17 + label, -.c17 + h3, -.c17 + h4, -.c17 + h5, -.c17 + div, -.c17 + span { +.c18 + p, +.c18 + small, +.c18 + h1, +.c18 + h2, +.c18 + label, +.c18 + h3, +.c18 + h4, +.c18 + h5, +.c18 + div, +.c18 + span { padding-bottom: 2.25rem; } @@ -1269,7 +1280,7 @@ exports[`renders without throwing 1`] = ` padding-left: 0.5rem; } -.c16 { +.c17 { color: rgba(73,73,73,1); font-weight: 600; line-height: 1.5rem; @@ -1277,16 +1288,16 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c16 + p, -.c16 + small, -.c16 + h1, -.c16 + h2, -.c16 + label, -.c16 + h3, -.c16 + h4, -.c16 + h5, -.c16 + div, -.c16 + span { +.c17 + p, +.c17 + small, +.c17 + h1, +.c17 + h2, +.c17 + label, +.c17 + h3, +.c17 + h4, +.c17 + h5, +.c17 + div, +.c17 + span { margin-top: 0.75rem; } @@ -1297,7 +1308,14 @@ exports[`renders without throwing 1`] = ` height: 1.875rem; } -.c29 { +.c13 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.25rem; +} + +.c30 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -1315,7 +1333,7 @@ exports[`renders without throwing 1`] = ` height: 1.125rem; } -.c29::after { +.c30::after { opacity: 0; content: ''; position: absolute; @@ -1332,7 +1350,7 @@ exports[`renders without throwing 1`] = ` transform: rotate(-45deg); } -.c27 { +.c28 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -1341,7 +1359,7 @@ exports[`renders without throwing 1`] = ` cursor: pointer; } -.c26 { +.c27 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -1353,7 +1371,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c26 label { +.c27 label { font-weight: 400; } @@ -1389,7 +1407,7 @@ exports[`renders without throwing 1`] = ` float: right; } -.c25 { +.c26 { display: inline-block; margin: 0; padding: 0; @@ -1467,7 +1485,7 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c13 { +.c14 { position: relative; margin-bottom: 0.75rem; background-color: rgb(255,255,255); @@ -1480,7 +1498,7 @@ exports[`renders without throwing 1`] = ` display: flex; } -.c14 { +.c15 { min-width: 2.25rem; margin-right: 1.125rem; min-height: 100%; @@ -1488,17 +1506,17 @@ exports[`renders without throwing 1`] = ` background-color: rgb(210,67,58); } -.c15 { +.c16 { padding: 0.75rem 0 0.84375rem 0; } -.c18 { +.c19 { position: absolute; right: 0.1875rem; margin: 0; } -.c19 { +.c20 { overflow: hidden; border-spacing: 0; border-collapse: separate; @@ -1507,28 +1525,28 @@ exports[`renders without throwing 1`] = ` max-width: 100%; } -.c20 { +.c21 { width: 100%; background: rgb(250,250,250); } -.c20 th:first-child { +.c21 th:first-child { border-top-left-radius: 0.25rem; } -.c20 th:last-child { +.c21 th:last-child { border-top-right-radius: 0.25rem; } -.c37 { +.c38 { width: 100%; } -.c37 tr:first-child td { +.c38 tr:first-child td { border-top: none; } -.c23 { +.c24 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -1546,15 +1564,15 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c23:not(:first-child) { +.c24:not(:first-child) { border-left-width: 0; } -.c23:not(:last-child) { +.c24:not(:last-child) { border-right-width: 0; } -.c30 { +.c31 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -1577,42 +1595,11 @@ exports[`renders without throwing 1`] = ` font-weight: bold; } -.c30:not(:first-child) { +.c31:not(:first-child) { border-left-width: 0; } -.c30:not(:last-child) { - border-right-width: 0; -} - -.c32 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 9.375rem; - display: table-cell; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c32:not(:first-child) { - border-left-width: 0; -} - -.c32:not(:last-child) { +.c31:not(:last-child) { border-right-width: 0; } @@ -1625,8 +1612,8 @@ exports[`renders without throwing 1`] = ` box-sizing: border-box; padding: 0 1.5rem; height: 3.75rem; - width: 0rem; - display: none; + width: 9.375rem; + display: table-cell; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -1678,7 +1665,38 @@ exports[`renders without throwing 1`] = ` border-right-width: 0; } -.c36 { +.c35 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c35:not(:first-child) { + border-left-width: 0; +} + +.c35:not(:last-child) { + border-right-width: 0; +} + +.c37 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -1694,15 +1712,15 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c36:not(:first-child) { +.c37:not(:first-child) { border-left-width: 0; } -.c36:not(:last-child) { +.c37:not(:last-child) { border-right-width: 0; } -.c21 { +.c22 { display: table-row; color: rgba(73,73,73,1); background-color: rgb(255,255,255); @@ -1714,11 +1732,11 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c21:last-child { +.c22:last-child { box-shadow: none; } -.c21:last-child td { +.c22:last-child td { border-bottom-width: 0.0625rem; } @@ -1788,14 +1806,14 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:47.9375rem) { - .c33 { + .c34 { width: 10rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c34 { + .c35 { width: 8.125rem; display: table-cell; } @@ -1865,29 +1883,33 @@ exports[`renders without throwing 1`] = ` +

Ooops!

An error occurred while loading your instances

without throwing 1`] = `
  • without throwing 1`] = ` > without throwing 1`] = ` type="checkbox" />
    @@ -884,7 +895,7 @@ exports[`renders without throwing 1`] = `
  • without throwing 1`] = ` Name without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = `
    without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` -.c35 { +.c36 { background-color: transparent; text-decoration-skip: objects; } @@ -2085,7 +2107,7 @@ exports[`renders without throwing 1`] = ` margin-left: 0.375rem; } -.c22 { +.c23 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -2094,87 +2116,87 @@ exports[`renders without throwing 1`] = ` display: none; } -.c22[type='checkbox'], -.c22[type='radio'] { +.c23[type='checkbox'], +.c23[type='radio'] { box-sizing: border-box; padding: 0; } -.c22[type='number']::-webkit-inner-spin-button, -.c22[type='number']::-webkit-outer-spin-button { +.c23[type='number']::-webkit-inner-spin-button, +.c23[type='number']::-webkit-outer-spin-button { height: auto; } -.c22[type='search'] { +.c23[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c22[type='search']::-webkit-search-cancel-button, -.c22[type='search']::-webkit-search-decoration { +.c23[type='search']::-webkit-search-cancel-button, +.c23[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c22::-webkit-file-upload-button { +.c23::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } -.c22:checked + label::after { +.c23:checked + label::after { opacity: 1; } -.c22:selected + label::after { +.c23:selected + label::after { opacity: 1; } -.c22:checked + label { +.c23:checked + label { border-color: rgb(59,70,204); } -.c22:selected + label { +.c23:selected + label { border-color: rgb(59,70,204); } -.c22:disabled + label { +.c23:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c34 { +.c35 { color: rgb(59,70,204); -webkit-text-fill-color: currentcolor; } -.c34:hover { +.c35:hover { text-decoration: none; } -.c16 { +.c17 { padding: 0rem; padding-left: 0.75rem; } -.c18 { +.c19 { padding-top: 0.25rem; } -.c25 { +.c26 { margin-bottom: 0.125rem; margin-left: 0.5625rem; } -.c29 { +.c30 { padding: 0rem; } -.c36 { +.c37 { height: 0.6875rem; width: 0.6875rem; border-radius: 0.6875rem; @@ -2356,7 +2378,14 @@ exports[`renders without throwing 1`] = ` height: 1.875rem; } -.c37 { +.c13 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.25rem; +} + +.c38 { width: 0.375rem; height: 0.375rem; border-radius: 50%; @@ -2364,7 +2393,7 @@ exports[`renders without throwing 1`] = ` display: inline-block; } -.c23 { +.c24 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -2382,7 +2411,7 @@ exports[`renders without throwing 1`] = ` height: 1.125rem; } -.c23::after { +.c24::after { opacity: 0; content: ''; position: absolute; @@ -2399,7 +2428,7 @@ exports[`renders without throwing 1`] = ` transform: rotate(-45deg); } -.c21 { +.c22 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -2408,7 +2437,7 @@ exports[`renders without throwing 1`] = ` cursor: pointer; } -.c20 { +.c21 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -2420,7 +2449,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c20 label { +.c21 label { font-weight: 400; } @@ -2456,7 +2485,7 @@ exports[`renders without throwing 1`] = ` float: right; } -.c19 { +.c20 { display: inline-block; margin: 0; padding: 0; @@ -2534,7 +2563,7 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c41 { +.c42 { cursor: pointer; height: 100%; width: 100%; @@ -2552,7 +2581,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c13 { +.c14 { overflow: hidden; border-spacing: 0; border-collapse: separate; @@ -2561,28 +2590,28 @@ exports[`renders without throwing 1`] = ` max-width: 100%; } -.c14 { +.c15 { width: 100%; background: rgb(250,250,250); } -.c14 th:first-child { +.c15 th:first-child { border-top-left-radius: 0.25rem; } -.c14 th:last-child { +.c15 th:last-child { border-top-right-radius: 0.25rem; } -.c31 { +.c32 { width: 100%; } -.c31 tr:first-child td { +.c32 tr:first-child td { border-top: none; } -.c17 { +.c18 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -2600,15 +2629,15 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c17:not(:first-child) { +.c18:not(:first-child) { border-left-width: 0; } -.c17:not(:last-child) { +.c18:not(:last-child) { border-right-width: 0; } -.c24 { +.c25 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -2631,42 +2660,11 @@ exports[`renders without throwing 1`] = ` font-weight: bold; } -.c24:not(:first-child) { +.c25:not(:first-child) { border-left-width: 0; } -.c24:not(:last-child) { - border-right-width: 0; -} - -.c26 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 9.375rem; - display: table-cell; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c26:not(:first-child) { - border-left-width: 0; -} - -.c26:not(:last-child) { +.c25:not(:last-child) { border-right-width: 0; } @@ -2679,8 +2677,8 @@ exports[`renders without throwing 1`] = ` box-sizing: border-box; padding: 0 1.5rem; height: 3.75rem; - width: 0rem; - display: none; + width: 9.375rem; + display: table-cell; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -2732,7 +2730,38 @@ exports[`renders without throwing 1`] = ` border-right-width: 0; } -.c30 { +.c29 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c29:not(:first-child) { + border-left-width: 0; +} + +.c29:not(:last-child) { + border-right-width: 0; +} + +.c31 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -2748,15 +2777,15 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c30:not(:first-child) { +.c31:not(:first-child) { border-left-width: 0; } -.c30:not(:last-child) { +.c31:not(:last-child) { border-right-width: 0; } -.c33 { +.c34 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -2770,35 +2799,11 @@ exports[`renders without throwing 1`] = ` border-bottom-width: 0; } -.c33:not(:first-child) { +.c34:not(:first-child) { border-left-width: 0; } -.c33:not(:last-child) { - border-right-width: 0; -} - -.c38 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c38:not(:first-child) { - border-left-width: 0; -} - -.c38:not(:last-child) { +.c34:not(:last-child) { border-right-width: 0; } @@ -2835,8 +2840,11 @@ exports[`renders without throwing 1`] = ` box-sizing: border-box; padding: 0 1.5rem; height: 3.75rem; + width: 0rem; + display: none; + vertical-align: middle; + text-align: left; border-bottom-width: 0; - border-left-width: 0.0625rem !important; } .c40:not(:first-child) { @@ -2847,7 +2855,28 @@ exports[`renders without throwing 1`] = ` border-right-width: 0; } -.c15 { +.c41 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + border-bottom-width: 0; + border-left-width: 0.0625rem !important; +} + +.c41:not(:first-child) { + border-left-width: 0; +} + +.c41:not(:last-child) { + border-right-width: 0; +} + +.c16 { display: table-row; color: rgba(73,73,73,1); background-color: rgb(255,255,255); @@ -2859,15 +2888,15 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c15:last-child { +.c16:last-child { box-shadow: none; } -.c15:last-child td { +.c16:last-child td { border-bottom-width: 0.0625rem; } -.c32 { +.c33 { display: table-row; color: rgba(73,73,73,1); background-color: rgb(255,255,255); @@ -2875,11 +2904,11 @@ exports[`renders without throwing 1`] = ` box-sizing: border-box; } -.c32:last-child { +.c33:last-child { box-shadow: none; } -.c32:last-child td { +.c33:last-child td { border-bottom-width: 0.0625rem; } @@ -2949,28 +2978,28 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:47.9375rem) { - .c27 { + .c28 { width: 10rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c28 { + .c29 { width: 8.125rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c38 { + .c39 { width: 10rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c39 { + .c40 { width: 8.125rem; display: table-cell; } @@ -3040,40 +3069,44 @@ exports[`renders without throwing 1`] = ` +
  • without throwing 1`] = ` > without throwing 1`] = ` type="checkbox" />
    @@ -1964,7 +1986,7 @@ exports[`renders without throwing 1`] = `
  • without throwing 1`] = ` Name without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = `
  • without throwing 1`] = ` > without throwing 1`] = ` type="checkbox" />
    @@ -3098,7 +3131,7 @@ exports[`renders without throwing 1`] = `
  • without throwing 1`] = ` Name without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = ` without throwing 1`] = `
  • without throwing 1`] = ` >
    @@ -3222,27 +3255,27 @@ exports[`renders without throwing 1`] = `
  • 2252839a without throwing 1`] = ` without throwing 1`] = ` almost NaN years without throwing 1`] = `
    without throwing 1`] = `
  • without throwing 1`] = ` >
    @@ -3371,27 +3404,27 @@ exports[`renders without throwing 1`] = `
  • f1bd1730 without throwing 1`] = ` without throwing 1`] = ` almost NaN years without throwing 1`] = `
    without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` -.c35 { +.c36 { background-color: transparent; text-decoration-skip: objects; } @@ -3518,7 +3551,7 @@ exports[`renders without throwing 1`] = ` margin-left: 0.375rem; } -.c22 { +.c23 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -3527,87 +3560,87 @@ exports[`renders without throwing 1`] = ` display: none; } -.c22[type='checkbox'], -.c22[type='radio'] { +.c23[type='checkbox'], +.c23[type='radio'] { box-sizing: border-box; padding: 0; } -.c22[type='number']::-webkit-inner-spin-button, -.c22[type='number']::-webkit-outer-spin-button { +.c23[type='number']::-webkit-inner-spin-button, +.c23[type='number']::-webkit-outer-spin-button { height: auto; } -.c22[type='search'] { +.c23[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c22[type='search']::-webkit-search-cancel-button, -.c22[type='search']::-webkit-search-decoration { +.c23[type='search']::-webkit-search-cancel-button, +.c23[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c22::-webkit-file-upload-button { +.c23::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } -.c22:checked + label::after { +.c23:checked + label::after { opacity: 1; } -.c22:selected + label::after { +.c23:selected + label::after { opacity: 1; } -.c22:checked + label { +.c23:checked + label { border-color: rgb(59,70,204); } -.c22:selected + label { +.c23:selected + label { border-color: rgb(59,70,204); } -.c22:disabled + label { +.c23:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c34 { +.c35 { color: rgb(59,70,204); -webkit-text-fill-color: currentcolor; } -.c34:hover { +.c35:hover { text-decoration: none; } -.c16 { +.c17 { padding: 0rem; padding-left: 0.75rem; } -.c18 { +.c19 { padding-top: 0.25rem; } -.c25 { +.c26 { margin-bottom: 0.125rem; margin-left: 0.5625rem; } -.c29 { +.c30 { padding: 0rem; } -.c36 { +.c37 { height: 0.6875rem; width: 0.6875rem; border-radius: 0.6875rem; @@ -3701,7 +3734,7 @@ exports[`renders without throwing 1`] = ` max-height: 1.125rem; } -.c46 { +.c47 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -3761,131 +3794,6 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c46:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c46:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c46:active, -.c46:active:hover, -.c46:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c46[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c46:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c46:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c46:active, -.c46:active:hover, -.c46:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c46:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c46:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c46:active, -.c46:active:hover, -.c46:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c46 svg + span { - margin-left: 0.75rem; -} - -.c46 svg { - max-height: 1.125rem; -} - -.c47 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - 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; -} - .c47:focus { outline: 0; text-decoration: none; @@ -3954,5007 +3862,6 @@ exports[`renders without throwing 1`] = ` max-height: 1.125rem; } -.c49 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - padding: 0.5625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; - 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; - float: right; -} - -.c49:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c49:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c49[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c49:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c49:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c49:focus { - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); -} - -.c49:hover { - background-color: rgb(247,247,247); - border-color: rgb(210,67,58); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(210,67,58); -} - -.c49:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c49:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c49 svg + span { - margin-left: 0.75rem; -} - -.c49 svg { - max-height: 1.125rem; -} - -.c50 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - 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; - float: right; -} - -.c50:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c50:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c50[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c50:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c50:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c50:focus { - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); -} - -.c50:hover { - background-color: rgb(247,247,247); - border-color: rgb(210,67,58); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(210,67,58); -} - -.c50:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c50:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c50 svg + span { - margin-left: 0.75rem; -} - -.c50 svg { - max-height: 1.125rem; -} - -.c6 { - 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; -} - -.c0 { - margin-right: auto; - margin-left: auto; - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - padding-bottom: 1.125rem; -} - -.c43 { - margin-right: auto; - margin-left: auto; - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; -} - -.c2 { - 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.5rem; - margin-left: -0.5rem; -} - -.c3 { - 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.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c44 { - 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.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c8 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c45 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c48 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c1 { - background-color: rgb(216,216,216); - margin: 0; - background-color: transparent; - height: 1.875rem; -} - -.c42 { - 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-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - background-color: rgba(241,241,241,1); - border-top: 0.0625rem solid rgb(216,216,216); - max-height: 3.3125rem; - min-height: 3.3125rem; - line-height: 1.5625rem; - height: 4.375rem; - max-height: 4.375rem; - position: fixed; - left: 0; - right: 0; - bottom: 0; -} - -.c37 { - width: 0.375rem; - height: 0.375rem; - border-radius: 50%; - background-color: rgb(0,152,88); - display: inline-block; -} - -.c23 { - color: rgb(100,100,100); - position: absolute; - width: 1.125rem; - height: 1.125rem; - box-sizing: border-box; - top: 0; - right: 0; - cursor: pointer; - background-color: rgb(255,255,255); - box-shadow: none; - border: 0.0625rem solid rgb(216,216,216); - cursor: pointer; - border-radius: 0.25rem; - width: 1.125rem; - height: 1.125rem; -} - -.c23::after { - opacity: 0; - content: ''; - position: absolute; - width: 0.375rem; - height: 0.125rem; - background: transparent; - top: 0.3125rem; - left: 0.25rem; - border: 0.125rem solid rgb(45,45,45); - border-top: none; - border-right: none; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -.c21 { - display: inline-block; - vertical-align: text-bottom; - width: 1.125rem; - height: 1.125rem; - position: relative; - cursor: pointer; -} - -.c20 { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c20 label { - font-weight: 400; -} - -.c5 { - 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%; -} - -.c9 { - 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; - float: right; -} - -.c19 { - 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; -} - -.c7 { - 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); - width: 100%; - 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; -} - -.c7::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:invalid { - box-shadow: none; -} - -.c7:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c7:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c41 { - cursor: pointer; - height: 100%; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -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; -} - -.c13 { - overflow: hidden; - border-spacing: 0; - border-collapse: separate; - table-layout: fixed; - width: 100%; - max-width: 100%; -} - -.c14 { - width: 100%; - background: rgb(250,250,250); -} - -.c14 th:first-child { - border-top-left-radius: 0.25rem; -} - -.c14 th:last-child { - border-top-right-radius: 0.25rem; -} - -.c31 { - width: 100%; -} - -.c31 tr:first-child td { - border-top: none; -} - -.c17 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 2rem; - display: table-cell; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c17:not(:first-child) { - border-left-width: 0; -} - -.c17:not(:last-child) { - border-right-width: 0; -} - -.c24 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; - color: rgba(73,73,73,1); - font-weight: bold; -} - -.c24:not(:first-child) { - border-left-width: 0; -} - -.c24:not(:last-child) { - border-right-width: 0; -} - -.c26 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 9.375rem; - display: table-cell; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c26:not(:first-child) { - border-left-width: 0; -} - -.c26:not(:last-child) { - border-right-width: 0; -} - -.c27 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c27:not(:first-child) { - border-left-width: 0; -} - -.c27:not(:last-child) { - border-right-width: 0; -} - -.c28 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c28:not(:first-child) { - border-left-width: 0; -} - -.c28:not(:last-child) { - border-right-width: 0; -} - -.c30 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 3.75rem; - display: table-cell; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c30:not(:first-child) { - border-left-width: 0; -} - -.c30:not(:last-child) { - border-right-width: 0; -} - -.c33 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c33:not(:first-child) { - border-left-width: 0; -} - -.c33:not(:last-child) { - border-right-width: 0; -} - -.c38 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c38:not(:first-child) { - border-left-width: 0; -} - -.c38:not(:last-child) { - border-right-width: 0; -} - -.c39 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c39:not(:first-child) { - border-left-width: 0; -} - -.c39:not(:last-child) { - border-right-width: 0; -} - -.c40 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - border-bottom-width: 0; - border-left-width: 0.0625rem !important; -} - -.c40:not(:first-child) { - border-left-width: 0; -} - -.c40:not(:last-child) { - border-right-width: 0; -} - -.c15 { - display: table-row; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); - box-sizing: border-box; - color: rgba(73,73,73,1); - background-color: transparent; - border: none; - box-shadow: none; -} - -.c15:last-child { - box-shadow: none; -} - -.c15:last-child td { - border-bottom-width: 0.0625rem; -} - -.c32 { - display: table-row; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); - box-sizing: border-box; -} - -.c32:last-child { - box-shadow: none; -} - -.c32:last-child td { - border-bottom-width: 0.0625rem; -} - -@media only screen and (min-width:48em) { - .c0 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c0 { - width: 61rem; - } -} - -@media only screen and (min-width:75em) { - .c0 { - width: 76rem; - } -} - -@media only screen and (max-width:47.9375rem) { - .c0 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -@media only screen and (min-width:48em) { - .c43 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c43 { - width: 61rem; - } -} - -@media only screen and (min-width:75em) { - .c43 { - width: 76rem; - } -} - -@media only screen and (max-width:47.9375rem) { - .c43 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -@media only screen and (min-width:0em) { - .c44 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width:0em) { - .c44 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } -} - -@media only screen and (min-width:0em) { - .c4 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - display: block; - } -} - -@media only screen and (min-width:48em) { - .c4 { - -webkit-flex-basis: 41.66666666666667%; - -ms-flex-preferred-size: 41.66666666666667%; - flex-basis: 41.66666666666667%; - max-width: 41.66666666666667%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c8 { - -webkit-flex-basis: 41.66666666666667%; - -ms-flex-preferred-size: 41.66666666666667%; - flex-basis: 41.66666666666667%; - max-width: 41.66666666666667%; - display: block; - } -} - -@media only screen and (min-width:48em) { - .c8 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c45 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c48 { - -webkit-flex-basis: 41.66666666666667%; - -ms-flex-preferred-size: 41.66666666666667%; - flex-basis: 41.66666666666667%; - max-width: 41.66666666666667%; - display: block; - } -} - -@media only screen and (min-width:47.9375rem) { - .c27 { - width: 10rem; - display: table-cell; - } -} - -@media only screen and (min-width:47.9375rem) { - .c28 { - width: 8.125rem; - display: table-cell; - } -} - -@media only screen and (min-width:47.9375rem) { - .c38 { - width: 10rem; - display: table-cell; - } -} - -@media only screen and (min-width:47.9375rem) { - .c39 { - width: 8.125rem; - display: table-cell; - } -} - -
    -
    - -
    -
    -
    - - -
    -
    -
    -
    - - -
    -
    -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    -
    -
  • -
    - -
    -
  • -
    -
    - - Name - - - - - - - Status - - - - Created - - - - Short ID - - -
    -
    -
  • -
    - -
    -
  • -
    -
    - - 2252839a - - - - - - Running - - - almost NaN years - - - 2252839 - - -
    - - - - - -
    -
    -
    -
  • -
    - -
    -
  • -
    -
    - - f1bd1730 - - - - - - Running - - - almost NaN years - - - f1bd173 - - -
    - - - - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - -
    -
    - - - - - - -
    -
    -
    -
    -
    -`; - -exports[`renders without throwing 1`] = ` -.c35 { - background-color: transparent; - text-decoration-skip: objects; -} - -.c12 { - 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; -} - -.c12::-moz-focus-inner, -.c12[type='button']::-moz-focus-inner, -.c12[type='reset']::-moz-focus-inner, -.c12[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c12:-moz-focusring, -.c12[type='button']:-moz-focusring, -.c12[type='reset']:-moz-focusring, -.c12[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c12 + button { - margin-left: 0.375rem; -} - -.c22 { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; - overflow: visible; - display: none; -} - -.c22[type='checkbox'], -.c22[type='radio'] { - box-sizing: border-box; - padding: 0; -} - -.c22[type='number']::-webkit-inner-spin-button, -.c22[type='number']::-webkit-outer-spin-button { - height: auto; -} - -.c22[type='search'] { - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; - outline-offset: -0.125rem; -} - -.c22[type='search']::-webkit-search-cancel-button, -.c22[type='search']::-webkit-search-decoration { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.c22::-webkit-file-upload-button { - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - font: inherit; -} - -.c22:checked + label::after { - opacity: 1; -} - -.c22:selected + label::after { - opacity: 1; -} - -.c22:checked + label { - border-color: rgb(59,70,204); -} - -.c22:selected + label { - border-color: rgb(59,70,204); -} - -.c22:disabled + label { - background-color: rgb(249,249,249); - cursor: not-allowed; -} - -.c34 { - color: rgb(59,70,204); - -webkit-text-fill-color: currentcolor; -} - -.c34:hover { - text-decoration: none; -} - -.c16 { - padding: 0rem; - padding-left: 0.75rem; -} - -.c18 { - padding-top: 0.25rem; -} - -.c25 { - margin-bottom: 0.125rem; - margin-left: 0.5625rem; -} - -.c29 { - padding: 0rem; -} - -.c36 { - height: 0.6875rem; - width: 0.6875rem; - border-radius: 0.6875rem; -} - -.c11 { - display: inline-block; -} - -.c10 { - 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-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); - 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; - width: 100%; - max-width: 100%; -} - -.c10:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c10:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c10:active, -.c10:active:hover, -.c10:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c10[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c10 svg + span { - margin-left: 0.75rem; -} - -.c10 svg { - max-height: 1.125rem; -} - -.c46 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - padding: 0.5625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; - 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; -} - -.c46:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c46:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c46:active, -.c46:active:hover, -.c46:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c46[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c46:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c46:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c46:active, -.c46:active:hover, -.c46:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c46:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c46:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c46:active, -.c46:active:hover, -.c46:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c46 svg + span { - margin-left: 0.75rem; -} - -.c46 svg { - max-height: 1.125rem; -} - -.c47 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - 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; -} - -.c47:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c47:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c47:active, -.c47:active:hover, -.c47:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c47[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c47:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c47:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c47:active, -.c47:active:hover, -.c47:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c47:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c47:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c47:active, -.c47:active:hover, -.c47:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c47 svg + span { - margin-left: 0.75rem; -} - -.c47 svg { - max-height: 1.125rem; -} - -.c49 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - padding: 0.5625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; - 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; - float: right; -} - -.c49:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c49:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c49[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c49:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c49:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c49:focus { - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); -} - -.c49:hover { - background-color: rgb(247,247,247); - border-color: rgb(210,67,58); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(210,67,58); -} - -.c49:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c49:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c49:active, -.c49:active:hover, -.c49:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c49 svg + span { - margin-left: 0.75rem; -} - -.c49 svg { - max-height: 1.125rem; -} - -.c50 { - 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-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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - 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; - float: right; -} - -.c50:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c50:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c50[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c50:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c50:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c50:focus { - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); -} - -.c50:hover { - background-color: rgb(247,247,247); - border-color: rgb(210,67,58); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(210,67,58); -} - -.c50:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c50:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c50:active, -.c50:active:hover, -.c50:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c50 svg + span { - margin-left: 0.75rem; -} - -.c50 svg { - max-height: 1.125rem; -} - -.c6 { - 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; -} - -.c0 { - margin-right: auto; - margin-left: auto; - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - padding-bottom: 1.125rem; -} - -.c43 { - margin-right: auto; - margin-left: auto; - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; -} - -.c2 { - 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.5rem; - margin-left: -0.5rem; -} - -.c3 { - 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.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c44 { - 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.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c8 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c45 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c48 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c1 { - background-color: rgb(216,216,216); - margin: 0; - background-color: transparent; - height: 1.875rem; -} - -.c42 { - 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-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - background-color: rgba(241,241,241,1); - border-top: 0.0625rem solid rgb(216,216,216); - max-height: 3.3125rem; - min-height: 3.3125rem; - line-height: 1.5625rem; - height: 4.375rem; - max-height: 4.375rem; - position: fixed; - left: 0; - right: 0; - bottom: 0; -} - -.c37 { - width: 0.375rem; - height: 0.375rem; - border-radius: 50%; - background-color: rgb(0,152,88); - display: inline-block; -} - -.c23 { - color: rgb(100,100,100); - position: absolute; - width: 1.125rem; - height: 1.125rem; - box-sizing: border-box; - top: 0; - right: 0; - cursor: pointer; - background-color: rgb(255,255,255); - box-shadow: none; - border: 0.0625rem solid rgb(216,216,216); - cursor: pointer; - border-radius: 0.25rem; - width: 1.125rem; - height: 1.125rem; -} - -.c23::after { - opacity: 0; - content: ''; - position: absolute; - width: 0.375rem; - height: 0.125rem; - background: transparent; - top: 0.3125rem; - left: 0.25rem; - border: 0.125rem solid rgb(45,45,45); - border-top: none; - border-right: none; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -.c21 { - display: inline-block; - vertical-align: text-bottom; - width: 1.125rem; - height: 1.125rem; - position: relative; - cursor: pointer; -} - -.c20 { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c20 label { - font-weight: 400; -} - -.c5 { - 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%; -} - -.c9 { - 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; - float: right; -} - -.c19 { - 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; -} - -.c7 { - 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); - width: 100%; - 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; -} - -.c7::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:invalid { - box-shadow: none; -} - -.c7:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c7:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c7:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c41 { - cursor: pointer; - height: 100%; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -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; -} - -.c13 { - overflow: hidden; - border-spacing: 0; - border-collapse: separate; - table-layout: fixed; - width: 100%; - max-width: 100%; -} - -.c14 { - width: 100%; - background: rgb(250,250,250); -} - -.c14 th:first-child { - border-top-left-radius: 0.25rem; -} - -.c14 th:last-child { - border-top-right-radius: 0.25rem; -} - -.c31 { - width: 100%; -} - -.c31 tr:first-child td { - border-top: none; -} - -.c17 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 2rem; - display: table-cell; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c17:not(:first-child) { - border-left-width: 0; -} - -.c17:not(:last-child) { - border-right-width: 0; -} - -.c24 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; - color: rgba(73,73,73,1); - font-weight: bold; -} - -.c24:not(:first-child) { - border-left-width: 0; -} - -.c24:not(:last-child) { - border-right-width: 0; -} - -.c26 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 9.375rem; - display: table-cell; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c26:not(:first-child) { - border-left-width: 0; -} - -.c26:not(:last-child) { - border-right-width: 0; -} - -.c27 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c27:not(:first-child) { - border-left-width: 0; -} - -.c27:not(:last-child) { - border-right-width: 0; -} - -.c28 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c28:not(:first-child) { - border-left-width: 0; -} - -.c28:not(:last-child) { - border-right-width: 0; -} - -.c30 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 3.75rem; - display: table-cell; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c30:not(:first-child) { - border-left-width: 0; -} - -.c30:not(:last-child) { - border-right-width: 0; -} - -.c33 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c33:not(:first-child) { - border-left-width: 0; -} - -.c33:not(:last-child) { - border-right-width: 0; -} - -.c38 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c38:not(:first-child) { - border-left-width: 0; -} - -.c38:not(:last-child) { - border-right-width: 0; -} - -.c39 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c39:not(:first-child) { - border-left-width: 0; -} - -.c39:not(:last-child) { - border-right-width: 0; -} - -.c40 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - border-bottom-width: 0; - border-left-width: 0.0625rem !important; -} - -.c40:not(:first-child) { - border-left-width: 0; -} - -.c40:not(:last-child) { - border-right-width: 0; -} - -.c15 { - display: table-row; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); - box-sizing: border-box; - color: rgba(73,73,73,1); - background-color: transparent; - border: none; - box-shadow: none; -} - -.c15:last-child { - box-shadow: none; -} - -.c15:last-child td { - border-bottom-width: 0.0625rem; -} - -.c32 { - display: table-row; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); - box-sizing: border-box; -} - -.c32:last-child { - box-shadow: none; -} - -.c32:last-child td { - border-bottom-width: 0.0625rem; -} - -@media only screen and (min-width:48em) { - .c0 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c0 { - width: 61rem; - } -} - -@media only screen and (min-width:75em) { - .c0 { - width: 76rem; - } -} - -@media only screen and (max-width:47.9375rem) { - .c0 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -@media only screen and (min-width:48em) { - .c43 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c43 { - width: 61rem; - } -} - -@media only screen and (min-width:75em) { - .c43 { - width: 76rem; - } -} - -@media only screen and (max-width:47.9375rem) { - .c43 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -@media only screen and (min-width:0em) { - .c44 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width:0em) { - .c44 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } -} - -@media only screen and (min-width:0em) { - .c4 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - display: block; - } -} - -@media only screen and (min-width:48em) { - .c4 { - -webkit-flex-basis: 41.66666666666667%; - -ms-flex-preferred-size: 41.66666666666667%; - flex-basis: 41.66666666666667%; - max-width: 41.66666666666667%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c8 { - -webkit-flex-basis: 41.66666666666667%; - -ms-flex-preferred-size: 41.66666666666667%; - flex-basis: 41.66666666666667%; - max-width: 41.66666666666667%; - display: block; - } -} - -@media only screen and (min-width:48em) { - .c8 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c45 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c48 { - -webkit-flex-basis: 41.66666666666667%; - -ms-flex-preferred-size: 41.66666666666667%; - flex-basis: 41.66666666666667%; - max-width: 41.66666666666667%; - display: block; - } -} - -@media only screen and (min-width:47.9375rem) { - .c27 { - width: 10rem; - display: table-cell; - } -} - -@media only screen and (min-width:47.9375rem) { - .c28 { - width: 8.125rem; - display: table-cell; - } -} - -@media only screen and (min-width:47.9375rem) { - .c38 { - width: 10rem; - display: table-cell; - } -} - -@media only screen and (min-width:47.9375rem) { - .c39 { - width: 8.125rem; - display: table-cell; - } -} - -
    -
    -
    -
    -
    -
    - - -
    -
    -
    -
    - - -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    -
    -
  • -
    - -
    -
  • -
    -
    - - Name - - - - - - - Status - - - - Created - - - - Short ID - - -
    -
    -
  • -
    - -
    -
  • -
    -
    - - 2252839a - - - - - - Running - - - almost NaN years - - - 2252839 - - -
    - - - - - -
    -
    -
    -
  • -
    - -
    -
  • -
    -
    - - f1bd1730 - - - - - - Running - - - almost NaN years - - - f1bd173 - - -
    - - - - - -
    -
    -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - -
    -
    - - - - - - -
    -
    -
    -
    -
    -`; - -exports[`renders without throwing 1`] = ` -.c35 { - background-color: transparent; - text-decoration-skip: objects; -} - -.c12 { - 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; -} - -.c12::-moz-focus-inner, -.c12[type='button']::-moz-focus-inner, -.c12[type='reset']::-moz-focus-inner, -.c12[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c12:-moz-focusring, -.c12[type='button']:-moz-focusring, -.c12[type='reset']:-moz-focusring, -.c12[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c12 + button { - margin-left: 0.375rem; -} - -.c22 { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; - overflow: visible; - display: none; -} - -.c22[type='checkbox'], -.c22[type='radio'] { - box-sizing: border-box; - padding: 0; -} - -.c22[type='number']::-webkit-inner-spin-button, -.c22[type='number']::-webkit-outer-spin-button { - height: auto; -} - -.c22[type='search'] { - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; - outline-offset: -0.125rem; -} - -.c22[type='search']::-webkit-search-cancel-button, -.c22[type='search']::-webkit-search-decoration { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.c22::-webkit-file-upload-button { - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - font: inherit; -} - -.c22:checked + label::after { - opacity: 1; -} - -.c22:selected + label::after { - opacity: 1; -} - -.c22:checked + label { - border-color: rgb(59,70,204); -} - -.c22:selected + label { - border-color: rgb(59,70,204); -} - -.c22:disabled + label { - background-color: rgb(249,249,249); - cursor: not-allowed; -} - -.c34 { - color: rgb(59,70,204); - -webkit-text-fill-color: currentcolor; -} - -.c34:hover { - text-decoration: none; -} - -.c16 { - padding: 0rem; - padding-left: 0.75rem; -} - -.c18 { - padding-top: 0.25rem; -} - -.c25 { - margin-bottom: 0.125rem; - margin-left: 0.5625rem; -} - -.c29 { - padding: 0rem; -} - -.c36 { - height: 0.6875rem; - width: 0.6875rem; - border-radius: 0.6875rem; -} - -.c11 { - display: inline-block; -} - -.c10 { - 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-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); - 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; - width: 100%; - max-width: 100%; -} - -.c10:focus { - outline: 0; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c10:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c10:active, -.c10:active:hover, -.c10:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c10[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c10 svg + span { - margin-left: 0.75rem; -} - -.c10 svg { - max-height: 1.125rem; -} - .c48 { box-sizing: border-box; display: inline-block; @@ -9002,9 +3909,6 @@ exports[`renders without throwing color: rgb(216,216,216); background-color: rgb(250,250,250); border-color: rgb(216,216,216); - padding: 0.5625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9083,7 +3987,7 @@ exports[`renders without throwing max-height: 1.125rem; } -.c49 { +.c50 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -9125,11 +4029,18 @@ exports[`renders without throwing -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); cursor: not-allowed; pointer-events: none; color: rgb(216,216,216); background-color: rgb(250,250,250); border-color: rgb(216,216,216); + padding: 0.5625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9138,73 +4049,91 @@ exports[`renders without throwing -webkit-box-align: center; -ms-flex-align: center; align-items: center; + float: right; } -.c49:focus { +.c50:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c49:hover { +.c50:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c49:active, -.c49:active:hover, -.c49:active:focus { +.c50:active, +.c50:active:hover, +.c50:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c49[disabled] { +.c50[disabled] { cursor: not-allowed; pointer-events: none; } -.c49:focus { +.c50:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c49:hover { +.c50:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c49:active, -.c49:active:hover, -.c49:active:focus { +.c50:active, +.c50:active:hover, +.c50:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c49:focus { +.c50:focus { + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); +} + +.c50:hover { + background-color: rgb(247,247,247); + border-color: rgb(210,67,58); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(210,67,58); +} + +.c50:focus { background-color: rgb(250,250,250); border-color: rgb(216,216,216); } -.c49:hover { +.c50:hover { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c49:active, -.c49:active:hover, -.c49:active:focus { +.c50:active, +.c50:active:hover, +.c50:active:focus { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c49 svg + span { +.c50 svg + span { margin-left: 0.75rem; } -.c49 svg { +.c50 svg { max-height: 1.125rem; } @@ -9259,9 +4188,6 @@ exports[`renders without throwing color: rgb(216,216,216); background-color: rgb(250,250,250); border-color: rgb(216,216,216); - padding: 0.5625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9358,6 +4284,4985 @@ exports[`renders without throwing max-height: 1.125rem; } +.c6 { + 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; +} + +.c0 { + margin-right: auto; + margin-left: auto; + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + padding-bottom: 1.125rem; +} + +.c44 { + margin-right: auto; + margin-left: auto; + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.c2 { + 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.5rem; + margin-left: -0.5rem; +} + +.c3 { + 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.5rem; + margin-left: -0.5rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c45 { + 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.5rem; + margin-left: -0.5rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c8 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c46 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c49 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c1 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.875rem; +} + +.c13 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.25rem; +} + +.c43 { + 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-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: rgba(241,241,241,1); + border-top: 0.0625rem solid rgb(216,216,216); + max-height: 3.3125rem; + min-height: 3.3125rem; + line-height: 1.5625rem; + height: 4.375rem; + max-height: 4.375rem; + position: fixed; + left: 0; + right: 0; + bottom: 0; +} + +.c38 { + width: 0.375rem; + height: 0.375rem; + border-radius: 50%; + background-color: rgb(0,152,88); + display: inline-block; +} + +.c24 { + color: rgb(100,100,100); + position: absolute; + width: 1.125rem; + height: 1.125rem; + box-sizing: border-box; + top: 0; + right: 0; + cursor: pointer; + background-color: rgb(255,255,255); + box-shadow: none; + border: 0.0625rem solid rgb(216,216,216); + cursor: pointer; + border-radius: 0.25rem; + width: 1.125rem; + height: 1.125rem; +} + +.c24::after { + opacity: 0; + content: ''; + position: absolute; + width: 0.375rem; + height: 0.125rem; + background: transparent; + top: 0.3125rem; + left: 0.25rem; + border: 0.125rem solid rgb(45,45,45); + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.c22 { + display: inline-block; + vertical-align: text-bottom; + width: 1.125rem; + height: 1.125rem; + position: relative; + cursor: pointer; +} + +.c21 { + list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.c21 label { + font-weight: 400; +} + +.c5 { + 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%; +} + +.c9 { + 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; + float: right; +} + +.c20 { + 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; +} + +.c7 { + 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); + width: 100%; + 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; +} + +.c7::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:invalid { + box-shadow: none; +} + +.c7:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c7:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c42 { + cursor: pointer; + height: 100%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -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; +} + +.c14 { + overflow: hidden; + border-spacing: 0; + border-collapse: separate; + table-layout: fixed; + width: 100%; + max-width: 100%; +} + +.c15 { + width: 100%; + background: rgb(250,250,250); +} + +.c15 th:first-child { + border-top-left-radius: 0.25rem; +} + +.c15 th:last-child { + border-top-right-radius: 0.25rem; +} + +.c32 { + width: 100%; +} + +.c32 tr:first-child td { + border-top: none; +} + +.c18 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 2rem; + display: table-cell; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c18:not(:first-child) { + border-left-width: 0; +} + +.c18:not(:last-child) { + border-right-width: 0; +} + +.c25 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; + color: rgba(73,73,73,1); + font-weight: bold; +} + +.c25:not(:first-child) { + border-left-width: 0; +} + +.c25:not(:last-child) { + border-right-width: 0; +} + +.c27 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 9.375rem; + display: table-cell; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c27:not(:first-child) { + border-left-width: 0; +} + +.c27:not(:last-child) { + border-right-width: 0; +} + +.c28 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c28:not(:first-child) { + border-left-width: 0; +} + +.c28:not(:last-child) { + border-right-width: 0; +} + +.c29 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c29:not(:first-child) { + border-left-width: 0; +} + +.c29:not(:last-child) { + border-right-width: 0; +} + +.c31 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 3.75rem; + display: table-cell; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c31:not(:first-child) { + border-left-width: 0; +} + +.c31:not(:last-child) { + border-right-width: 0; +} + +.c34 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + vertical-align: middle; + text-align: left; + border-bottom-width: 0; +} + +.c34:not(:first-child) { + border-left-width: 0; +} + +.c34:not(:last-child) { + border-right-width: 0; +} + +.c39 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + vertical-align: middle; + text-align: left; + border-bottom-width: 0; +} + +.c39:not(:first-child) { + border-left-width: 0; +} + +.c39:not(:last-child) { + border-right-width: 0; +} + +.c40 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + vertical-align: middle; + text-align: left; + border-bottom-width: 0; +} + +.c40:not(:first-child) { + border-left-width: 0; +} + +.c40:not(:last-child) { + border-right-width: 0; +} + +.c41 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + border-bottom-width: 0; + border-left-width: 0.0625rem !important; +} + +.c41:not(:first-child) { + border-left-width: 0; +} + +.c41:not(:last-child) { + border-right-width: 0; +} + +.c16 { + display: table-row; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); + box-sizing: border-box; + color: rgba(73,73,73,1); + background-color: transparent; + border: none; + box-shadow: none; +} + +.c16:last-child { + box-shadow: none; +} + +.c16:last-child td { + border-bottom-width: 0.0625rem; +} + +.c33 { + display: table-row; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); + box-sizing: border-box; +} + +.c33:last-child { + box-shadow: none; +} + +.c33:last-child td { + border-bottom-width: 0.0625rem; +} + +@media only screen and (min-width:48em) { + .c0 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c0 { + width: 61rem; + } +} + +@media only screen and (min-width:75em) { + .c0 { + width: 76rem; + } +} + +@media only screen and (max-width:47.9375rem) { + .c0 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +@media only screen and (min-width:48em) { + .c44 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c44 { + width: 61rem; + } +} + +@media only screen and (min-width:75em) { + .c44 { + width: 76rem; + } +} + +@media only screen and (max-width:47.9375rem) { + .c44 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +@media only screen and (min-width:0em) { + .c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} + +@media only screen and (min-width:0em) { + .c45 { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + display: block; + } +} + +@media only screen and (min-width:48em) { + .c4 { + -webkit-flex-basis: 41.66666666666667%; + -ms-flex-preferred-size: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c8 { + -webkit-flex-basis: 41.66666666666667%; + -ms-flex-preferred-size: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + display: block; + } +} + +@media only screen and (min-width:48em) { + .c8 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c46 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c49 { + -webkit-flex-basis: 41.66666666666667%; + -ms-flex-preferred-size: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + display: block; + } +} + +@media only screen and (min-width:47.9375rem) { + .c28 { + width: 10rem; + display: table-cell; + } +} + +@media only screen and (min-width:47.9375rem) { + .c29 { + width: 8.125rem; + display: table-cell; + } +} + +@media only screen and (min-width:47.9375rem) { + .c39 { + width: 10rem; + display: table-cell; + } +} + +@media only screen and (min-width:47.9375rem) { + .c40 { + width: 8.125rem; + display: table-cell; + } +} + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
  • +
    + +
    +
  • +
    +
    + + Name + + + + + + + Status + + + + Created + + + + Short ID + + +
    +
    +
  • +
    + +
    +
  • +
    +
    + + 2252839a + + + + + + Running + + + almost NaN years + + + 2252839 + + +
    + + + + + +
    +
    +
    +
  • +
    + +
    +
  • +
    +
    + + f1bd1730 + + + + + + Running + + + almost NaN years + + + f1bd173 + + +
    + + + + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + +
    +
    + + + + + + +
    +
    +
    +
    +
    +`; + +exports[`renders without throwing 1`] = ` +.c36 { + background-color: transparent; + text-decoration-skip: objects; +} + +.c12 { + 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; +} + +.c12::-moz-focus-inner, +.c12[type='button']::-moz-focus-inner, +.c12[type='reset']::-moz-focus-inner, +.c12[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c12:-moz-focusring, +.c12[type='button']:-moz-focusring, +.c12[type='reset']:-moz-focusring, +.c12[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c12 + button { + margin-left: 0.375rem; +} + +.c23 { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; + overflow: visible; + display: none; +} + +.c23[type='checkbox'], +.c23[type='radio'] { + box-sizing: border-box; + padding: 0; +} + +.c23[type='number']::-webkit-inner-spin-button, +.c23[type='number']::-webkit-outer-spin-button { + height: auto; +} + +.c23[type='search'] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + outline-offset: -0.125rem; +} + +.c23[type='search']::-webkit-search-cancel-button, +.c23[type='search']::-webkit-search-decoration { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.c23::-webkit-file-upload-button { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + font: inherit; +} + +.c23:checked + label::after { + opacity: 1; +} + +.c23:selected + label::after { + opacity: 1; +} + +.c23:checked + label { + border-color: rgb(59,70,204); +} + +.c23:selected + label { + border-color: rgb(59,70,204); +} + +.c23:disabled + label { + background-color: rgb(249,249,249); + cursor: not-allowed; +} + +.c35 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c35:hover { + text-decoration: none; +} + +.c17 { + padding: 0rem; + padding-left: 0.75rem; +} + +.c19 { + padding-top: 0.25rem; +} + +.c26 { + margin-bottom: 0.125rem; + margin-left: 0.5625rem; +} + +.c30 { + padding: 0rem; +} + +.c37 { + height: 0.6875rem; + width: 0.6875rem; + border-radius: 0.6875rem; +} + +.c11 { + display: inline-block; +} + +.c10 { + 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-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); + 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; + width: 100%; + max-width: 100%; +} + +.c10:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c10:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c10:active, +.c10:active:hover, +.c10:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c10[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c10 svg + span { + margin-left: 0.75rem; +} + +.c10 svg { + max-height: 1.125rem; +} + +.c47 { + 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-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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + padding: 0.5625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; + 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; +} + +.c47:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c47:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c47:active, +.c47:active:hover, +.c47:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c47[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c47:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c47:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c47:active, +.c47:active:hover, +.c47:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c47:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c47:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c47:active, +.c47:active:hover, +.c47:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c47 svg + span { + margin-left: 0.75rem; +} + +.c47 svg { + max-height: 1.125rem; +} + +.c48 { + 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-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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + 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; +} + +.c48:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c48:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c48:active, +.c48:active:hover, +.c48:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c48[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c48:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c48:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c48:active, +.c48:active:hover, +.c48:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c48:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c48:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c48:active, +.c48:active:hover, +.c48:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c48 svg + span { + margin-left: 0.75rem; +} + +.c48 svg { + max-height: 1.125rem; +} + +.c50 { + 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-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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + padding: 0.5625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; + 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; + float: right; +} + +.c50:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c50:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c50[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c50:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c50:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c50:focus { + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); +} + +.c50:hover { + background-color: rgb(247,247,247); + border-color: rgb(210,67,58); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(210,67,58); +} + +.c50:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c50:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c50 svg + span { + margin-left: 0.75rem; +} + +.c50 svg { + max-height: 1.125rem; +} + +.c51 { + 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-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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + 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; + float: right; +} + +.c51:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c51:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c51:active, +.c51:active:hover, +.c51:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c51[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c51:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c51:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c51:active, +.c51:active:hover, +.c51:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c51:focus { + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); +} + +.c51:hover { + background-color: rgb(247,247,247); + border-color: rgb(210,67,58); +} + +.c51:active, +.c51:active:hover, +.c51:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(210,67,58); +} + +.c51:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c51:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c51:active, +.c51:active:hover, +.c51:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c51 svg + span { + margin-left: 0.75rem; +} + +.c51 svg { + max-height: 1.125rem; +} + +.c6 { + 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; +} + +.c0 { + margin-right: auto; + margin-left: auto; + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + padding-bottom: 1.125rem; +} + +.c44 { + margin-right: auto; + margin-left: auto; + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.c2 { + 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.5rem; + margin-left: -0.5rem; +} + +.c3 { + 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.5rem; + margin-left: -0.5rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c45 { + 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.5rem; + margin-left: -0.5rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c8 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c46 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c49 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.c1 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.875rem; +} + +.c13 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.25rem; +} + +.c43 { + 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-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: rgba(241,241,241,1); + border-top: 0.0625rem solid rgb(216,216,216); + max-height: 3.3125rem; + min-height: 3.3125rem; + line-height: 1.5625rem; + height: 4.375rem; + max-height: 4.375rem; + position: fixed; + left: 0; + right: 0; + bottom: 0; +} + +.c38 { + width: 0.375rem; + height: 0.375rem; + border-radius: 50%; + background-color: rgb(0,152,88); + display: inline-block; +} + +.c24 { + color: rgb(100,100,100); + position: absolute; + width: 1.125rem; + height: 1.125rem; + box-sizing: border-box; + top: 0; + right: 0; + cursor: pointer; + background-color: rgb(255,255,255); + box-shadow: none; + border: 0.0625rem solid rgb(216,216,216); + cursor: pointer; + border-radius: 0.25rem; + width: 1.125rem; + height: 1.125rem; +} + +.c24::after { + opacity: 0; + content: ''; + position: absolute; + width: 0.375rem; + height: 0.125rem; + background: transparent; + top: 0.3125rem; + left: 0.25rem; + border: 0.125rem solid rgb(45,45,45); + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.c22 { + display: inline-block; + vertical-align: text-bottom; + width: 1.125rem; + height: 1.125rem; + position: relative; + cursor: pointer; +} + +.c21 { + list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.c21 label { + font-weight: 400; +} + +.c5 { + 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%; +} + +.c9 { + 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; + float: right; +} + +.c20 { + 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; +} + +.c7 { + 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); + width: 100%; + 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; +} + +.c7::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:invalid { + box-shadow: none; +} + +.c7:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c7:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c7:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c42 { + cursor: pointer; + height: 100%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -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; +} + +.c14 { + overflow: hidden; + border-spacing: 0; + border-collapse: separate; + table-layout: fixed; + width: 100%; + max-width: 100%; +} + +.c15 { + width: 100%; + background: rgb(250,250,250); +} + +.c15 th:first-child { + border-top-left-radius: 0.25rem; +} + +.c15 th:last-child { + border-top-right-radius: 0.25rem; +} + +.c32 { + width: 100%; +} + +.c32 tr:first-child td { + border-top: none; +} + +.c18 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 2rem; + display: table-cell; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c18:not(:first-child) { + border-left-width: 0; +} + +.c18:not(:last-child) { + border-right-width: 0; +} + +.c25 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; + color: rgba(73,73,73,1); + font-weight: bold; +} + +.c25:not(:first-child) { + border-left-width: 0; +} + +.c25:not(:last-child) { + border-right-width: 0; +} + +.c27 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 9.375rem; + display: table-cell; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c27:not(:first-child) { + border-left-width: 0; +} + +.c27:not(:last-child) { + border-right-width: 0; +} + +.c28 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c28:not(:first-child) { + border-left-width: 0; +} + +.c28:not(:last-child) { + border-right-width: 0; +} + +.c29 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c29:not(:first-child) { + border-left-width: 0; +} + +.c29:not(:last-child) { + border-right-width: 0; +} + +.c31 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 3.75rem; + display: table-cell; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c31:not(:first-child) { + border-left-width: 0; +} + +.c31:not(:last-child) { + border-right-width: 0; +} + +.c34 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + vertical-align: middle; + text-align: left; + border-bottom-width: 0; +} + +.c34:not(:first-child) { + border-left-width: 0; +} + +.c34:not(:last-child) { + border-right-width: 0; +} + +.c39 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + vertical-align: middle; + text-align: left; + border-bottom-width: 0; +} + +.c39:not(:first-child) { + border-left-width: 0; +} + +.c39:not(:last-child) { + border-right-width: 0; +} + +.c40 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + vertical-align: middle; + text-align: left; + border-bottom-width: 0; +} + +.c40:not(:first-child) { + border-left-width: 0; +} + +.c40:not(:last-child) { + border-right-width: 0; +} + +.c41 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + border-bottom-width: 0; + border-left-width: 0.0625rem !important; +} + +.c41:not(:first-child) { + border-left-width: 0; +} + +.c41:not(:last-child) { + border-right-width: 0; +} + +.c16 { + display: table-row; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); + box-sizing: border-box; + color: rgba(73,73,73,1); + background-color: transparent; + border: none; + box-shadow: none; +} + +.c16:last-child { + box-shadow: none; +} + +.c16:last-child td { + border-bottom-width: 0.0625rem; +} + +.c33 { + display: table-row; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05); + box-sizing: border-box; +} + +.c33:last-child { + box-shadow: none; +} + +.c33:last-child td { + border-bottom-width: 0.0625rem; +} + +@media only screen and (min-width:48em) { + .c0 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c0 { + width: 61rem; + } +} + +@media only screen and (min-width:75em) { + .c0 { + width: 76rem; + } +} + +@media only screen and (max-width:47.9375rem) { + .c0 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +@media only screen and (min-width:48em) { + .c44 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c44 { + width: 61rem; + } +} + +@media only screen and (min-width:75em) { + .c44 { + width: 76rem; + } +} + +@media only screen and (max-width:47.9375rem) { + .c44 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +@media only screen and (min-width:0em) { + .c45 { + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} + +@media only screen and (min-width:0em) { + .c45 { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + display: block; + } +} + +@media only screen and (min-width:48em) { + .c4 { + -webkit-flex-basis: 41.66666666666667%; + -ms-flex-preferred-size: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c8 { + -webkit-flex-basis: 41.66666666666667%; + -ms-flex-preferred-size: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + display: block; + } +} + +@media only screen and (min-width:48em) { + .c8 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c46 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c49 { + -webkit-flex-basis: 41.66666666666667%; + -ms-flex-preferred-size: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + display: block; + } +} + +@media only screen and (min-width:47.9375rem) { + .c28 { + width: 10rem; + display: table-cell; + } +} + +@media only screen and (min-width:47.9375rem) { + .c29 { + width: 8.125rem; + display: table-cell; + } +} + +@media only screen and (min-width:47.9375rem) { + .c39 { + width: 10rem; + display: table-cell; + } +} + +@media only screen and (min-width:47.9375rem) { + .c40 { + width: 8.125rem; + display: table-cell; + } +} + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
  • +
    + +
    +
  • +
    +
    + + Name + + + + + + + Status + + + + Created + + + + Short ID + + +
    +
    +
  • +
    + +
    +
  • +
    +
    + + 2252839a + + + + + + Running + + + almost NaN years + + + 2252839 + + +
    + + + + + +
    +
    +
    +
  • +
    + +
    +
  • +
    +
    + + f1bd1730 + + + + + + Running + + + almost NaN years + + + f1bd173 + + +
    + + + + + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + +
    +
    + + + + + + +
    +
    +
    +
    +
    +`; + +exports[`renders without throwing 1`] = ` +.c36 { + background-color: transparent; + text-decoration-skip: objects; +} + +.c12 { + 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; +} + +.c12::-moz-focus-inner, +.c12[type='button']::-moz-focus-inner, +.c12[type='reset']::-moz-focus-inner, +.c12[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c12:-moz-focusring, +.c12[type='button']:-moz-focusring, +.c12[type='reset']:-moz-focusring, +.c12[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c12 + button { + margin-left: 0.375rem; +} + +.c23 { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; + overflow: visible; + display: none; +} + +.c23[type='checkbox'], +.c23[type='radio'] { + box-sizing: border-box; + padding: 0; +} + +.c23[type='number']::-webkit-inner-spin-button, +.c23[type='number']::-webkit-outer-spin-button { + height: auto; +} + +.c23[type='search'] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + outline-offset: -0.125rem; +} + +.c23[type='search']::-webkit-search-cancel-button, +.c23[type='search']::-webkit-search-decoration { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.c23::-webkit-file-upload-button { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + font: inherit; +} + +.c23:checked + label::after { + opacity: 1; +} + +.c23:selected + label::after { + opacity: 1; +} + +.c23:checked + label { + border-color: rgb(59,70,204); +} + +.c23:selected + label { + border-color: rgb(59,70,204); +} + +.c23:disabled + label { + background-color: rgb(249,249,249); + cursor: not-allowed; +} + +.c35 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c35:hover { + text-decoration: none; +} + +.c17 { + padding: 0rem; + padding-left: 0.75rem; +} + +.c19 { + padding-top: 0.25rem; +} + +.c26 { + margin-bottom: 0.125rem; + margin-left: 0.5625rem; +} + +.c30 { + padding: 0rem; +} + +.c37 { + height: 0.6875rem; + width: 0.6875rem; + border-radius: 0.6875rem; +} + +.c11 { + display: inline-block; +} + +.c10 { + 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-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); + 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; + width: 100%; + max-width: 100%; +} + +.c10:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c10:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c10:active, +.c10:active:hover, +.c10:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c10[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c10 svg + span { + margin-left: 0.75rem; +} + +.c10 svg { + max-height: 1.125rem; +} + +.c49 { + 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-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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + padding: 0.5625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; + 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; +} + +.c49:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c49:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c49:active, +.c49:active:hover, +.c49:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c49[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c49:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c49:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c49:active, +.c49:active:hover, +.c49:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c49:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c49:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c49:active, +.c49:active:hover, +.c49:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c49 svg + span { + margin-left: 0.75rem; +} + +.c49 svg { + max-height: 1.125rem; +} + +.c50 { + 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-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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + 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; +} + +.c50:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c50:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c50[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c50:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c50:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c50:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c50:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c50:active, +.c50:active:hover, +.c50:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c50 svg + span { + margin-left: 0.75rem; +} + +.c50 svg { + max-height: 1.125rem; +} + .c52 { box-sizing: border-box; display: inline-block; @@ -9409,6 +9314,9 @@ exports[`renders without throwing color: rgb(216,216,216); background-color: rgb(250,250,250); border-color: rgb(216,216,216); + padding: 0.5625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9505,7 +9413,7 @@ exports[`renders without throwing max-height: 1.125rem; } -.c46 { +.c53 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -9547,9 +9455,15 @@ exports[`renders without throwing -webkit-text-fill-color: currentcolor; background-color: rgb(255,255,255); border-color: rgb(216,216,216); - padding: 0.5625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; + color: rgb(210,67,58); + -webkit-text-fill-color: currentcolor; + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9558,56 +9472,91 @@ exports[`renders without throwing -webkit-box-align: center; -ms-flex-align: center; align-items: center; + float: right; } -.c46:focus { +.c53:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c46:hover { +.c53:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c46:active, -.c46:active:hover, -.c46:active:focus { +.c53:active, +.c53:active:hover, +.c53:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c46[disabled] { +.c53[disabled] { cursor: not-allowed; pointer-events: none; } -.c46:focus { +.c53:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c46:hover { +.c53:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c46:active, -.c46:active:hover, -.c46:active:focus { +.c53:active, +.c53:active:hover, +.c53:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c46 svg + span { +.c53:focus { + background-color: rgb(255,255,255); + border-color: rgb(210,67,58); +} + +.c53:hover { + background-color: rgb(247,247,247); + border-color: rgb(210,67,58); +} + +.c53:active, +.c53:active:hover, +.c53:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(210,67,58); +} + +.c53:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c53:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c53:active, +.c53:active:hover, +.c53:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c53 svg + span { margin-left: 0.75rem; } -.c46 svg { +.c53 svg { max-height: 1.125rem; } @@ -9653,6 +9602,9 @@ exports[`renders without throwing -webkit-text-fill-color: currentcolor; background-color: rgb(255,255,255); border-color: rgb(216,216,216); + padding: 0.5625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -9714,6 +9666,109 @@ exports[`renders without throwing max-height: 1.125rem; } +.c48 { + 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-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); + 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; +} + +.c48:focus { + outline: 0; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c48:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c48:active, +.c48:active:hover, +.c48:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c48[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c48:focus { + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c48:hover { + background-color: rgb(247,247,247); + border-color: rgb(216,216,216); +} + +.c48:active, +.c48:active:hover, +.c48:active:focus { + background-color: rgb(230,230,230); + border-color: rgb(216,216,216); +} + +.c48 svg + span { + margin-left: 0.75rem; +} + +.c48 svg { + max-height: 1.125rem; +} + .c6 { font-size: 0.9375rem; font-style: normal; @@ -9736,7 +9791,7 @@ exports[`renders without throwing padding-bottom: 1.125rem; } -.c43 { +.c44 { margin-right: auto; margin-left: auto; box-sizing: border-box; @@ -9799,7 +9854,7 @@ exports[`renders without throwing flex: 1 1 auto; } -.c44 { +.c45 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -9839,7 +9894,7 @@ exports[`renders without throwing padding-left: 0.5rem; } -.c45 { +.c46 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -9848,7 +9903,7 @@ exports[`renders without throwing padding-left: 0.5rem; } -.c50 { +.c51 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -9864,7 +9919,14 @@ exports[`renders without throwing height: 1.875rem; } -.c42 { +.c13 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 1.25rem; +} + +.c43 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -9895,7 +9957,7 @@ exports[`renders without throwing bottom: 0; } -.c37 { +.c38 { width: 0.375rem; height: 0.375rem; border-radius: 50%; @@ -9903,7 +9965,7 @@ exports[`renders without throwing display: inline-block; } -.c23 { +.c24 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -9921,7 +9983,7 @@ exports[`renders without throwing height: 1.125rem; } -.c23::after { +.c24::after { opacity: 0; content: ''; position: absolute; @@ -9938,7 +10000,7 @@ exports[`renders without throwing transform: rotate(-45deg); } -.c21 { +.c22 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -9947,7 +10009,7 @@ exports[`renders without throwing cursor: pointer; } -.c20 { +.c21 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -9959,7 +10021,7 @@ exports[`renders without throwing align-items: center; } -.c20 label { +.c21 label { font-weight: 400; } @@ -9995,7 +10057,7 @@ exports[`renders without throwing float: right; } -.c19 { +.c20 { display: inline-block; margin: 0; padding: 0; @@ -10073,7 +10135,7 @@ exports[`renders without throwing outline: 0; } -.c41 { +.c42 { cursor: pointer; height: 100%; width: 100%; @@ -10091,7 +10153,7 @@ exports[`renders without throwing align-items: center; } -.c13 { +.c14 { overflow: hidden; border-spacing: 0; border-collapse: separate; @@ -10100,28 +10162,28 @@ exports[`renders without throwing max-width: 100%; } -.c14 { +.c15 { width: 100%; background: rgb(250,250,250); } -.c14 th:first-child { +.c15 th:first-child { border-top-left-radius: 0.25rem; } -.c14 th:last-child { +.c15 th:last-child { border-top-right-radius: 0.25rem; } -.c31 { +.c32 { width: 100%; } -.c31 tr:first-child td { +.c32 tr:first-child td { border-top: none; } -.c17 { +.c18 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -10139,15 +10201,15 @@ exports[`renders without throwing font-weight: 500; } -.c17:not(:first-child) { +.c18:not(:first-child) { border-left-width: 0; } -.c17:not(:last-child) { +.c18:not(:last-child) { border-right-width: 0; } -.c24 { +.c25 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -10170,42 +10232,11 @@ exports[`renders without throwing font-weight: bold; } -.c24:not(:first-child) { +.c25:not(:first-child) { border-left-width: 0; } -.c24:not(:last-child) { - border-right-width: 0; -} - -.c26 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 9.375rem; - display: table-cell; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - text-align: left; - height: 2.625rem; - color: rgb(189,189,189); - font-weight: 500; -} - -.c26:not(:first-child) { - border-left-width: 0; -} - -.c26:not(:last-child) { +.c25:not(:last-child) { border-right-width: 0; } @@ -10218,8 +10249,8 @@ exports[`renders without throwing box-sizing: border-box; padding: 0 1.5rem; height: 3.75rem; - width: 0rem; - display: none; + width: 9.375rem; + display: table-cell; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -10271,7 +10302,38 @@ exports[`renders without throwing border-right-width: 0; } -.c30 { +.c29 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + width: 0rem; + display: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: left; + height: 2.625rem; + color: rgb(189,189,189); + font-weight: 500; +} + +.c29:not(:first-child) { + border-left-width: 0; +} + +.c29:not(:last-child) { + border-right-width: 0; +} + +.c31 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -10287,15 +10349,15 @@ exports[`renders without throwing font-weight: 500; } -.c30:not(:first-child) { +.c31:not(:first-child) { border-left-width: 0; } -.c30:not(:last-child) { +.c31:not(:last-child) { border-right-width: 0; } -.c33 { +.c34 { border-width: 0.0625rem; border-style: solid; border-color: rgb(216,216,216); @@ -10309,35 +10371,11 @@ exports[`renders without throwing border-bottom-width: 0; } -.c33:not(:first-child) { +.c34:not(:first-child) { border-left-width: 0; } -.c33:not(:last-child) { - border-right-width: 0; -} - -.c38 { - border-width: 0.0625rem; - border-style: solid; - border-color: rgb(216,216,216); - border-spacing: 0; - white-space: nowrap; - box-sizing: border-box; - padding: 0 1.5rem; - height: 3.75rem; - width: 0rem; - display: none; - vertical-align: middle; - text-align: left; - border-bottom-width: 0; -} - -.c38:not(:first-child) { - border-left-width: 0; -} - -.c38:not(:last-child) { +.c34:not(:last-child) { border-right-width: 0; } @@ -10374,8 +10412,11 @@ exports[`renders without throwing box-sizing: border-box; padding: 0 1.5rem; height: 3.75rem; + width: 0rem; + display: none; + vertical-align: middle; + text-align: left; border-bottom-width: 0; - border-left-width: 0.0625rem !important; } .c40:not(:first-child) { @@ -10386,7 +10427,28 @@ exports[`renders without throwing border-right-width: 0; } -.c15 { +.c41 { + border-width: 0.0625rem; + border-style: solid; + border-color: rgb(216,216,216); + border-spacing: 0; + white-space: nowrap; + box-sizing: border-box; + padding: 0 1.5rem; + height: 3.75rem; + border-bottom-width: 0; + border-left-width: 0.0625rem !important; +} + +.c41:not(:first-child) { + border-left-width: 0; +} + +.c41:not(:last-child) { + border-right-width: 0; +} + +.c16 { display: table-row; color: rgba(73,73,73,1); background-color: rgb(255,255,255); @@ -10398,15 +10460,15 @@ exports[`renders without throwing box-shadow: none; } -.c15:last-child { +.c16:last-child { box-shadow: none; } -.c15:last-child td { +.c16:last-child td { border-bottom-width: 0.0625rem; } -.c32 { +.c33 { display: table-row; color: rgba(73,73,73,1); background-color: rgb(255,255,255); @@ -10414,11 +10476,11 @@ exports[`renders without throwing box-sizing: border-box; } -.c32:last-child { +.c33:last-child { box-shadow: none; } -.c32:last-child td { +.c33:last-child td { border-bottom-width: 0.0625rem; } @@ -10448,32 +10510,32 @@ exports[`renders without throwing } @media only screen and (min-width:48em) { - .c43 { + .c44 { width: 46rem; } } @media only screen and (min-width:64em) { - .c43 { + .c44 { width: 61rem; } } @media only screen and (min-width:75em) { - .c43 { + .c44 { width: 76rem; } } @media only screen and (max-width:47.9375rem) { - .c43 { + .c44 { padding-left: 0.375rem; padding-right: 0.375rem; } } @media only screen and (min-width:0em) { - .c44 { + .c45 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -10482,7 +10544,7 @@ exports[`renders without throwing } @media only screen and (min-width:0em) { - .c44 { + .c45 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; @@ -10531,7 +10593,7 @@ exports[`renders without throwing } @media only screen and (min-width:0em) { - .c45 { + .c46 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-preferred-size: 58.333333333333336%; flex-basis: 58.333333333333336%; @@ -10541,7 +10603,7 @@ exports[`renders without throwing } @media only screen and (min-width:0em) { - .c50 { + .c51 { -webkit-flex-basis: 41.66666666666667%; -ms-flex-preferred-size: 41.66666666666667%; flex-basis: 41.66666666666667%; @@ -10551,28 +10613,28 @@ exports[`renders without throwing } @media only screen and (min-width:47.9375rem) { - .c27 { + .c28 { width: 10rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c28 { + .c29 { width: 8.125rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c38 { + .c39 { width: 10rem; display: table-cell; } } @media only screen and (min-width:47.9375rem) { - .c39 { + .c40 { width: 8.125rem; display: table-cell; } @@ -10642,40 +10704,44 @@ exports[`renders without throwing
    +
  • without throwing > without throwing type="checkbox" />
    @@ -10700,7 +10766,7 @@ exports[`renders without throwing
  • without throwing Name without throwing without throwing without throwing without throwing without throwing
  • without throwing >
    @@ -10824,27 +10890,27 @@ exports[`renders without throwing
  • 2252839a without throwing without throwing almost NaN years without throwing
    without throwing
  • without throwing >
    @@ -10973,27 +11039,27 @@ exports[`renders without throwing
  • f1bd1730 without throwing without throwing almost NaN years without throwing
    without throwing
    +
    without throwing 1`] = ` />

    Loading...

    diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap index 5b86b72f..b32bea1a 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap +++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders without throwing 1`] = ` -.c15 { +.c16 { margin-bottom: 2rem; } @@ -206,7 +206,7 @@ exports[`renders without throwing 1`] = ` padding-left: 0.5rem; } -.c16 { +.c17 { color: rgba(73,73,73,1); font-weight: normal; line-height: 1.625rem; @@ -214,16 +214,16 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c16 + p, -.c16 + small, -.c16 + h1, -.c16 + h2, -.c16 + label, -.c16 + h3, -.c16 + h4, -.c16 + h5, -.c16 + div, -.c16 + span { +.c17 + p, +.c17 + small, +.c17 + h1, +.c17 + h2, +.c17 + label, +.c17 + h3, +.c17 + h4, +.c17 + h5, +.c17 + div, +.c17 + span { margin-top: 1.5rem; } @@ -231,16 +231,23 @@ exports[`renders without throwing 1`] = ` background-color: rgb(216,216,216); margin: 0; background-color: transparent; - height: 0.6875rem; + height: 1.25rem; } .c13 { background-color: rgb(216,216,216); margin: 0; - height: 0.0625rem; + background-color: transparent; + height: 0.6875rem; } .c14 { + background-color: rgb(216,216,216); + margin: 0; + height: 0.0625rem; +} + +.c15 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; @@ -429,14 +436,14 @@ exports[`renders without throwing 1`] = ` className="c4" htmlFor="Y" > - Filter + Filter metadata
    @@ -462,29 +469,33 @@ exports[`renders without throwing 1`] = ` onClick={[Function]} type="button" > - Add metadata + Add Metadata
    +

    0 key:value pair @@ -495,17 +506,17 @@ exports[`renders without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` -.c35 { +.c36 { margin-top: 2rem; margin-bottom: 2rem; } -.c18 { +.c19 { padding-right: 1rem; padding-left: 1rem; } -.c22 { +.c23 { padding: 1rem; } @@ -541,7 +552,7 @@ exports[`renders without throwing 1`] = ` margin-left: 0.375rem; } -.c27 { +.c28 { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; @@ -641,7 +652,7 @@ exports[`renders without throwing 1`] = ` max-height: 1.125rem; } -.c30 { +.c31 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -686,50 +697,50 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c30:focus { +.c31:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c30:hover { +.c31:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c30:active, -.c30:active:hover, -.c30:active:focus { +.c31:active, +.c31:active:hover, +.c31:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c30[disabled] { +.c31[disabled] { cursor: not-allowed; pointer-events: none; } -.c30:focus { +.c31:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c30:hover { +.c31:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c30:active, -.c30:active:hover, -.c30:active:focus { +.c31:active, +.c31:active:hover, +.c31:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c31 { +.c32 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -775,50 +786,50 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c31:focus { +.c32:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c31:hover { +.c32:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c31:active, -.c31:active:hover, -.c31:active:focus { +.c32:active, +.c32:active:hover, +.c32:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c31[disabled] { +.c32[disabled] { cursor: not-allowed; pointer-events: none; } -.c31:focus { +.c32:focus { background-color: rgb(250,250,250); border-color: rgb(216,216,216); } -.c31:hover { +.c32:hover { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c31:active, -.c31:active:hover, -.c31:active:focus { +.c32:active, +.c32:active:hover, +.c32:active:focus { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c33 { +.c34 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -876,71 +887,71 @@ exports[`renders without throwing 1`] = ` float: right; } -.c33:focus { +.c34:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c33:hover { +.c34:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c33:active, -.c33:active:hover, -.c33:active:focus { +.c34:active, +.c34:active:hover, +.c34:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c33[disabled] { +.c34[disabled] { cursor: not-allowed; pointer-events: none; } -.c33:focus { +.c34:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c33:hover { +.c34:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c33:active, -.c33:active:hover, -.c33:active:focus { +.c34:active, +.c34:active:hover, +.c34:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c33:focus { +.c34:focus { background-color: rgb(255,255,255); border-color: rgb(210,67,58); } -.c33:hover { +.c34:hover { background-color: rgb(247,247,247); border-color: rgb(210,67,58); } -.c33:active, -.c33:active:hover, -.c33:active:focus { +.c34:active, +.c34:active:hover, +.c34:active:focus { background-color: rgb(230,230,230); border-color: rgb(210,67,58); } -.c33 svg + span { +.c34 svg + span { margin-left: 0.75rem; } -.c33 svg { +.c34 svg { max-height: 1.125rem; } @@ -957,7 +968,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c25 { +.c26 { font-size: 0.9375rem; font-style: normal; font-stretch: normal; @@ -1020,7 +1031,7 @@ exports[`renders without throwing 1`] = ` margin-left: -0.5rem; } -.c29 { +.c30 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -1057,7 +1068,7 @@ exports[`renders without throwing 1`] = ` padding-left: 0.5rem; } -.c23 { +.c24 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -1066,7 +1077,7 @@ exports[`renders without throwing 1`] = ` padding-left: 0.5rem; } -.c32 { +.c33 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -1075,7 +1086,7 @@ exports[`renders without throwing 1`] = ` padding-left: 0.5rem; } -.c36 { +.c37 { color: rgba(73,73,73,1); font-weight: normal; line-height: 1.625rem; @@ -1083,20 +1094,20 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c36 + p, -.c36 + small, -.c36 + h1, -.c36 + h2, -.c36 + label, -.c36 + h3, -.c36 + h4, -.c36 + h5, -.c36 + div, -.c36 + span { +.c37 + p, +.c37 + small, +.c37 + h1, +.c37 + h2, +.c37 + label, +.c37 + h3, +.c37 + h4, +.c37 + h5, +.c37 + div, +.c37 + span { margin-top: 1.5rem; } -.c20 { +.c21 { color: rgba(73,73,73,1); font-weight: 600; line-height: 1.5rem; @@ -1104,16 +1115,16 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c20 + p, -.c20 + small, -.c20 + h1, -.c20 + h2, -.c20 + label, -.c20 + h3, -.c20 + h4, -.c20 + h5, -.c20 + div, -.c20 + span { +.c21 + p, +.c21 + small, +.c21 + h1, +.c21 + h2, +.c21 + label, +.c21 + h3, +.c21 + h4, +.c21 + h5, +.c21 + div, +.c21 + span { margin-top: 0.75rem; } @@ -1121,37 +1132,44 @@ exports[`renders without throwing 1`] = ` background-color: rgb(216,216,216); margin: 0; background-color: transparent; - height: 0.6875rem; + height: 1.25rem; } .c13 { background-color: rgb(216,216,216); margin: 0; - height: 0.0625rem; + background-color: transparent; + height: 0.6875rem; } .c14 { + background-color: rgb(216,216,216); + margin: 0; + height: 0.0625rem; +} + +.c15 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; height: 1.5rem; } -.c26 { +.c27 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; height: 0.75rem; } -.c34 { +.c35 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; height: 0.8125rem; } -.c15 { +.c16 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1174,7 +1192,7 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); } -.c16 { +.c17 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1209,12 +1227,12 @@ exports[`renders without throwing 1`] = ` margin: -0.0625rem -0.0625rem 0 -0.0625rem; } -.c16 button { +.c17 button { margin-bottom: 0; margin-top: 0; } -.c19 { +.c20 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1272,7 +1290,7 @@ exports[`renders without throwing 1`] = ` color: inherit; } -.c21 { +.c22 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1308,11 +1326,11 @@ exports[`renders without throwing 1`] = ` background-color: transparent; } -.c21 > [name='card']:not(:last-child) { +.c22 > [name='card']:not(:last-child) { margin-bottom: 0.8125rem; } -.c21 > [name='card']:last-child { +.c22 > [name='card']:last-child { margin-bottom: 0.4375rem; } @@ -1411,7 +1429,7 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c24 { +.c25 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -1435,46 +1453,46 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c24::-webkit-input-placeholder { +.c25::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c24::-moz-placeholder { +.c25::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c24:-ms-input-placeholder { +.c25:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c24:invalid { +.c25:invalid { box-shadow: none; } -.c24:disabled { +.c25:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c24:disabled::-webkit-input-placeholder { +.c25:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c24:disabled::-moz-placeholder { +.c25:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c24:disabled:-ms-input-placeholder { +.c25:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c24:focus { +.c25:focus { border-color: rgb(59,70,204); outline: 0; } -.c28 { +.c29 { box-sizing: border-box; width: 18.75rem; height: 6rem; @@ -1499,46 +1517,46 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c28::-webkit-input-placeholder { +.c29::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c28::-moz-placeholder { +.c29::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c28:-ms-input-placeholder { +.c29:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c28:invalid { +.c29:invalid { box-shadow: none; } -.c28:disabled { +.c29:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c28:disabled::-webkit-input-placeholder { +.c29:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c28:disabled::-moz-placeholder { +.c29:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c28:disabled:-ms-input-placeholder { +.c29:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c28:focus { +.c29:focus { border-color: rgb(59,70,204); outline: 0; } -.c17 { +.c18 { word-wrap: break-word; overflow-wrap: break-word; width: 100%; @@ -1571,7 +1589,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c29 { + .c30 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1580,7 +1598,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c29 { + .c30 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; @@ -1629,7 +1647,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c23 { + .c24 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1639,7 +1657,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c32 { + .c33 { display: none; } } @@ -1666,14 +1684,14 @@ exports[`renders without throwing 1`] = ` className="c4" htmlFor="bh" > - Filter + Filter metadata

    @@ -1699,48 +1717,52 @@ exports[`renders without throwing 1`] = ` onClick={[Function]} type="button" > - Add metadata + Add Metadata
    +

    Add metadata

    @@ -1748,17 +1770,17 @@ exports[`renders without throwing 1`] = `
    without throwing 1`] = ` key
    @@ -1793,7 +1815,7 @@ exports[`renders without throwing 1`] = ` className="c12" >
    without throwing 1`] = ` value