diff --git a/lib/admin/admin-server.js b/lib/admin/admin-server.js
index 8ad7ddaa..77ab793f 100644
--- a/lib/admin/admin-server.js
+++ b/lib/admin/admin-server.js
@@ -150,6 +150,24 @@ app.get('/api/transactions', (req, res, next) => {
   .catch(next)
 })
 
+app.get('/api/transaction/:id', (req, res, next) => {
+  return transactions.single(req.params.id)
+  .then(r => {
+    if (!r) return res.status(404).send({Error: 'Not found'})
+    return res.send(r)
+  })
+})
+
+app.patch('/api/transaction/:id', (req, res, next) => {
+  if (!req.query.cancel) return res.status(400).send({Error: 'Requires cancel'})
+
+  return transactions.cancel(req.params.id)
+  .then(r => {
+    return res.send(r)
+  })
+  .catch(() => res.status(404).send({Error: 'Not found'}))
+})
+
 app.use((err, req, res, next) => {
   console.error(err)
 
@@ -223,7 +241,6 @@ function establishSocket (ws, token) {
     if (!success) return ws.close(1008, 'Authentication error')
 
     const listener = data => {
-      console.log('DEBUG200: %j', data)
       ws.send(JSON.stringify(data))
     }
 
@@ -239,8 +256,6 @@ function establishSocket (ws, token) {
     }, REAUTHENTICATE_INTERVAL)
 
     socketEmitter.on('message', listener)
-
-    console.log('DEBUG120: %j', token)
     ws.send('Testing123')
   })
 }
diff --git a/lib/admin/transactions.js b/lib/admin/transactions.js
index 85dcc353..8a3a8878 100644
--- a/lib/admin/transactions.js
+++ b/lib/admin/transactions.js
@@ -2,6 +2,8 @@ const _ = require('lodash/fp')
 
 const db = require('../db')
 const machineLoader = require('../machine-loader')
+const tx = require('../tx')
+const cashInTx = require('../cash-in-tx')
 
 const NUM_RESULTS = 20
 
@@ -18,21 +20,49 @@ function addNames (txs) {
   })
 }
 
+const camelize = _.mapKeys(_.camelCase)
+
 function batch () {
-  const camelize = _.mapKeys(_.camelCase)
   const packager = _.flow(_.flatten, _.orderBy(_.property('created'), ['desc']),
     _.take(NUM_RESULTS), _.map(camelize), addNames)
 
-  const cashInSql = `select 'cashIn' as tx_class, cash_in_txs.*
+  const cashInSql = `select 'cashIn' as tx_class, cash_in_txs.*,
+  ((not send_confirmed) and (created <= now() - interval $1)) as expired
   from cash_in_txs
-  order by created desc limit $1`
+  order by created desc limit $2`
 
   const cashOutSql = `select 'cashOut' as tx_class, cash_out_txs.*
   from cash_out_txs
   order by created desc limit $1`
 
-  return Promise.all([db.any(cashInSql, [NUM_RESULTS]), db.any(cashOutSql, [NUM_RESULTS])])
+  return Promise.all([db.any(cashInSql, [cashInTx.PENDING_INTERVAL, NUM_RESULTS]), db.any(cashOutSql, [NUM_RESULTS])])
   .then(packager)
 }
 
-module.exports = {batch}
+function single (txId) {
+  const packager = _.flow(_.compact, _.map(camelize), addNames)
+
+  const cashInSql = `select 'cashIn' as tx_class,
+  ((not send_confirmed) and (created <= now() - interval $1)) as expired,
+  cash_in_txs.*
+  from cash_in_txs
+  where id=$2`
+
+  const cashOutSql = `select 'cashOut' as tx_class, cash_out_txs.*
+  from cash_out_txs
+  where id=$1`
+
+  return Promise.all([
+    db.oneOrNone(cashInSql, [cashInTx.PENDING_INTERVAL, txId]),
+    db.oneOrNone(cashOutSql, [txId])
+  ])
+  .then(packager)
+  .then(_.head)
+}
+
+function cancel (txId) {
+  return tx.cancel(txId)
+  .then(() => single(txId))
+}
+
+module.exports = {batch, single, cancel}
diff --git a/lib/cash-in-tx.js b/lib/cash-in-tx.js
index 1b4777cf..8bda57aa 100644
--- a/lib/cash-in-tx.js
+++ b/lib/cash-in-tx.js
@@ -4,13 +4,15 @@ const db = require('./db')
 const BN = require('./bn')
 const plugins = require('./plugins')
 const logger = require('./logger')
-const pp = require('./pp')
+const T = require('./time')
+const E = require('./error')
 
-module.exports = {post, monitorPending}
-
-const PENDING_INTERVAL = '1 day'
+const PENDING_INTERVAL = '60 minutes'
+const PENDING_INTERVAL_MS = 60 * T.minutes
 const MAX_PENDING = 10
 
+module.exports = {post, monitorPending, cancel, PENDING_INTERVAL}
+
 function atomic (machineTx, pi) {
   const TransactionMode = pgp.txMode.TransactionMode
   const isolationLevel = pgp.txMode.isolationLevel
@@ -22,6 +24,8 @@ function atomic (machineTx, pi) {
 
     return t.oneOrNone(sql, [machineTx.id])
     .then(row => {
+      if (row && row.tx_version >= machineTx.txVersion) throw new E.StaleTxError('Stale tx')
+
       return t.any(sql2, [machineTx.id])
       .then(billRows => {
         const dbTx = toObj(row)
@@ -29,10 +33,8 @@ function atomic (machineTx, pi) {
         return preProcess(dbTx, machineTx, pi)
         .then(preProcessedTx => upsert(dbTx, preProcessedTx))
         .then(r => {
-          pp('DEBUG701.5')(r)
           return insertNewBills(billRows, machineTx)
           .then(newBills => _.set('newBills', newBills, r))
-          .then(pp('DEBUG702'))
         })
       })
     })
@@ -44,7 +46,6 @@ function atomic (machineTx, pi) {
 }
 
 function post (machineTx, pi) {
-  console.log('DEBUG700: %j', machineTx)
   return db.tx(atomic(machineTx, pi))
   .then(r => {
     const updatedTx = r.tx
@@ -67,11 +68,11 @@ function isMonotonic (oldField, newField, fieldKey) {
   if (oldField.isBigNumber) return oldField.lte(newField)
   if (_.isNumber(oldField)) return oldField <= newField
 
-  throw new Error(`Unexpected value: ${oldField}`)
+  throw new Error(`Unexpected value [${fieldKey}]: ${oldField}, ${newField}`)
 }
 
 function ensureRatchet (oldField, newField, fieldKey) {
-  const monotonic = ['cryptoAtoms', 'fiat', 'send', 'sendConfirmed', 'operatorCompleted', 'timedout']
+  const monotonic = ['cryptoAtoms', 'fiat', 'cashInFeeCrypto', 'send', 'sendConfirmed', 'operatorCompleted', 'timedout', 'txVersion']
   const free = ['sendPending', 'error', 'errorCode', 'customerId']
 
   if (_.isNil(oldField)) return true
@@ -121,16 +122,11 @@ function toObj (row) {
 
   keys.forEach(key => {
     const objKey = _.camelCase(key)
-    if (key === 'crypto_atoms' || key === 'fiat' || key === 'cash_in_fee') {
+    if (_.includes(key, ['crypto_atoms', 'fiat', 'cash_in_fee', 'cash_in_fee_crypto'])) {
       newObj[objKey] = BN(row[key])
       return
     }
 
-    if (key === 'device_time') {
-      newObj[objKey] = parseInt(row[key], 10)
-      return
-    }
-
     newObj[objKey] = row[key]
   })
 
@@ -200,14 +196,13 @@ function update (tx, changes) {
 }
 
 function registerTrades (pi, newBills) {
-  console.log('DEBUG600: %j', newBills)
   _.forEach(bill => pi.buy(bill), newBills)
 }
 
 function logAction (rec, tx) {
   const action = {
     tx_id: tx.id,
-    action: rec.sendConfirmed ? 'sendCoins' : 'sendCoinsError',
+    action: rec.action || (rec.sendConfirmed ? 'sendCoins' : 'sendCoinsError'),
     error: rec.error,
     error_code: rec.errorCode,
     tx_hash: rec.txHash
@@ -219,13 +214,22 @@ function logAction (rec, tx) {
   .then(_.constant(rec))
 }
 
+function logActionById (action, _rec, txId) {
+  const rec = _.assign(_rec, {action, tx_id: txId})
+  const sql = pgp.helpers.insert(rec, null, 'cash_in_actions')
+
+  return db.none(sql)
+}
+
 function isClearToSend (oldTx, newTx) {
+  const now = Date.now()
+
   return newTx.send &&
-    (!oldTx || (!oldTx.sendPending && !oldTx.sendConfirmed))
+    (!oldTx || (!oldTx.sendPending && !oldTx.sendConfirmed)) &&
+    (newTx.created > now - PENDING_INTERVAL_MS)
 }
 
 function postProcess (r, pi) {
-  console.log('DEBUG701: %j', r)
   registerTrades(pi, r.newBills)
 
   if (isClearToSend(r.dbTx, r.tx)) {
@@ -303,3 +307,22 @@ function monitorPending (settings) {
   .then(rows => Promise.all(_.map(processPending, rows)))
   .catch(logger.error)
 }
+
+function cancel (txId) {
+  const updateRec = {
+    error: 'Operator cancel',
+    error_code: 'operatorCancel',
+    operator_completed: true
+  }
+
+  return Promise.resolve()
+  .then(() => {
+    return pgp.helpers.update(updateRec, null, 'cash_in_txs') +
+      pgp.as.format(' where id=$1', [txId])
+  })
+  .then(sql => db.result(sql, false))
+  .then(res => {
+    if (res.rowCount !== 1) throw new Error('No such tx-id')
+  })
+  .then(() => logActionById('operatorCompleted', {}, txId))
+}
diff --git a/lib/error.js b/lib/error.js
index f7d76775..41f8f56e 100644
--- a/lib/error.js
+++ b/lib/error.js
@@ -22,3 +22,4 @@ function register (errorName) {
 register('BadNumberError')
 register('NoDataError')
 register('InsufficientFundsError')
+register('StaleTxError')
diff --git a/lib/exchange.js b/lib/exchange.js
index 9e5ffc1f..77f6f088 100644
--- a/lib/exchange.js
+++ b/lib/exchange.js
@@ -20,7 +20,6 @@ function fetchExchange (settings, cryptoCode) {
 }
 
 function buy (settings, cryptoAtoms, fiatCode, cryptoCode) {
-  console.log('DEBUG600')
   return fetchExchange(settings, cryptoCode)
   .then(r => r.exchange.buy(r.account, cryptoAtoms, fiatCode, cryptoCode))
 }
diff --git a/lib/plugins.js b/lib/plugins.js
index 2da081ca..c4981dce 100644
--- a/lib/plugins.js
+++ b/lib/plugins.js
@@ -184,7 +184,7 @@ function plugins (settings, deviceId) {
       cryptoCode,
       display: cryptoRec.display,
       minimumTx: BN.max(minimumTx, cashInFee),
-      cashInFee: cashInFee,
+      cashInFee,
       cryptoNetwork
     }
   }
@@ -216,8 +216,6 @@ function plugins (settings, deviceId) {
       const testNets = arr.slice(2 * cryptoCodesCount + 3)
       const coinParams = _.zip(cryptoCodes, testNets)
 
-      console.log('DEBUG200: %j', cryptoCodes)
-      console.log('DEBUG201: %j', coinParams)
       return {
         cassettes,
         rates: buildRates(tickers),
@@ -351,7 +349,6 @@ function plugins (settings, deviceId) {
 
     const market = [fiatCode, cryptoCode].join('')
 
-    console.log('DEBUG505')
     if (!exchange.active(settings, cryptoCode)) return
 
     logger.debug('[%s] Pushing trade: %d', market, cryptoAtoms)
@@ -368,7 +365,6 @@ function plugins (settings, deviceId) {
     const market = [fiatCode, cryptoCode].join('')
 
     const marketTradesQueues = tradesQueues[market]
-    console.log('DEBUG504: %j', marketTradesQueues)
     if (!marketTradesQueues || marketTradesQueues.length === 0) return null
 
     logger.debug('[%s] tradesQueues size: %d', market, marketTradesQueues.length)
@@ -409,7 +405,6 @@ function plugins (settings, deviceId) {
   }
 
   function executeTrades () {
-    console.log('DEBUG500')
     return machineLoader.getMachines()
     .then(devices => {
       const deviceIds = devices.map(device => device.deviceId)
@@ -430,7 +425,6 @@ function plugins (settings, deviceId) {
   }
 
   function executeTradesForMarket (settings, fiatCode, cryptoCode) {
-    console.log('DEBUG501: %s, %j', cryptoCode, exchange.active(settings, cryptoCode))
     if (!exchange.active(settings, cryptoCode)) return
 
     const market = [fiatCode, cryptoCode].join('')
@@ -438,8 +432,6 @@ function plugins (settings, deviceId) {
 
     if (tradeEntry === null || tradeEntry.cryptoAtoms.eq(0)) return
 
-    console.log('DEBUG502')
-
     return executeTradeForType(tradeEntry)
     .catch(err => {
       tradesQueues[market].push(tradeEntry)
@@ -457,8 +449,6 @@ function plugins (settings, deviceId) {
     const tradeEntry = expand(_tradeEntry)
     const execute = tradeEntry.type === 'buy' ? exchange.buy : exchange.sell
 
-    console.log('DEBUG503')
-
     return execute(settings, tradeEntry.cryptoAtoms, tradeEntry.fiatCode, tradeEntry.cryptoCode)
     .then(() => recordTrade(tradeEntry))
   }
diff --git a/lib/plugins/exchange/kraken/kraken.js b/lib/plugins/exchange/kraken/kraken.js
index 7efe0cff..0ccdc035 100644
--- a/lib/plugins/exchange/kraken/kraken.js
+++ b/lib/plugins/exchange/kraken/kraken.js
@@ -33,7 +33,6 @@ function trade (account, type, cryptoAtoms, fiatCode, cryptoCode) {
     kraken.api('AddOrder', orderInfo, (error, response) => {
       if (error) return reject(error)
 
-      console.log('DEBUG900: %j', response)
       return resolve()
     })
   })
diff --git a/lib/routes.js b/lib/routes.js
index d80c3efc..c124fb52 100644
--- a/lib/routes.js
+++ b/lib/routes.js
@@ -15,6 +15,7 @@ const plugins = require('./plugins')
 const helpers = require('./route-helpers')
 const poller = require('./poller')
 const Tx = require('./tx')
+const E = require('./error')
 const customers = require('./customers')
 
 const argv = require('minimist')(process.argv.slice(2))
@@ -109,6 +110,10 @@ function postTx (req, res, next) {
 
     return res.json(tx)
   })
+  .catch(err => {
+    if (err instanceof E.StaleTxError) return res.status(404).json({})
+    throw err
+  })
   .catch(next)
 }
 
@@ -289,7 +294,11 @@ app.get('/tx/:id', getTx)
 app.get('/tx', getPhoneTx)
 
 app.use(errorHandler)
-app.use((req, res) => res.status(404).json({error: 'No such route'}))
+app.use((req, res) => {
+  console.log('DEBUG98')
+  console.log(req.route)
+  res.status(404).json({error: 'No such route'})
+})
 
 localApp.get('/pid', (req, res) => {
   const deviceId = req.query.device_id
diff --git a/lib/tx.js b/lib/tx.js
index 3db58f86..fcc49b58 100644
--- a/lib/tx.js
+++ b/lib/tx.js
@@ -23,9 +23,13 @@ function massage (tx) {
   const transformDates = r => mapValuesWithKey(transformDate, r)
 
   const mapBN = r => {
-    const update = r.direction === 'cashIn'
-    ? {cryptoAtoms: BN(r.cryptoAtoms), fiat: BN(r.fiat), cashInFee: BN(r.cashInFee)}
-    : {cryptoAtoms: BN(r.cryptoAtoms), fiat: BN(r.fiat)}
+    const update = {
+      cryptoAtoms: BN(r.cryptoAtoms),
+      fiat: BN(r.fiat),
+      cashInFee: BN(r.cashInFee),
+      cashInFeeCrypto: BN(r.cashInFeeCrypto),
+      minimumTx: BN(r.minimumTx)
+    }
 
     return _.assign(r, update)
   }
@@ -35,4 +39,17 @@ function massage (tx) {
   return mapper(tx)
 }
 
-module.exports = {post}
+function cancel (txId) {
+  const promises = [
+    CashInTx.cancel(txId).then(() => true).catch(() => false),
+    CashOutTx.cancel(txId).then(() => true).catch(() => false)
+  ]
+
+  return Promise.all(promises)
+  .then(r => {
+    if (_.some(r)) return
+    throw new Error('No such transaction')
+  })
+}
+
+module.exports = {post, cancel}
diff --git a/migrations/036-add_customers_table.js b/migrations/036-add_customers_table.js
index 70ebcba5..cb87a311 100644
--- a/migrations/036-add_customers_table.js
+++ b/migrations/036-add_customers_table.js
@@ -1,10 +1,9 @@
 var db = require('./db')
 var anonymous = require('../lib/constants').anonymousCustomer
 
-exports.up = function(next) {
+exports.up = function (next) {
   const sql =
-    [
-    `create table customers ( 
+    [`create table customers (
     id uuid PRIMARY KEY,
     phone text unique,
     phone_at timestamptz,
@@ -23,12 +22,12 @@ exports.up = function(next) {
     created timestamptz NOT NULL DEFAULT now() )`,
     `insert into customers (id, name) VALUES ( '${anonymous.uuid}','${anonymous.name}' )`,
     `alter table cash_in_txs add column customer_id uuid references customers (id) DEFAULT '${anonymous.uuid}'`,
-    `alter table cash_out_txs add column customer_id uuid references customers (id) DEFAULT '${anonymous.uuid}'`,
+    `alter table cash_out_txs add column customer_id uuid references customers (id) DEFAULT '${anonymous.uuid}'`
   ]
 
   db.multi(sql, next)
-};
+}
 
-exports.down = function(next) {
-  next();
-};
+exports.down = function (next) {
+  next()
+}
diff --git a/migrations/037-add_compliance_authorizations_table.js b/migrations/037-add_compliance_authorizations_table.js
index 88f1e94d..8852cef3 100644
--- a/migrations/037-add_compliance_authorizations_table.js
+++ b/migrations/037-add_compliance_authorizations_table.js
@@ -1,19 +1,18 @@
 var db = require('./db')
 
-exports.up = function(next) {
+exports.up = function (next) {
   const sql =
-    [`create type compliance_types  as enum ('manual', 'sanctions', 'sanctions_override') `,
-    `create table compliance_authorizations ( 
-    id uuid PRIMARY KEY, 
-    customer_id uuid REFERENCES customers (id), 
+    [ "create type compliance_types  as enum ('manual', 'sanctions', 'sanctions_override')",
+    `create table compliance_authorizations (
+    id uuid PRIMARY KEY,
+    customer_id uuid REFERENCES customers (id),
     compliance_type compliance_types NOT NULL,
     authorized_at timestamptz NOT NULL,
     authorized_by text REFERENCES user_tokens (token) )` ]
 
-
   db.multi(sql, next)
-};
+}
 
-exports.down = function(next) {
-  next();
-};
+exports.down = function (next) {
+  next()
+}
diff --git a/migrations/1503907708756-drop-device-time.js b/migrations/1503907708756-drop-device-time.js
new file mode 100644
index 00000000..b1288b68
--- /dev/null
+++ b/migrations/1503907708756-drop-device-time.js
@@ -0,0 +1,14 @@
+var db = require('./db')
+
+exports.up = function (next) {
+  const sql = [
+    'alter table cash_in_txs drop column device_time',
+    'alter table cash_out_txs drop column device_time'
+  ]
+
+  db.multi(sql, next)
+}
+
+exports.down = function (next) {
+  next()
+}
diff --git a/migrations/1503945570220-add-tx-version.js b/migrations/1503945570220-add-tx-version.js
new file mode 100644
index 00000000..0cab75c5
--- /dev/null
+++ b/migrations/1503945570220-add-tx-version.js
@@ -0,0 +1,14 @@
+var db = require('./db')
+
+exports.up = function (next) {
+  const sql = [
+    'alter table cash_in_txs add column tx_version integer not null',
+    'alter table cash_out_txs add column tx_version integer not null'
+  ]
+
+  db.multi(sql, next)
+}
+
+exports.down = function (next) {
+  next()
+}
diff --git a/public/elm.js b/public/elm.js
index db930547..5819d87e 100644
--- a/public/elm.js
+++ b/public/elm.js
@@ -21595,16 +21595,24 @@ var _pablohirafuji$elm_qrcode$QRCode_View$rectView = function (_p1) {
 					_elm_lang$core$Basics$toString(_p2.row * _pablohirafuji$elm_qrcode$QRCode_View$moduleSize)),
 				_1: {
 					ctor: '::',
-					_0: _elm_lang$svg$Svg_Attributes$width(
-						_elm_lang$core$Basics$toString(_pablohirafuji$elm_qrcode$QRCode_View$moduleSize)),
+					_0: _elm_lang$svg$Svg_Attributes$rx('0'),
 					_1: {
 						ctor: '::',
-						_0: _elm_lang$svg$Svg_Attributes$height(
-							_elm_lang$core$Basics$toString(_pablohirafuji$elm_qrcode$QRCode_View$moduleSize)),
+						_0: _elm_lang$svg$Svg_Attributes$ry('0'),
 						_1: {
 							ctor: '::',
-							_0: _elm_lang$svg$Svg_Attributes$fill('black'),
-							_1: {ctor: '[]'}
+							_0: _elm_lang$svg$Svg_Attributes$width(
+								_elm_lang$core$Basics$toString(_pablohirafuji$elm_qrcode$QRCode_View$moduleSize)),
+							_1: {
+								ctor: '::',
+								_0: _elm_lang$svg$Svg_Attributes$height(
+									_elm_lang$core$Basics$toString(_pablohirafuji$elm_qrcode$QRCode_View$moduleSize)),
+								_1: {
+									ctor: '::',
+									_0: _elm_lang$svg$Svg_Attributes$fill('black'),
+									_1: {ctor: '[]'}
+								}
+							}
 						}
 					}
 				}
@@ -21904,6 +21912,11 @@ var _rtfeldman$elm_css$Css_Structure$Stylesheet = F4(
 	function (a, b, c, d) {
 		return {charset: a, imports: b, namespaces: c, declarations: d};
 	});
+var _rtfeldman$elm_css$Css_Structure$MediaFeature = F2(
+	function (a, b) {
+		return {key: a, value: b};
+	});
+var _rtfeldman$elm_css$Css_Structure$Compatible = {ctor: 'Compatible'};
 var _rtfeldman$elm_css$Css_Structure$FontFeatureValues = function (a) {
 	return {ctor: 'FontFeatureValues', _0: a};
 };
@@ -22129,8 +22142,29 @@ var _rtfeldman$elm_css$Css_Structure$appendToLastSelector = F2(
 			};
 		}
 	});
-var _rtfeldman$elm_css$Css_Structure$MediaQuery = function (a) {
-	return {ctor: 'MediaQuery', _0: a};
+var _rtfeldman$elm_css$Css_Structure$Speech = {ctor: 'Speech'};
+var _rtfeldman$elm_css$Css_Structure$Screen = {ctor: 'Screen'};
+var _rtfeldman$elm_css$Css_Structure$Print = {ctor: 'Print'};
+var _rtfeldman$elm_css$Css_Structure$All = {ctor: 'All'};
+var _rtfeldman$elm_css$Css_Structure$CustomQuery = function (a) {
+	return {ctor: 'CustomQuery', _0: a};
+};
+var _rtfeldman$elm_css$Css_Structure$Not = function (a) {
+	return {ctor: 'Not', _0: a};
+};
+var _rtfeldman$elm_css$Css_Structure$Or = F2(
+	function (a, b) {
+		return {ctor: 'Or', _0: a, _1: b};
+	});
+var _rtfeldman$elm_css$Css_Structure$And = F2(
+	function (a, b) {
+		return {ctor: 'And', _0: a, _1: b};
+	});
+var _rtfeldman$elm_css$Css_Structure$TypeQuery = function (a) {
+	return {ctor: 'TypeQuery', _0: a};
+};
+var _rtfeldman$elm_css$Css_Structure$FeatureQuery = function (a) {
+	return {ctor: 'FeatureQuery', _0: a};
 };
 var _rtfeldman$elm_css$Css_Structure$Selector = F3(
 	function (a, b, c) {
@@ -22432,10 +22466,10 @@ var _rtfeldman$elm_css$Css_Preprocess$propertyToPair = function (property) {
 	var value = property.important ? A2(_elm_lang$core$Basics_ops['++'], property.value, ' !important') : property.value;
 	return {ctor: '_Tuple2', _0: property.key, _1: value};
 };
-var _rtfeldman$elm_css$Css_Preprocess$toPropertyPairs = function (mixins) {
+var _rtfeldman$elm_css$Css_Preprocess$toPropertyPairs = function (styles) {
 	toPropertyPairs:
 	while (true) {
-		var _p0 = mixins;
+		var _p0 = styles;
 		if (_p0.ctor === '[]') {
 			return {ctor: '[]'};
 		} else {
@@ -22446,14 +22480,14 @@ var _rtfeldman$elm_css$Css_Preprocess$toPropertyPairs = function (mixins) {
 						_0: _rtfeldman$elm_css$Css_Preprocess$propertyToPair(_p0._0._0),
 						_1: _rtfeldman$elm_css$Css_Preprocess$toPropertyPairs(_p0._1)
 					};
-				case 'ApplyMixins':
+				case 'ApplyStyles':
 					return A2(
 						_elm_lang$core$Basics_ops['++'],
 						_rtfeldman$elm_css$Css_Preprocess$toPropertyPairs(_p0._0._0),
 						_rtfeldman$elm_css$Css_Preprocess$toPropertyPairs(_p0._1));
 				default:
 					var _v1 = _p0._1;
-					mixins = _v1;
+					styles = _v1;
 					continue toPropertyPairs;
 			}
 		}
@@ -22521,8 +22555,8 @@ var _rtfeldman$elm_css$Css_Preprocess$Stylesheet = F4(
 	function (a, b, c, d) {
 		return {charset: a, imports: b, namespaces: c, snippets: d};
 	});
-var _rtfeldman$elm_css$Css_Preprocess$ApplyMixins = function (a) {
-	return {ctor: 'ApplyMixins', _0: a};
+var _rtfeldman$elm_css$Css_Preprocess$ApplyStyles = function (a) {
+	return {ctor: 'ApplyStyles', _0: a};
 };
 var _rtfeldman$elm_css$Css_Preprocess$WithMedia = F2(
 	function (a, b) {
@@ -22544,8 +22578,8 @@ var _rtfeldman$elm_css$Css_Preprocess$AppendProperty = function (a) {
 	return {ctor: 'AppendProperty', _0: a};
 };
 var _rtfeldman$elm_css$Css_Preprocess$mapLastProperty = F2(
-	function (update, mixin) {
-		var _p4 = mixin;
+	function (update, style) {
+		var _p4 = style;
 		switch (_p4.ctor) {
 			case 'AppendProperty':
 				return _rtfeldman$elm_css$Css_Preprocess$AppendProperty(
@@ -22556,13 +22590,13 @@ var _rtfeldman$elm_css$Css_Preprocess$mapLastProperty = F2(
 					_p4._0,
 					A2(_rtfeldman$elm_css$Css_Preprocess$mapAllLastProperty, update, _p4._1));
 			case 'NestSnippet':
-				return mixin;
+				return style;
 			case 'WithPseudoElement':
-				return mixin;
+				return style;
 			case 'WithMedia':
-				return mixin;
+				return style;
 			default:
-				return _rtfeldman$elm_css$Css_Preprocess$ApplyMixins(
+				return _rtfeldman$elm_css$Css_Preprocess$ApplyStyles(
 					A2(
 						_rtfeldman$elm_css$Css_Structure$mapLast,
 						_rtfeldman$elm_css$Css_Preprocess$mapLastProperty(update),
@@ -22570,10 +22604,10 @@ var _rtfeldman$elm_css$Css_Preprocess$mapLastProperty = F2(
 		}
 	});
 var _rtfeldman$elm_css$Css_Preprocess$mapAllLastProperty = F2(
-	function (update, mixins) {
-		var _p5 = mixins;
+	function (update, styles) {
+		var _p5 = styles;
 		if (_p5.ctor === '[]') {
-			return mixins;
+			return styles;
 		} else {
 			if (_p5._1.ctor === '[]') {
 				return {
@@ -22633,8 +22667,10 @@ var _rtfeldman$elm_css$Css_Preprocess$StyleBlock = F3(
 		return {ctor: 'StyleBlock', _0: a, _1: b, _2: c};
 	});
 
+var _rtfeldman$elm_css$Css_Structure_Output$noIndent = '';
+var _rtfeldman$elm_css$Css_Structure_Output$spaceIndent = '    ';
 var _rtfeldman$elm_css$Css_Structure_Output$indent = function (str) {
-	return A2(_elm_lang$core$Basics_ops['++'], '    ', str);
+	return A2(_elm_lang$core$Basics_ops['++'], _rtfeldman$elm_css$Css_Structure_Output$spaceIndent, str);
 };
 var _rtfeldman$elm_css$Css_Structure_Output$prettyPrintProperty = function (_p0) {
 	var _p1 = _p0;
@@ -22769,42 +22805,128 @@ var _rtfeldman$elm_css$Css_Structure_Output$selectorToString = function (_p11) {
 				},
 				segments)));
 };
-var _rtfeldman$elm_css$Css_Structure_Output$prettyPrintStyleBlock = function (_p14) {
-	var _p15 = _p14;
-	var selectorStr = A2(
-		_elm_lang$core$String$join,
-		', ',
-		A2(
-			_elm_lang$core$List$map,
-			_rtfeldman$elm_css$Css_Structure_Output$selectorToString,
-			{ctor: '::', _0: _p15._0, _1: _p15._1}));
-	return A2(
-		_elm_lang$core$Basics_ops['++'],
-		selectorStr,
-		A2(
+var _rtfeldman$elm_css$Css_Structure_Output$mediaFeatureToString = function (mediaFeature) {
+	var _p14 = mediaFeature.value;
+	if (_p14.ctor === 'Just') {
+		return A2(
 			_elm_lang$core$Basics_ops['++'],
-			' {\n',
+			'(',
 			A2(
 				_elm_lang$core$Basics_ops['++'],
-				_rtfeldman$elm_css$Css_Structure_Output$prettyPrintProperties(_p15._2),
-				'\n}')));
+				mediaFeature.key,
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					': ',
+					A2(_elm_lang$core$Basics_ops['++'], _p14._0, ')'))));
+	} else {
+		return mediaFeature.key;
+	}
 };
+var _rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString = function (mediaQuery) {
+	var _p15 = mediaQuery;
+	switch (_p15.ctor) {
+		case 'FeatureQuery':
+			return _rtfeldman$elm_css$Css_Structure_Output$mediaFeatureToString(_p15._0);
+		case 'TypeQuery':
+			switch (_p15._0.ctor) {
+				case 'All':
+					return 'all';
+				case 'Print':
+					return 'print';
+				case 'Screen':
+					return 'screen';
+				default:
+					return 'speech';
+			}
+		case 'And':
+			return A2(
+				_elm_lang$core$Basics_ops['++'],
+				'(',
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					_rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString(_p15._0),
+					A2(
+						_elm_lang$core$Basics_ops['++'],
+						' and ',
+						A2(
+							_elm_lang$core$Basics_ops['++'],
+							_rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString(_p15._1),
+							')'))));
+		case 'Or':
+			return A2(
+				_elm_lang$core$Basics_ops['++'],
+				'(',
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					_rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString(_p15._0),
+					A2(
+						_elm_lang$core$Basics_ops['++'],
+						' or ',
+						A2(
+							_elm_lang$core$Basics_ops['++'],
+							_rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString(_p15._1),
+							')'))));
+		case 'Not':
+			var str = _rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString(_p15._0);
+			return A2(_elm_lang$core$String$startsWith, 'not ', str) ? A2(_elm_lang$core$String$dropLeft, 4, str) : A2(_elm_lang$core$Basics_ops['++'], 'not ', str);
+		default:
+			return _p15._0;
+	}
+};
+var _rtfeldman$elm_css$Css_Structure_Output$prettyPrintStyleBlock = F2(
+	function (indentLevel, _p16) {
+		var _p17 = _p16;
+		var selectorStr = A2(
+			_elm_lang$core$String$join,
+			', ',
+			A2(
+				_elm_lang$core$List$map,
+				_rtfeldman$elm_css$Css_Structure_Output$selectorToString,
+				{ctor: '::', _0: _p17._0, _1: _p17._1}));
+		return A2(
+			_elm_lang$core$String$join,
+			'',
+			{
+				ctor: '::',
+				_0: selectorStr,
+				_1: {
+					ctor: '::',
+					_0: ' {\n',
+					_1: {
+						ctor: '::',
+						_0: indentLevel,
+						_1: {
+							ctor: '::',
+							_0: _rtfeldman$elm_css$Css_Structure_Output$prettyPrintProperties(_p17._2),
+							_1: {
+								ctor: '::',
+								_0: '\n',
+								_1: {
+									ctor: '::',
+									_0: indentLevel,
+									_1: {
+										ctor: '::',
+										_0: '}',
+										_1: {ctor: '[]'}
+									}
+								}
+							}
+						}
+					}
+				}
+			});
+	});
 var _rtfeldman$elm_css$Css_Structure_Output$prettyPrintDeclaration = function (declaration) {
-	var _p16 = declaration;
-	switch (_p16.ctor) {
+	var _p18 = declaration;
+	switch (_p18.ctor) {
 		case 'StyleBlockDeclaration':
-			return _rtfeldman$elm_css$Css_Structure_Output$prettyPrintStyleBlock(_p16._0);
+			return A2(_rtfeldman$elm_css$Css_Structure_Output$prettyPrintStyleBlock, _rtfeldman$elm_css$Css_Structure_Output$noIndent, _p18._0);
 		case 'MediaRule':
 			var query = A2(
 				_elm_lang$core$String$join,
-				' ',
-				A2(
-					_elm_lang$core$List$map,
-					function (_p17) {
-						var _p18 = _p17;
-						return _p18._0;
-					},
-					_p16._0));
+				',\n',
+				A2(_elm_lang$core$List$map, _rtfeldman$elm_css$Css_Structure_Output$mediaQueryToString, _p18._0));
+			var finalQuery = A2(_elm_lang$core$String$startsWith, 'not ', query) ? query : A2(_elm_lang$core$Basics_ops['++'], 'only ', query);
 			var blocks = A2(
 				_elm_lang$core$String$join,
 				'\n\n',
@@ -22812,30 +22934,27 @@ var _rtfeldman$elm_css$Css_Structure_Output$prettyPrintDeclaration = function (d
 					_elm_lang$core$List$map,
 					function (_p19) {
 						return _rtfeldman$elm_css$Css_Structure_Output$indent(
-							_rtfeldman$elm_css$Css_Structure_Output$prettyPrintStyleBlock(_p19));
+							A2(_rtfeldman$elm_css$Css_Structure_Output$prettyPrintStyleBlock, _rtfeldman$elm_css$Css_Structure_Output$spaceIndent, _p19));
 					},
-					_p16._1));
+					_p18._1));
 			return A2(
 				_elm_lang$core$Basics_ops['++'],
 				'@media ',
 				A2(
 					_elm_lang$core$Basics_ops['++'],
-					query,
+					finalQuery,
 					A2(
 						_elm_lang$core$Basics_ops['++'],
 						' {\n',
-						A2(
-							_elm_lang$core$Basics_ops['++'],
-							_rtfeldman$elm_css$Css_Structure_Output$indent(blocks),
-							'\n}'))));
+						A2(_elm_lang$core$Basics_ops['++'], blocks, '\n}'))));
 		default:
 			return _elm_lang$core$Native_Utils.crashCase(
 				'Css.Structure.Output',
 				{
-					start: {line: 56, column: 5},
-					end: {line: 73, column: 49}
+					start: {line: 61, column: 5},
+					end: {line: 97, column: 49}
 				},
-				_p16)('not yet implemented :x');
+				_p18)('not yet implemented :x');
 	}
 };
 var _rtfeldman$elm_css$Css_Structure_Output$namespaceToString = function (_p21) {
@@ -23205,7 +23324,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$resolveMediaRule = F2(
 var _rtfeldman$elm_css$Css_Preprocess_Resolve$expandStyleBlock = function (_p19) {
 	var _p20 = _p19;
 	return A2(
-		_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins,
+		_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles,
 		_p20._2,
 		{
 			ctor: '::',
@@ -23218,11 +23337,11 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$expandStyleBlock = function (_p19)
 			_1: {ctor: '[]'}
 		});
 };
-var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
-	function (mixins, declarations) {
-		applyMixins:
+var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles = F2(
+	function (styles, declarations) {
+		applyStyles:
 		while (true) {
-			var _p21 = mixins;
+			var _p21 = styles;
 			if (_p21.ctor === '[]') {
 				return {
 					declarations: declarations,
@@ -23235,7 +23354,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
 						var warnings = _p22._0;
 						var property = _p22._1;
 						var result = A2(
-							_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins,
+							_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles,
 							_p21._1,
 							A2(_rtfeldman$elm_css$Css_Structure$appendProperty, property, declarations));
 						return {
@@ -23244,7 +23363,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
 						};
 					case 'ExtendSelector':
 						return A4(
-							_rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedMixinsToLast,
+							_rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedStylesToLast,
 							_p21._0._1,
 							_p21._1,
 							_rtfeldman$elm_css$Css_Structure$appendRepeatableToLastSelector(_p21._0._0),
@@ -23309,7 +23428,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
 									return _rtfeldman$elm_css$Css_Preprocess_Resolve$concatDeclarationsAndWarnings(
 										{
 											ctor: '::',
-											_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins, _p27._0._2, newDeclarations),
+											_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles, _p27._0._2, newDeclarations),
 											_1: {ctor: '[]'}
 										});
 								case 'MediaRule':
@@ -23340,7 +23459,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
 									}),
 								{
 									ctor: '::',
-									_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins, _p21._1, declarations),
+									_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles, _p21._1, declarations),
 									_1: {ctor: '[]'}
 								},
 								A2(
@@ -23349,7 +23468,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
 									A2(_elm_lang$core$List$concatMap, _rtfeldman$elm_css$Css_Preprocess$unwrapSnippet, _p21._0._1))));
 					case 'WithPseudoElement':
 						return A4(
-							_rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedMixinsToLast,
+							_rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedStylesToLast,
 							_p21._0._1,
 							_p21._1,
 							_rtfeldman$elm_css$Css_Structure$appendPseudoElementToLastSelector(_p21._0._0),
@@ -23381,25 +23500,25 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins = F2(
 						return _rtfeldman$elm_css$Css_Preprocess_Resolve$concatDeclarationsAndWarnings(
 							{
 								ctor: '::',
-								_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins, _p21._1, declarations),
+								_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles, _p21._1, declarations),
 								_1: {
 									ctor: '::',
-									_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins, _p21._0._1, newDeclarations),
+									_0: A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles, _p21._0._1, newDeclarations),
 									_1: {ctor: '[]'}
 								}
 							});
 					default:
 						var _v19 = A2(_elm_lang$core$Basics_ops['++'], _p21._0._0, _p21._1),
 							_v20 = declarations;
-						mixins = _v19;
+						styles = _v19;
 						declarations = _v20;
-						continue applyMixins;
+						continue applyStyles;
 				}
 			}
 		}
 	});
-var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedMixinsToLast = F4(
-	function (nestedMixins, rest, f, declarations) {
+var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedStylesToLast = F4(
+	function (nestedStyles, rest, f, declarations) {
 		var withoutParent = function (decls) {
 			return A2(
 				_elm_lang$core$Maybe$withDefault,
@@ -23407,7 +23526,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedMixinsToLast = F4(
 				_elm_lang$core$List$tail(decls));
 		};
 		var nextResult = A2(
-			_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins,
+			_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles,
 			rest,
 			A2(
 				_elm_lang$core$Maybe$withDefault,
@@ -23439,13 +23558,13 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedMixinsToLast = F4(
 			}
 		}();
 		var handleInitial = function (declarationsAndWarnings) {
-			var result = A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyMixins, nestedMixins, declarationsAndWarnings.declarations);
+			var result = A2(_rtfeldman$elm_css$Css_Preprocess_Resolve$applyStyles, nestedStyles, declarationsAndWarnings.declarations);
 			return {
 				warnings: A2(_elm_lang$core$Basics_ops['++'], declarationsAndWarnings.warnings, result.warnings),
 				declarations: result.declarations
 			};
 		};
-		var insertMixinsToNestedDecl = function (lastDecl) {
+		var insertStylesToNestedDecl = function (lastDecl) {
 			return _rtfeldman$elm_css$Css_Preprocess_Resolve$concatDeclarationsAndWarnings(
 				A2(
 					_rtfeldman$elm_css$Css_Structure$mapLast,
@@ -23472,7 +23591,7 @@ var _rtfeldman$elm_css$Css_Preprocess_Resolve$applyNestedMixinsToLast = F4(
 			},
 			A2(
 				_elm_lang$core$Maybe$map,
-				insertMixinsToNestedDecl,
+				insertStylesToNestedDecl,
 				_rtfeldman$elm_css$Css_Preprocess_Resolve$lastDeclaration(declarations)));
 		return {
 			warnings: A2(_elm_lang$core$Basics_ops['++'], initialResult.warnings, nextResult.warnings),
@@ -23798,6 +23917,14 @@ var _rtfeldman$hex$Hex$fromString = function (str) {
 	}
 };
 
+var _rtfeldman$elm_css$Css$manipulation = {value: 'manipulation', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$pinchZoom = {value: 'pinch-zoom', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$panDown = {value: 'pan-down', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$panUp = {value: 'pan-up', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$panY = {value: 'pan-y', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$panRight = {value: 'pan-right', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$panLeft = {value: 'pan-left', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$panX = {value: 'pan-x', touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$asPairs = _rtfeldman$elm_css$Css_Preprocess$toPropertyPairs;
 var _rtfeldman$elm_css$Css$collectSelectors = function (declarations) {
 	collectSelectors:
@@ -23873,7 +24000,7 @@ var _rtfeldman$elm_css$Css$numericalPercentageToString = function (value) {
 				value)));
 };
 var _rtfeldman$elm_css$Css$each = F2(
-	function (snippetCreators, mixins) {
+	function (snippetCreators, styles) {
 		var selectorsToSnippet = function (selectors) {
 			var _p1 = selectors;
 			if (_p1.ctor === '[]') {
@@ -23884,7 +24011,7 @@ var _rtfeldman$elm_css$Css$each = F2(
 					{
 						ctor: '::',
 						_0: _rtfeldman$elm_css$Css_Preprocess$StyleBlockDeclaration(
-							A3(_rtfeldman$elm_css$Css_Preprocess$StyleBlock, _p1._0, _p1._1, mixins)),
+							A3(_rtfeldman$elm_css$Css_Preprocess$StyleBlock, _p1._0, _p1._1, styles)),
 						_1: {ctor: '[]'}
 					});
 			}
@@ -24020,7 +24147,7 @@ var _rtfeldman$elm_css$Css$propertyWithWarnings = F3(
 var _rtfeldman$elm_css$Css$property = _rtfeldman$elm_css$Css$propertyWithWarnings(
 	{ctor: '[]'});
 var _rtfeldman$elm_css$Css$makeSnippet = F2(
-	function (mixins, sequence) {
+	function (styles, sequence) {
 		var selector = A3(
 			_rtfeldman$elm_css$Css_Structure$Selector,
 			sequence,
@@ -24034,15 +24161,15 @@ var _rtfeldman$elm_css$Css$makeSnippet = F2(
 						_rtfeldman$elm_css$Css_Preprocess$StyleBlock,
 						selector,
 						{ctor: '[]'},
-						mixins)),
+						styles)),
 				_1: {ctor: '[]'}
 			});
 	});
 var _rtfeldman$elm_css$Css$class = F2(
-	function ($class, mixins) {
+	function ($class, styles) {
 		return A2(
 			_rtfeldman$elm_css$Css$makeSnippet,
-			mixins,
+			styles,
 			_rtfeldman$elm_css$Css_Structure$UniversalSelectorSequence(
 				{
 					ctor: '::',
@@ -24052,27 +24179,27 @@ var _rtfeldman$elm_css$Css$class = F2(
 				}));
 	});
 var _rtfeldman$elm_css$Css$selector = F2(
-	function (selectorStr, mixins) {
+	function (selectorStr, styles) {
 		return A2(
 			_rtfeldman$elm_css$Css$makeSnippet,
-			mixins,
+			styles,
 			A2(
 				_rtfeldman$elm_css$Css_Structure$CustomSelector,
 				selectorStr,
 				{ctor: '[]'}));
 	});
-var _rtfeldman$elm_css$Css$everything = function (mixins) {
+var _rtfeldman$elm_css$Css$everything = function (styles) {
 	return A2(
 		_rtfeldman$elm_css$Css$makeSnippet,
-		mixins,
+		styles,
 		_rtfeldman$elm_css$Css_Structure$UniversalSelectorSequence(
 			{ctor: '[]'}));
 };
 var _rtfeldman$elm_css$Css$id = F2(
-	function (identifier, mixins) {
+	function (identifier, styles) {
 		return A2(
 			_rtfeldman$elm_css$Css$makeSnippet,
-			mixins,
+			styles,
 			_rtfeldman$elm_css$Css_Structure$UniversalSelectorSequence(
 				{
 					ctor: '::',
@@ -24081,7 +24208,7 @@ var _rtfeldman$elm_css$Css$id = F2(
 					_1: {ctor: '[]'}
 				}));
 	});
-var _rtfeldman$elm_css$Css$mixin = _rtfeldman$elm_css$Css_Preprocess$ApplyMixins;
+var _rtfeldman$elm_css$Css$batch = _rtfeldman$elm_css$Css_Preprocess$ApplyStyles;
 var _rtfeldman$elm_css$Css$stylesheet = _rtfeldman$elm_css$Css_Preprocess$stylesheet;
 var _rtfeldman$elm_css$Css$animationNames = function (identifiers) {
 	var value = A2(
@@ -24101,6 +24228,43 @@ var _rtfeldman$elm_css$Css$animationName = function (identifier) {
 			_1: {ctor: '[]'}
 		});
 };
+var _rtfeldman$elm_css$Css$preLine = {value: 'pre-line', whiteSpace: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$preWrap = {value: 'pre-wrap', whiteSpace: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$pre = {value: 'pre', whiteSpace: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$grabbing = {value: 'grabbing', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$grab = {value: 'grab', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$zoomOut = {value: 'zoom-out', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$zoomIn = {value: 'zoom-in', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$allScroll = {value: 'all-scroll', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$rowResize = {value: 'row-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$colResize = {value: 'col-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$nwseResize = {value: 'nwse-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$neswResize = {value: 'nesw-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$nsResize = {value: 'ns-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$ewResize = {value: 'ew-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$wResize = {value: 'w-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$swResize = {value: 'sw-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$seResize = {value: 'se-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$sResize = {value: 's-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$nwResize = {value: 'nw-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$neResize = {value: 'ne-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$nResize = {value: 'n-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$eResize = {value: 'e-resize', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$notAllowed = {value: 'not-allowed', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$noDrop = {value: 'no-drop', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$move = {value: 'move', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$copy = {value: 'copy', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$cursorAlias = {value: 'alias', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$verticalText = {value: 'vertical-text', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$text = {value: 'text', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$cell = {value: 'cell', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$wait = {value: 'wait', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$progress = {value: 'progress', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$pointer = {value: 'pointer', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$help = {value: 'help', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$contextMenu = {value: 'context-menu', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$crosshair = {value: 'crosshair', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$default = {value: 'default', cursor: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$fontWeight = function (_p3) {
 	var _p4 = _p3;
 	var _p5 = _p4.value;
@@ -24161,84 +24325,6 @@ var _rtfeldman$elm_css$Css$fontFace = function (value) {
 var _rtfeldman$elm_css$Css$src = function (value) {
 	return _elm_lang$core$Basics$toString(value.value);
 };
-var _rtfeldman$elm_css$Css$withMedia = _rtfeldman$elm_css$Css_Preprocess$WithMedia;
-var _rtfeldman$elm_css$Css$media = F2(
-	function (mediaQueries, snippets) {
-		var nestedMediaRules = function (declarations) {
-			nestedMediaRules:
-			while (true) {
-				var _p8 = declarations;
-				if (_p8.ctor === '[]') {
-					return {ctor: '[]'};
-				} else {
-					switch (_p8._0.ctor) {
-						case 'StyleBlockDeclaration':
-							var _v7 = _p8._1;
-							declarations = _v7;
-							continue nestedMediaRules;
-						case 'MediaRule':
-							return {
-								ctor: '::',
-								_0: A2(
-									_rtfeldman$elm_css$Css_Preprocess$MediaRule,
-									A2(_elm_lang$core$Basics_ops['++'], mediaQueries, _p8._0._0),
-									_p8._0._1),
-								_1: nestedMediaRules(_p8._1)
-							};
-						default:
-							return {
-								ctor: '::',
-								_0: _p8._0,
-								_1: nestedMediaRules(_p8._1)
-							};
-					}
-				}
-			}
-		};
-		var extractStyleBlocks = function (declarations) {
-			extractStyleBlocks:
-			while (true) {
-				var _p9 = declarations;
-				if (_p9.ctor === '[]') {
-					return {ctor: '[]'};
-				} else {
-					if (_p9._0.ctor === 'StyleBlockDeclaration') {
-						return {
-							ctor: '::',
-							_0: _p9._0._0,
-							_1: extractStyleBlocks(_p9._1)
-						};
-					} else {
-						var _v9 = _p9._1;
-						declarations = _v9;
-						continue extractStyleBlocks;
-					}
-				}
-			}
-		};
-		var snippetDeclarations = A2(_elm_lang$core$List$concatMap, _rtfeldman$elm_css$Css_Preprocess$unwrapSnippet, snippets);
-		var mediaRuleFromStyleBlocks = A2(
-			_rtfeldman$elm_css$Css_Preprocess$MediaRule,
-			mediaQueries,
-			extractStyleBlocks(snippetDeclarations));
-		return _rtfeldman$elm_css$Css_Preprocess$Snippet(
-			{
-				ctor: '::',
-				_0: mediaRuleFromStyleBlocks,
-				_1: nestedMediaRules(snippetDeclarations)
-			});
-	});
-var _rtfeldman$elm_css$Css$mediaQuery = F2(
-	function (queryString, snippets) {
-		return A2(
-			_rtfeldman$elm_css$Css$media,
-			{
-				ctor: '::',
-				_0: _rtfeldman$elm_css$Css_Structure$MediaQuery(queryString),
-				_1: {ctor: '[]'}
-			},
-			snippets);
-	});
 var _rtfeldman$elm_css$Css$color = function (c) {
 	return A3(_rtfeldman$elm_css$Css$propertyWithWarnings, c.warnings, 'color', c.value);
 };
@@ -24347,8 +24433,121 @@ var _rtfeldman$elm_css$Css$borderBottomColor = function (c) {
 var _rtfeldman$elm_css$Css$borderBlockStartColor = function (c) {
 	return A3(_rtfeldman$elm_css$Css$propertyWithWarnings, c.warnings, 'border-block-start-color', c.value);
 };
+var _rtfeldman$elm_css$Css$featureTag2 = F2(
+	function (tag, value) {
+		var potentialWarnings = {
+			ctor: '::',
+			_0: {
+				ctor: '_Tuple2',
+				_0: !_elm_lang$core$Native_Utils.eq(
+					_elm_lang$core$String$length(tag),
+					4),
+				_1: A2(
+					_elm_lang$core$Basics_ops['++'],
+					'Feature tags must be exactly 4 characters long. ',
+					A2(_elm_lang$core$Basics_ops['++'], tag, ' is invalid.'))
+			},
+			_1: {
+				ctor: '::',
+				_0: {
+					ctor: '_Tuple2',
+					_0: _elm_lang$core$Native_Utils.cmp(value, 0) < 0,
+					_1: A2(
+						_elm_lang$core$Basics_ops['++'],
+						'Feature values cannot be negative. ',
+						A2(
+							_elm_lang$core$Basics_ops['++'],
+							_elm_lang$core$Basics$toString(value),
+							' is invalid.'))
+				},
+				_1: {ctor: '[]'}
+			}
+		};
+		var warnings = A2(
+			_elm_lang$core$List$map,
+			_elm_lang$core$Tuple$second,
+			A2(_elm_lang$core$List$filter, _elm_lang$core$Tuple$first, potentialWarnings));
+		return {
+			value: A2(
+				_elm_lang$core$Basics_ops['++'],
+				_elm_lang$core$Basics$toString(tag),
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					' ',
+					_elm_lang$core$Basics$toString(value))),
+			featureTagValue: _rtfeldman$elm_css$Css_Structure$Compatible,
+			warnings: warnings
+		};
+	});
+var _rtfeldman$elm_css$Css$featureTag = function (tag) {
+	return A2(_rtfeldman$elm_css$Css$featureTag2, tag, 1);
+};
 var _rtfeldman$elm_css$Css$featureOff = 0;
 var _rtfeldman$elm_css$Css$featureOn = 1;
+var _rtfeldman$elm_css$Css$slashedZero = {value: 'slashed-zero', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$ordinal = {value: 'ordinal', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$stackedFractions = {value: 'stacked-fractions', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$diagonalFractions = {value: 'diagonal-fractions', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tabularNums = {value: 'tabular-nums', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$proportionalNums = {value: 'proportional-nums', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$oldstyleNums = {value: 'oldstyle-nums', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$liningNums = {value: 'lining-nums', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$noContextual = {value: 'no-contextual', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$contextual = {value: 'context', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$noHistoricalLigatures = {value: 'no-historical-ligatures', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$historicalLigatures = {value: 'historical-ligatures', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$noDiscretionaryLigatures = {value: 'no-discretionary-ligatures', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$discretionaryLigatures = {value: 'discretionary-ligatures', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$noCommonLigatures = {value: 'no-common-ligatures', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$commonLigatures = {value: 'common-ligatures', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$titlingCaps = {value: 'titling-caps', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$unicase = {value: 'unicase', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$allPetiteCaps = {value: 'all-petite-caps', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$petiteCaps = {value: 'petite-caps', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$allSmallCaps = {value: 'all-small-caps', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$smallCaps = {value: 'small-caps', fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$bolder = {value: 'bolder', fontWeight: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lighter = {value: 'lighter', fontWeight: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$bold = {value: 'bold', fontWeight: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$oblique = {value: 'oblique', fontStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$italic = {value: 'italic', fontStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$normal = {
+	value: 'normal',
+	warnings: {ctor: '[]'},
+	fontStyle: _rtfeldman$elm_css$Css_Structure$Compatible,
+	fontWeight: _rtfeldman$elm_css$Css_Structure$Compatible,
+	featureTagValue: _rtfeldman$elm_css$Css_Structure$Compatible,
+	overflowWrap: _rtfeldman$elm_css$Css_Structure$Compatible
+};
+var _rtfeldman$elm_css$Css$larger = {value: 'larger', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$smaller = {value: 'smaller', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$xxLarge = {value: 'xx-large', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$xLarge = {value: 'x-large', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$large = {value: 'large', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$medium = {value: 'medium', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$small = {value: 'small', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$xSmall = {value: 'x-small', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$xxSmall = {value: 'xx-small', fontSize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$fantasy = {value: 'fantasy', fontFamily: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$cursive = {value: 'cursive', fontFamily: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$monospace = {value: 'monospace', fontFamily: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$sansSerif = {value: 'sans-serif', fontFamily: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$serif = {value: 'serif', fontFamily: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$absolute = {value: 'absolute', position: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$relative = {value: 'relative', position: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$sticky = {value: 'sticky', position: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$fixed = {value: 'fixed', position: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundAttachment: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$static = {value: 'static', position: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$fillAvailable = {value: 'fill-available', minMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$fitContent = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$fillAvailable,
+	{value: 'fit-content'});
+var _rtfeldman$elm_css$Css$minContent = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$fillAvailable,
+	{value: 'min-content'});
+var _rtfeldman$elm_css$Css$maxContent = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$fillAvailable,
+	{value: 'max-content'});
 var _rtfeldman$elm_css$Css$displayFlex = A2(_rtfeldman$elm_css$Css$property, 'display', 'flex');
 var _rtfeldman$elm_css$Css$textEmphasisColor = function (c) {
 	return A3(_rtfeldman$elm_css$Css$propertyWithWarnings, c.warnings, 'text-emphasis-color', c.value);
@@ -24454,6 +24653,7 @@ var _rtfeldman$elm_css$Css$padding4 = _rtfeldman$elm_css$Css$prop4('padding');
 var _rtfeldman$elm_css$Css$margin4 = _rtfeldman$elm_css$Css$prop4('margin');
 var _rtfeldman$elm_css$Css$borderImageOutset4 = _rtfeldman$elm_css$Css$prop4('border-image-outset');
 var _rtfeldman$elm_css$Css$borderImageWidth4 = _rtfeldman$elm_css$Css$prop4('border-image-width');
+var _rtfeldman$elm_css$Css$borderWidth4 = _rtfeldman$elm_css$Css$prop4('border-width');
 var _rtfeldman$elm_css$Css$borderRadius4 = _rtfeldman$elm_css$Css$prop4('border-radius');
 var _rtfeldman$elm_css$Css$prop3 = F4(
 	function (key, argA, argB, argC) {
@@ -24493,16 +24693,17 @@ var _rtfeldman$elm_css$Css$borderInlineStart3 = _rtfeldman$elm_css$Css$prop3('bo
 var _rtfeldman$elm_css$Css$borderInlineEnd3 = _rtfeldman$elm_css$Css$prop3('border-block-end');
 var _rtfeldman$elm_css$Css$borderImageOutset3 = _rtfeldman$elm_css$Css$prop3('border-image-outset');
 var _rtfeldman$elm_css$Css$borderImageWidth3 = _rtfeldman$elm_css$Css$prop3('border-image-width');
+var _rtfeldman$elm_css$Css$borderWidth3 = _rtfeldman$elm_css$Css$prop3('border-width');
 var _rtfeldman$elm_css$Css$borderRadius3 = _rtfeldman$elm_css$Css$prop3('border-radius');
 var _rtfeldman$elm_css$Css$outline3 = _rtfeldman$elm_css$Css$prop3('outline');
 var _rtfeldman$elm_css$Css$fontVariant3 = _rtfeldman$elm_css$Css$prop3('font-variant');
 var _rtfeldman$elm_css$Css$fontVariantNumeric3 = _rtfeldman$elm_css$Css$prop3('font-variant-numeric');
 var _rtfeldman$elm_css$Css$textDecoration3 = _rtfeldman$elm_css$Css$prop3('text-decoration');
-var _rtfeldman$elm_css$Css$textDecorations3 = function (_p10) {
+var _rtfeldman$elm_css$Css$textDecorations3 = function (_p8) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop3,
 		'text-decoration',
-		_rtfeldman$elm_css$Css$valuesOrNone(_p10));
+		_rtfeldman$elm_css$Css$valuesOrNone(_p8));
 };
 var _rtfeldman$elm_css$Css$prop2 = F3(
 	function (key, argA, argB) {
@@ -24538,6 +24739,7 @@ var _rtfeldman$elm_css$Css$borderInlineStart2 = _rtfeldman$elm_css$Css$prop2('bo
 var _rtfeldman$elm_css$Css$borderInlineEnd2 = _rtfeldman$elm_css$Css$prop2('border-block-end');
 var _rtfeldman$elm_css$Css$borderImageOutset2 = _rtfeldman$elm_css$Css$prop2('border-image-outset');
 var _rtfeldman$elm_css$Css$borderImageWidth2 = _rtfeldman$elm_css$Css$prop2('border-image-width');
+var _rtfeldman$elm_css$Css$borderWidth2 = _rtfeldman$elm_css$Css$prop2('border-width');
 var _rtfeldman$elm_css$Css$borderTopWidth2 = _rtfeldman$elm_css$Css$prop2('border-top-width');
 var _rtfeldman$elm_css$Css$borderBottomLeftRadius2 = _rtfeldman$elm_css$Css$prop2('border-bottom-left-radius');
 var _rtfeldman$elm_css$Css$borderBottomRightRadius2 = _rtfeldman$elm_css$Css$prop2('border-bottom-right-radius');
@@ -24551,11 +24753,11 @@ var _rtfeldman$elm_css$Css$backgroundSize2 = _rtfeldman$elm_css$Css$prop2('backg
 var _rtfeldman$elm_css$Css$fontVariant2 = _rtfeldman$elm_css$Css$prop2('font-variant');
 var _rtfeldman$elm_css$Css$fontVariantNumeric2 = _rtfeldman$elm_css$Css$prop2('font-variant-numeric');
 var _rtfeldman$elm_css$Css$textDecoration2 = _rtfeldman$elm_css$Css$prop2('text-decoration');
-var _rtfeldman$elm_css$Css$textDecorations2 = function (_p11) {
+var _rtfeldman$elm_css$Css$textDecorations2 = function (_p9) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop2,
 		'text-decoration',
-		_rtfeldman$elm_css$Css$valuesOrNone(_p11));
+		_rtfeldman$elm_css$Css$valuesOrNone(_p9));
 };
 var _rtfeldman$elm_css$Css$prop1 = F2(
 	function (key, arg) {
@@ -24619,6 +24821,7 @@ var _rtfeldman$elm_css$Css$borderRightStyle = _rtfeldman$elm_css$Css$prop1('bord
 var _rtfeldman$elm_css$Css$borderTopStyle = _rtfeldman$elm_css$Css$prop1('border-top-style');
 var _rtfeldman$elm_css$Css$borderStyle = _rtfeldman$elm_css$Css$prop1('border-style');
 var _rtfeldman$elm_css$Css$borderCollapse = _rtfeldman$elm_css$Css$prop1('border-collapse');
+var _rtfeldman$elm_css$Css$borderWidth = _rtfeldman$elm_css$Css$prop1('border-width');
 var _rtfeldman$elm_css$Css$borderBottomWidth = _rtfeldman$elm_css$Css$prop1('border-bottom-width');
 var _rtfeldman$elm_css$Css$borderInlineEndWidth = _rtfeldman$elm_css$Css$prop1('border-inline-end-width');
 var _rtfeldman$elm_css$Css$borderLeftWidth = _rtfeldman$elm_css$Css$prop1('border-left-width');
@@ -24650,11 +24853,11 @@ var _rtfeldman$elm_css$Css$backgroundSize = _rtfeldman$elm_css$Css$prop1('backgr
 var _rtfeldman$elm_css$Css$lineHeight = _rtfeldman$elm_css$Css$prop1('line-height');
 var _rtfeldman$elm_css$Css$letterSpacing = _rtfeldman$elm_css$Css$prop1('letter-spacing');
 var _rtfeldman$elm_css$Css$fontFamily = _rtfeldman$elm_css$Css$prop1('font-family');
-var _rtfeldman$elm_css$Css$fontFamilies = function (_p12) {
+var _rtfeldman$elm_css$Css$fontFamilies = function (_p10) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop1,
 		'font-family',
-		_rtfeldman$elm_css$Css$stringsToValue(_p12));
+		_rtfeldman$elm_css$Css$stringsToValue(_p10));
 };
 var _rtfeldman$elm_css$Css$fontSize = _rtfeldman$elm_css$Css$prop1('font-size');
 var _rtfeldman$elm_css$Css$fontStyle = _rtfeldman$elm_css$Css$prop1('font-style');
@@ -24662,29 +24865,30 @@ var _rtfeldman$elm_css$Css$fontVariant = _rtfeldman$elm_css$Css$prop1('font-vari
 var _rtfeldman$elm_css$Css$fontVariantLigatures = _rtfeldman$elm_css$Css$prop1('font-variant-ligatures');
 var _rtfeldman$elm_css$Css$fontVariantCaps = _rtfeldman$elm_css$Css$prop1('font-variant-caps');
 var _rtfeldman$elm_css$Css$fontVariantNumeric = _rtfeldman$elm_css$Css$prop1('font-variant-numeric');
-var _rtfeldman$elm_css$Css$fontVariantNumerics = function (_p13) {
+var _rtfeldman$elm_css$Css$fontVariantNumerics = function (_p11) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop1,
 		'font-variant-numeric',
-		_rtfeldman$elm_css$Css$valuesOrNone(_p13));
+		_rtfeldman$elm_css$Css$valuesOrNone(_p11));
 };
 var _rtfeldman$elm_css$Css$cursor = _rtfeldman$elm_css$Css$prop1('cursor');
 var _rtfeldman$elm_css$Css$textDecoration = _rtfeldman$elm_css$Css$prop1('text-decoration');
-var _rtfeldman$elm_css$Css$textDecorations = function (_p14) {
+var _rtfeldman$elm_css$Css$textDecorations = function (_p12) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop1,
 		'text-decoration',
-		_rtfeldman$elm_css$Css$valuesOrNone(_p14));
+		_rtfeldman$elm_css$Css$valuesOrNone(_p12));
 };
 var _rtfeldman$elm_css$Css$textDecorationLine = _rtfeldman$elm_css$Css$prop1('text-decoration-line');
-var _rtfeldman$elm_css$Css$textDecorationLines = function (_p15) {
+var _rtfeldman$elm_css$Css$textDecorationLines = function (_p13) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop1,
 		'text-decoration-line',
-		_rtfeldman$elm_css$Css$valuesOrNone(_p15));
+		_rtfeldman$elm_css$Css$valuesOrNone(_p13));
 };
 var _rtfeldman$elm_css$Css$textDecorationStyle = _rtfeldman$elm_css$Css$prop1('text-decoration-style');
 var _rtfeldman$elm_css$Css$zIndex = _rtfeldman$elm_css$Css$prop1('z-index');
+var _rtfeldman$elm_css$Css$touchAction = _rtfeldman$elm_css$Css$prop1('touch-action');
 var _rtfeldman$elm_css$Css$position = _rtfeldman$elm_css$Css$prop1('position');
 var _rtfeldman$elm_css$Css$textBottom = _rtfeldman$elm_css$Css$prop1('text-bottom');
 var _rtfeldman$elm_css$Css$textTop = _rtfeldman$elm_css$Css$prop1('text-top');
@@ -24692,11 +24896,95 @@ var _rtfeldman$elm_css$Css$super = _rtfeldman$elm_css$Css$prop1('super');
 var _rtfeldman$elm_css$Css$sub = _rtfeldman$elm_css$Css$prop1('sub');
 var _rtfeldman$elm_css$Css$baseline = _rtfeldman$elm_css$Css$prop1('baseline');
 var _rtfeldman$elm_css$Css$middle = _rtfeldman$elm_css$Css$prop1('middle');
+var _rtfeldman$elm_css$Css$noWrap = {value: 'nowrap', whiteSpace: _rtfeldman$elm_css$Css_Structure$Compatible, flexWrap: _rtfeldman$elm_css$Css_Structure$Compatible, flexDirectionOrWrap: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$auto = {value: 'auto', cursor: _rtfeldman$elm_css$Css_Structure$Compatible, flexBasis: _rtfeldman$elm_css$Css_Structure$Compatible, overflow: _rtfeldman$elm_css$Css_Structure$Compatible, textRendering: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible, alignItemsOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible, justifyContentOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible, intOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible, touchAction: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$none = {value: 'none', cursor: _rtfeldman$elm_css$Css_Structure$Compatible, none: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNone: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible, textDecorationLine: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible, display: _rtfeldman$elm_css$Css_Structure$Compatible, outline: _rtfeldman$elm_css$Css_Structure$Compatible, resize: _rtfeldman$elm_css$Css_Structure$Compatible, transform: _rtfeldman$elm_css$Css_Structure$Compatible, borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundImage: _rtfeldman$elm_css$Css_Structure$Compatible, textTransform: _rtfeldman$elm_css$Css_Structure$Compatible, touchAction: _rtfeldman$elm_css$Css_Structure$Compatible, updateFrequency: _rtfeldman$elm_css$Css_Structure$Compatible, blockAxisOverflow: _rtfeldman$elm_css$Css_Structure$Compatible, inlineAxisOverflow: _rtfeldman$elm_css$Css_Structure$Compatible, pointerDevice: _rtfeldman$elm_css$Css_Structure$Compatible, hoverCapability: _rtfeldman$elm_css$Css_Structure$Compatible, scriptingSupport: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inlineListItem = {value: 'inline-list-item', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$listItem = {value: 'list-item', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableFooterGroup = {value: 'table-footer-group', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableHeaderGroup = {value: 'table-header-group', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableColumnGroup = {value: 'table-column-group', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableRowGroup = {value: 'table-row-group', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableCaption = {value: 'table-caption', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableColumn = {value: 'table-column', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableCell = {value: 'table-cell', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$tableRow = {value: 'table-row', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inlineTable = {value: 'inline-table', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$table = {value: 'table', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inline = {value: 'inline', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inlineFlex = {value: 'inline-flex', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inlineBlock = {value: 'inline-block', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$block = {value: 'block', display: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toTopLeft = {value: 'top left', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toLeft = {value: 'left', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toBottomLeft = {value: 'bottom left', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toBottom = {value: 'bottom', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toBottomRight = {value: 'bottom right', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toRight = {value: 'right', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toTopRight = {value: 'top right', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$toTop = {value: 'top', angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$stop2 = F2(
+	function (c, len) {
+		return {
+			ctor: '_Tuple2',
+			_0: c,
+			_1: _elm_lang$core$Maybe$Just(len)
+		};
+	});
+var _rtfeldman$elm_css$Css$stop = function (c) {
+	return {ctor: '_Tuple2', _0: c, _1: _elm_lang$core$Maybe$Nothing};
+};
+var _rtfeldman$elm_css$Css$collectStops = _elm_lang$core$List$map(
+	function (_p14) {
+		var _p15 = _p14;
+		return A2(
+			_elm_lang$core$String$append,
+			_p15._0.value,
+			A2(
+				_elm_lang$core$Maybe$withDefault,
+				'',
+				A2(
+					_elm_lang$core$Maybe$map,
+					function (_p16) {
+						return A2(
+							_elm_lang$core$String$cons,
+							_elm_lang$core$Native_Utils.chr(' '),
+							function (_) {
+								return _.value;
+							}(_p16));
+					},
+					_p15._1)));
+	});
+var _rtfeldman$elm_css$Css$local = {value: 'local', backgroundAttachment: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$noRepeat = {value: 'no-repeat', backgroundRepeat: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$round = {value: 'round', backgroundRepeat: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$space = {value: 'space', backgroundRepeat: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$repeat = {value: 'repeat', backgroundRepeat: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$repeatY = {value: 'repeat-y', backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$repeatX = {value: 'repeat-x', backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lineThrough = {value: 'line-through', textDecorationLine: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$overline = {value: 'overline', textDecorationLine: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$underline = {value: 'underline', textDecorationLine: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$row = {value: 'row', flexDirection: _rtfeldman$elm_css$Css_Structure$Compatible, flexDirectionOrWrap: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$rowReverse = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$row,
+	{value: 'row-reverse'});
+var _rtfeldman$elm_css$Css$column = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$row,
+	{value: 'column'});
+var _rtfeldman$elm_css$Css$columnReverse = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$row,
+	{value: 'column-reverse'});
 var _rtfeldman$elm_css$Css$stretch = _rtfeldman$elm_css$Css$prop1('stretch');
 var _rtfeldman$elm_css$Css$spaceBetween = _rtfeldman$elm_css$Css$prop1('space-between');
 var _rtfeldman$elm_css$Css$spaceAround = _rtfeldman$elm_css$Css$prop1('space-around');
 var _rtfeldman$elm_css$Css$flexEnd = _rtfeldman$elm_css$Css$prop1('flex-end');
 var _rtfeldman$elm_css$Css$flexStart = _rtfeldman$elm_css$Css$prop1('flex-start');
+var _rtfeldman$elm_css$Css$wrap = {value: 'wrap', flexWrap: _rtfeldman$elm_css$Css_Structure$Compatible, flexDirectionOrWrap: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$wrapReverse = _elm_lang$core$Native_Utils.update(
+	_rtfeldman$elm_css$Css$wrap,
+	{value: 'wrap-reverse'});
+var _rtfeldman$elm_css$Css$content = {value: 'content', flexBasis: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$order = _rtfeldman$elm_css$Css$prop1('order');
 var _rtfeldman$elm_css$Css$flexFlow2 = _rtfeldman$elm_css$Css$prop2('flex-flow');
 var _rtfeldman$elm_css$Css$flexFlow1 = _rtfeldman$elm_css$Css$prop1('flex-flow');
@@ -24711,16 +24999,54 @@ var _rtfeldman$elm_css$Css$flex = _rtfeldman$elm_css$Css$prop1('flex');
 var _rtfeldman$elm_css$Css$listStyle3 = _rtfeldman$elm_css$Css$prop3('list-style');
 var _rtfeldman$elm_css$Css$listStyle2 = _rtfeldman$elm_css$Css$prop2('list-style');
 var _rtfeldman$elm_css$Css$listStyle = _rtfeldman$elm_css$Css$prop1('list-style');
+var _rtfeldman$elm_css$Css$thai = {value: 'thai', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$telugu = {value: 'telugu', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$oriya = {value: 'oriya', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$myanmar = {value: 'myanmar', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$malayalam = {value: 'malayalam', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lao = {value: 'lao', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$khmer = {value: 'khmer', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$kannada = {value: 'kannada', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$gurmukhi = {value: 'gurmukhi', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$gujarati = {value: 'gujarati', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$georgian = {value: 'georgian', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$devanagari = {value: 'devanagari', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$cjkHeavenlyStem = {value: 'cjk-heavenly-stem', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$cjkEarthlyBranch = {value: 'cjk-earthly-branch', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$bengali = {value: 'bengali', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$armenian = {value: 'armenian', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$arabicIndic = {value: 'arabic-indic', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$upperLatin = {value: 'upper-latin', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lowerLatin = {value: 'lower-latin', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$upperAlpha = {value: 'upper-alpha', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lowerAlpha = {value: 'lower-alpha', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$upperGreek = {value: 'upper-greek', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lowerGreek = {value: 'lower-greek', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$upperRoman = {value: 'upper-roman', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lowerRoman = {value: 'lower-roman', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$decimalLeadingZero = {value: 'decimal-leading-zero', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$decimal = {value: 'decimal', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$square = {value: 'square', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$circle = {value: 'circle', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$disc = {value: 'disc', listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$listStyleType = _rtfeldman$elm_css$Css$prop1('list-style-type');
+var _rtfeldman$elm_css$Css$outside = {value: 'outside', listStylePosition: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inside = {value: 'inside', listStylePosition: _rtfeldman$elm_css$Css_Structure$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$listStylePosition = _rtfeldman$elm_css$Css$prop1('list-style-position');
 var _rtfeldman$elm_css$Css$transformStyle = _rtfeldman$elm_css$Css$prop1('transform-style');
+var _rtfeldman$elm_css$Css$flat = {value: 'flat', transformStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$preserve3d = {value: 'preserve-3d', transformStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$boxSizing = _rtfeldman$elm_css$Css$prop1('box-sizing');
 var _rtfeldman$elm_css$Css$transformBox = _rtfeldman$elm_css$Css$prop1('transform-box');
-var _rtfeldman$elm_css$Css$transforms = function (_p16) {
+var _rtfeldman$elm_css$Css$viewBox = {value: 'view-box', transformBox: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$borderBox = {value: 'border-box', boxSizing: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundClip: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$contentBox = {value: 'content-box', boxSizing: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundClip: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$fillBox = {value: 'fill-box', transformBox: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$transforms = function (_p17) {
 	return A2(
 		_rtfeldman$elm_css$Css$prop1,
 		'transform',
-		_rtfeldman$elm_css$Css$valuesOrNone(_p16));
+		_rtfeldman$elm_css$Css$valuesOrNone(_p17));
 };
 var _rtfeldman$elm_css$Css$transform = function (only) {
 	return _rtfeldman$elm_css$Css$transforms(
@@ -24730,515 +25056,98 @@ var _rtfeldman$elm_css$Css$transform = function (only) {
 			_1: {ctor: '[]'}
 		});
 };
+var _rtfeldman$elm_css$Css$angleConverter = F2(
+	function (suffix, num) {
+		return {
+			value: A2(
+				_elm_lang$core$Basics_ops['++'],
+				_rtfeldman$elm_css$Css$numberToString(num),
+				suffix),
+			angle: _rtfeldman$elm_css$Css_Structure$Compatible,
+			angleOrDirection: _rtfeldman$elm_css$Css_Structure$Compatible
+		};
+	});
+var _rtfeldman$elm_css$Css$deg = _rtfeldman$elm_css$Css$angleConverter('deg');
+var _rtfeldman$elm_css$Css$grad = _rtfeldman$elm_css$Css$angleConverter('grad');
+var _rtfeldman$elm_css$Css$rad = _rtfeldman$elm_css$Css$angleConverter('rad');
+var _rtfeldman$elm_css$Css$turn = _rtfeldman$elm_css$Css$angleConverter('turn');
+var _rtfeldman$elm_css$Css$lengthConverter = F3(
+	function (units, unitLabel, numericValue) {
+		return {
+			value: A2(
+				_elm_lang$core$Basics_ops['++'],
+				_rtfeldman$elm_css$Css$numberToString(numericValue),
+				unitLabel),
+			numericValue: numericValue,
+			units: units,
+			unitLabel: unitLabel,
+			length: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrNumber: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrNone: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible,
+			textIndent: _rtfeldman$elm_css$Css_Structure$Compatible,
+			flexBasis: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible,
+			fontSize: _rtfeldman$elm_css$Css_Structure$Compatible,
+			absoluteLength: _rtfeldman$elm_css$Css_Structure$Compatible,
+			lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible,
+			calc: _rtfeldman$elm_css$Css_Structure$Compatible
+		};
+	});
 var _rtfeldman$elm_css$Css$true = _rtfeldman$elm_css$Css$prop1('true');
 var _rtfeldman$elm_css$Css$matchParent = _rtfeldman$elm_css$Css$prop1('match-parent');
 var _rtfeldman$elm_css$Css$end = _rtfeldman$elm_css$Css$prop1('end');
 var _rtfeldman$elm_css$Css$start = _rtfeldman$elm_css$Css$prop1('start');
 var _rtfeldman$elm_css$Css$justifyAll = _rtfeldman$elm_css$Css$prop1('justify-all');
-var _rtfeldman$elm_css$Css$textJustify = _rtfeldman$elm_css$Css$prop1('text-justify');
+var _rtfeldman$elm_css$Css$justify = _rtfeldman$elm_css$Css$prop1('justify');
 var _rtfeldman$elm_css$Css$center = _rtfeldman$elm_css$Css$prop1('center');
+var _rtfeldman$elm_css$Css$collapse = {value: 'collapse', borderCollapse: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$separate = {value: 'separate', borderCollapse: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$outset = {value: 'outset', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$inset = {value: 'inset', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$ridge = {value: 'ridge', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$groove = {value: 'groove', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$double = {value: 'double', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$solid = {value: 'solid', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$dashed = {value: 'dashed', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$dotted = {value: 'dotted', borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$wavy = {value: 'wavy', textDecorationStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$clip = {value: 'clip', textOverflow: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$ellipsis = {value: 'ellipsis', textOverflow: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$fullWidth = {value: 'full-width', textTransform: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$lowercase = {value: 'lowercase', textTransform: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$uppercase = {value: 'uppercase', textTransform: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$capitalize = {value: 'capitalize', textTransform: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$sideways = {value: 'sideways', textOrientation: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$upright = {value: 'upright', textOrientation: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$mixed = {value: 'mixed', textOrientation: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$eachLine = {value: 'each-line', textIndent: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$hanging = {value: 'hanging', textIndent: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$geometricPrecision = {value: 'geometricPrecision', textRendering: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$optimizeLegibility = {value: 'optimizeLegibility', textRendering: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$optimizeSpeed = {value: 'optimizeSpeed', textRendering: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$hslaToRgba = F6(
+	function (value, warnings, hue, saturation, lightness, hslAlpha) {
+		var _p18 = _elm_lang$core$Color$toRgb(
+			A4(_elm_lang$core$Color$hsla, hue, saturation, lightness, hslAlpha));
+		var red = _p18.red;
+		var green = _p18.green;
+		var blue = _p18.blue;
+		var alpha = _p18.alpha;
+		return {value: value, color: _rtfeldman$elm_css$Css_Structure$Compatible, red: red, green: green, blue: blue, alpha: alpha, warnings: warnings};
+	});
 var _rtfeldman$elm_css$Css$withPrecedingHash = function (str) {
 	return A2(_elm_lang$core$String$startsWith, '#', str) ? str : A2(
 		_elm_lang$core$String$cons,
 		_elm_lang$core$Native_Utils.chr('#'),
 		str);
 };
-var _rtfeldman$elm_css$Css$luminosity = _rtfeldman$elm_css$Css$prop1('luminosity');
-var _rtfeldman$elm_css$Css$saturation = _rtfeldman$elm_css$Css$prop1('saturation');
-var _rtfeldman$elm_css$Css$hue = _rtfeldman$elm_css$Css$prop1('hue');
-var _rtfeldman$elm_css$Css$exclusion = _rtfeldman$elm_css$Css$prop1('exclusion');
-var _rtfeldman$elm_css$Css$difference = _rtfeldman$elm_css$Css$prop1('difference');
-var _rtfeldman$elm_css$Css$softLight = _rtfeldman$elm_css$Css$prop1('soft-light');
-var _rtfeldman$elm_css$Css$hardLight = _rtfeldman$elm_css$Css$prop1('hard-light');
-var _rtfeldman$elm_css$Css$colorBurn = _rtfeldman$elm_css$Css$prop1('color-burn');
-var _rtfeldman$elm_css$Css$colorDodge = _rtfeldman$elm_css$Css$prop1('color-dodge');
-var _rtfeldman$elm_css$Css$lighten = _rtfeldman$elm_css$Css$prop1('lighten');
-var _rtfeldman$elm_css$Css$darken = _rtfeldman$elm_css$Css$prop1('darken');
-var _rtfeldman$elm_css$Css$overlay = _rtfeldman$elm_css$Css$prop1('overlay');
-var _rtfeldman$elm_css$Css$screenBlendMode = _rtfeldman$elm_css$Css$prop1('screen');
-var _rtfeldman$elm_css$Css$multiply = _rtfeldman$elm_css$Css$prop1('multiply');
-var _rtfeldman$elm_css$Css$important = _rtfeldman$elm_css$Css_Preprocess$mapLastProperty(
-	function (property) {
-		return _elm_lang$core$Native_Utils.update(
-			property,
-			{important: true});
-	});
-var _rtfeldman$elm_css$Css$all = _rtfeldman$elm_css$Css$prop1('all');
-var _rtfeldman$elm_css$Css$combineLengths = F3(
-	function (operation, first, second) {
-		var numericValue = A2(operation, first.numericValue, second.numericValue);
-		var value = A2(
-			_elm_lang$core$String$join,
-			'',
-			A2(
-				_elm_lang$core$List$filter,
-				function (_p17) {
-					return !_elm_lang$core$String$isEmpty(_p17);
-				},
-				{
-					ctor: '::',
-					_0: _elm_lang$core$Basics$toString(numericValue),
-					_1: {
-						ctor: '::',
-						_0: first.unitLabel,
-						_1: {ctor: '[]'}
-					}
-				}));
-		return _elm_lang$core$Native_Utils.update(
-			first,
-			{value: value, numericValue: numericValue});
-	});
-var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
-_rtfeldman$elm_css$Css_ops['|*|'] = _rtfeldman$elm_css$Css$combineLengths(
-	F2(
-		function (x, y) {
-			return x * y;
-		}));
-var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
-_rtfeldman$elm_css$Css_ops['|/|'] = _rtfeldman$elm_css$Css$combineLengths(
-	F2(
-		function (x, y) {
-			return x / y;
-		}));
-var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
-_rtfeldman$elm_css$Css_ops['|-|'] = _rtfeldman$elm_css$Css$combineLengths(
-	F2(
-		function (x, y) {
-			return x - y;
-		}));
-var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
-_rtfeldman$elm_css$Css_ops['|+|'] = _rtfeldman$elm_css$Css$combineLengths(
-	F2(
-		function (x, y) {
-			return x + y;
-		}));
-var _rtfeldman$elm_css$Css$getOverloadedProperty = F3(
-	function (functionName, desiredKey, mixin) {
-		getOverloadedProperty:
-		while (true) {
-			var _p18 = mixin;
-			switch (_p18.ctor) {
-				case 'AppendProperty':
-					return A2(_rtfeldman$elm_css$Css$property, desiredKey, _p18._0.key);
-				case 'ExtendSelector':
-					return A3(
-						_rtfeldman$elm_css$Css$propertyWithWarnings,
-						{
-							ctor: '::',
-							_0: A2(
-								_elm_lang$core$Basics_ops['++'],
-								'Cannot apply ',
-								A2(
-									_elm_lang$core$Basics_ops['++'],
-									functionName,
-									A2(
-										_elm_lang$core$Basics_ops['++'],
-										' with inapplicable mixin for selector ',
-										_elm_lang$core$Basics$toString(_p18._0)))),
-							_1: {ctor: '[]'}
-						},
-						desiredKey,
-						'');
-				case 'NestSnippet':
-					return A3(
-						_rtfeldman$elm_css$Css$propertyWithWarnings,
-						{
-							ctor: '::',
-							_0: A2(
-								_elm_lang$core$Basics_ops['++'],
-								'Cannot apply ',
-								A2(
-									_elm_lang$core$Basics_ops['++'],
-									functionName,
-									A2(
-										_elm_lang$core$Basics_ops['++'],
-										' with inapplicable mixin for combinator ',
-										_elm_lang$core$Basics$toString(_p18._0)))),
-							_1: {ctor: '[]'}
-						},
-						desiredKey,
-						'');
-				case 'WithPseudoElement':
-					return A3(
-						_rtfeldman$elm_css$Css$propertyWithWarnings,
-						{
-							ctor: '::',
-							_0: A2(
-								_elm_lang$core$Basics_ops['++'],
-								'Cannot apply ',
-								A2(
-									_elm_lang$core$Basics_ops['++'],
-									functionName,
-									A2(
-										_elm_lang$core$Basics_ops['++'],
-										' with inapplicable mixin for pseudo-element setter ',
-										_elm_lang$core$Basics$toString(_p18._0)))),
-							_1: {ctor: '[]'}
-						},
-						desiredKey,
-						'');
-				case 'WithMedia':
-					return A3(
-						_rtfeldman$elm_css$Css$propertyWithWarnings,
-						{
-							ctor: '::',
-							_0: A2(
-								_elm_lang$core$Basics_ops['++'],
-								'Cannot apply ',
-								A2(
-									_elm_lang$core$Basics_ops['++'],
-									functionName,
-									A2(
-										_elm_lang$core$Basics_ops['++'],
-										' with inapplicable mixin for media query ',
-										_elm_lang$core$Basics$toString(_p18._0)))),
-							_1: {ctor: '[]'}
-						},
-						desiredKey,
-						'');
-				default:
-					if (_p18._0.ctor === '[]') {
-						return A3(
-							_rtfeldman$elm_css$Css$propertyWithWarnings,
-							{
-								ctor: '::',
-								_0: A2(
-									_elm_lang$core$Basics_ops['++'],
-									'Cannot apply ',
-									A2(_elm_lang$core$Basics_ops['++'], functionName, ' with empty mixin. ')),
-								_1: {ctor: '[]'}
-							},
-							desiredKey,
-							'');
-					} else {
-						if (_p18._0._1.ctor === '[]') {
-							var _v11 = functionName,
-								_v12 = desiredKey,
-								_v13 = _p18._0._0;
-							functionName = _v11;
-							desiredKey = _v12;
-							mixin = _v13;
-							continue getOverloadedProperty;
-						} else {
-							var _v14 = functionName,
-								_v15 = desiredKey,
-								_v16 = _rtfeldman$elm_css$Css_Preprocess$ApplyMixins(_p18._0._1);
-							functionName = _v14;
-							desiredKey = _v15;
-							mixin = _v16;
-							continue getOverloadedProperty;
-						}
-					}
-			}
-		}
-	});
-var _rtfeldman$elm_css$Css$cssFunction = F2(
-	function (funcName, args) {
-		return A2(
-			_elm_lang$core$Basics_ops['++'],
-			funcName,
-			A2(
-				_elm_lang$core$Basics_ops['++'],
-				'(',
-				A2(
-					_elm_lang$core$Basics_ops['++'],
-					A2(_elm_lang$core$String$join, ', ', args),
-					')')));
-	});
-var _rtfeldman$elm_css$Css$tv = _rtfeldman$elm_css$Css_Structure$MediaQuery('tv');
-var _rtfeldman$elm_css$Css$projection = _rtfeldman$elm_css$Css_Structure$MediaQuery('projection');
-var _rtfeldman$elm_css$Css$print = _rtfeldman$elm_css$Css_Structure$MediaQuery('print');
-var _rtfeldman$elm_css$Css$screen = _rtfeldman$elm_css$Css_Structure$MediaQuery('screen');
-var _rtfeldman$elm_css$Css$ExplicitLength = function (a) {
-	return function (b) {
-		return function (c) {
-			return function (d) {
-				return function (e) {
-					return function (f) {
-						return function (g) {
-							return function (h) {
-								return function (i) {
-									return function (j) {
-										return function (k) {
-											return function (l) {
-												return function (m) {
-													return function (n) {
-														return function (o) {
-															return {value: a, numericValue: b, units: c, unitLabel: d, length: e, lengthOrAuto: f, lengthOrNumber: g, lengthOrNone: h, lengthOrMinMaxDimension: i, lengthOrNoneOrMinMaxDimension: j, textIndent: k, flexBasis: l, lengthOrNumberOrAutoOrNoneOrContent: m, fontSize: n, lengthOrAutoOrCoverOrContain: o};
-														};
-													};
-												};
-											};
-										};
-									};
-								};
-							};
-						};
-					};
-				};
-			};
-		};
-	};
-};
-var _rtfeldman$elm_css$Css$NonMixable = {};
-var _rtfeldman$elm_css$Css$BasicProperty = function (a) {
-	return function (b) {
-		return function (c) {
-			return function (d) {
-				return function (e) {
-					return function (f) {
-						return function (g) {
-							return function (h) {
-								return function (i) {
-									return function (j) {
-										return function (k) {
-											return function (l) {
-												return function (m) {
-													return function (n) {
-														return function (o) {
-															return function (p) {
-																return function (q) {
-																	return function (r) {
-																		return function (s) {
-																			return function (t) {
-																				return function (u) {
-																					return function (v) {
-																						return function (w) {
-																							return function (x) {
-																								return function (y) {
-																									return function (z) {
-																										return function (_1) {
-																											return function (_2) {
-																												return function (_3) {
-																													return function (_4) {
-																														return function (_5) {
-																															return function (_6) {
-																																return function (_7) {
-																																	return function (_8) {
-																																		return function (_9) {
-																																			return function (_10) {
-																																				return function (_11) {
-																																					return function (_12) {
-																																						return function (_13) {
-																																							return function (_14) {
-																																								return function (_15) {
-																																									return function (_16) {
-																																										return function (_17) {
-																																											return function (_18) {
-																																												return function (_19) {
-																																													return function (_20) {
-																																														return function (_21) {
-																																															return function (_22) {
-																																																return {value: a, all: b, alignItems: c, borderStyle: d, boxSizing: e, color: f, cursor: g, display: h, flexBasis: i, flexWrap: j, flexDirection: k, flexDirectionOrWrap: l, justifyContent: m, none: n, number: o, outline: p, overflow: q, textDecorationLine: r, textRendering: s, textIndent: t, textDecorationStyle: u, length: v, lengthOrAuto: w, lengthOrNone: x, lengthOrNumber: y, lengthOrMinMaxDimension: z, lengthOrNoneOrMinMaxDimension: _1, lengthOrNumberOrAutoOrNoneOrContent: _2, listStyleType: _3, listStylePosition: _4, listStyleTypeOrPositionOrImage: _5, fontFamily: _6, fontSize: _7, fontStyle: _8, fontWeight: _9, fontVariant: _10, units: _11, numericValue: _12, unitLabel: _13, warnings: _14, backgroundRepeat: _15, backgroundRepeatShorthand: _16, backgroundAttachment: _17, backgroundBlendMode: _18, backgroundOrigin: _19, backgroundImage: _20, lengthOrAutoOrCoverOrContain: _21, intOrAuto: _22};
-																																															};
-																																														};
-																																													};
-																																												};
-																																											};
-																																										};
-																																									};
-																																								};
-																																							};
-																																						};
-																																					};
-																																				};
-																																			};
-																																		};
-																																	};
-																																};
-																															};
-																														};
-																													};
-																												};
-																											};
-																										};
-																									};
-																								};
-																							};
-																						};
-																					};
-																				};
-																			};
-																		};
-																	};
-																};
-															};
-														};
-													};
-												};
-											};
-										};
-									};
-								};
-							};
-						};
-					};
-				};
-			};
-		};
-	};
-};
-var _rtfeldman$elm_css$Css$Compatible = {ctor: 'Compatible'};
-var _rtfeldman$elm_css$Css$transparent = {
-	value: 'transparent',
-	color: _rtfeldman$elm_css$Css$Compatible,
-	warnings: {ctor: '[]'}
-};
-var _rtfeldman$elm_css$Css$colorValueForOverloadedProperty = _rtfeldman$elm_css$Css$transparent;
-var _rtfeldman$elm_css$Css$backgroundBlendMode = function (fn) {
-	return A3(
-		_rtfeldman$elm_css$Css$getOverloadedProperty,
-		'backgroundBlendMode',
-		'background-blend-mode',
-		fn(_rtfeldman$elm_css$Css$colorValueForOverloadedProperty));
-};
-var _rtfeldman$elm_css$Css$currentColor = {
-	value: 'currentColor',
-	color: _rtfeldman$elm_css$Css$Compatible,
-	warnings: {ctor: '[]'}
-};
-var _rtfeldman$elm_css$Css$visible = {value: 'visible', overflow: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$scroll = {value: 'scroll', overflow: _rtfeldman$elm_css$Css$Compatible, backgroundAttachment: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$breakWord = {value: 'break-word', overflowWrap: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$both = {value: 'both', resize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$horizontal = {value: 'horizontal', resize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$vertical = {value: 'vertical', resize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$paddingBox = {value: 'padding-box', backgroundClip: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$url = function (urlValue) {
-	return {
-		value: A2(
-			_elm_lang$core$Basics_ops['++'],
-			'url(',
-			A2(_elm_lang$core$Basics_ops['++'], urlValue, ')')),
-		backgroundImage: _rtfeldman$elm_css$Css$Compatible
-	};
-};
-var _rtfeldman$elm_css$Css$cover = {value: 'cover', lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$contain = {value: 'contain', lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$hidden = {value: 'hidden', overflow: _rtfeldman$elm_css$Css$Compatible, borderStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$rgb = F3(
-	function (red, green, blue) {
-		var warnings = ((_elm_lang$core$Native_Utils.cmp(red, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(red, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(green, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(green, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(blue, 0) < 0) || (_elm_lang$core$Native_Utils.cmp(blue, 255) > 0)))))) ? {
-			ctor: '::',
-			_0: A2(
-				_elm_lang$core$Basics_ops['++'],
-				'RGB color values must be between 0 and 255. rgb(',
-				A2(
-					_elm_lang$core$Basics_ops['++'],
-					_elm_lang$core$Basics$toString(red),
-					A2(
-						_elm_lang$core$Basics_ops['++'],
-						', ',
-						A2(
-							_elm_lang$core$Basics_ops['++'],
-							_elm_lang$core$Basics$toString(green),
-							A2(
-								_elm_lang$core$Basics_ops['++'],
-								', ',
-								A2(
-									_elm_lang$core$Basics_ops['++'],
-									_elm_lang$core$Basics$toString(blue),
-									') is not valid.')))))),
-			_1: {ctor: '[]'}
-		} : {ctor: '[]'};
-		return {
-			value: A2(
-				_rtfeldman$elm_css$Css$cssFunction,
-				'rgb',
-				A2(
-					_elm_lang$core$List$map,
-					_rtfeldman$elm_css$Css$numberToString,
-					{
-						ctor: '::',
-						_0: red,
-						_1: {
-							ctor: '::',
-							_0: green,
-							_1: {
-								ctor: '::',
-								_0: blue,
-								_1: {ctor: '[]'}
-							}
-						}
-					})),
-			color: _rtfeldman$elm_css$Css$Compatible,
-			warnings: warnings,
-			red: red,
-			green: green,
-			blue: blue,
-			alpha: 1
-		};
-	});
-var _rtfeldman$elm_css$Css$rgba = F4(
-	function (red, green, blue, alpha) {
-		var warnings = ((_elm_lang$core$Native_Utils.cmp(red, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(red, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(green, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(green, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(blue, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(blue, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(alpha, 0) < 0) || (_elm_lang$core$Native_Utils.cmp(alpha, 1) > 0)))))))) ? {
-			ctor: '::',
-			_0: A2(
-				_elm_lang$core$Basics_ops['++'],
-				'RGB color values must be between 0 and 255, and the alpha in RGBA must be between 0 and 1. rgba(',
-				A2(
-					_elm_lang$core$Basics_ops['++'],
-					_elm_lang$core$Basics$toString(red),
-					A2(
-						_elm_lang$core$Basics_ops['++'],
-						', ',
-						A2(
-							_elm_lang$core$Basics_ops['++'],
-							_elm_lang$core$Basics$toString(green),
-							A2(
-								_elm_lang$core$Basics_ops['++'],
-								', ',
-								A2(
-									_elm_lang$core$Basics_ops['++'],
-									_elm_lang$core$Basics$toString(blue),
-									A2(
-										_elm_lang$core$Basics_ops['++'],
-										', ',
-										A2(
-											_elm_lang$core$Basics_ops['++'],
-											_elm_lang$core$Basics$toString(alpha),
-											') is not valid.')))))))),
-			_1: {ctor: '[]'}
-		} : {ctor: '[]'};
-		return {
-			value: A2(
-				_rtfeldman$elm_css$Css$cssFunction,
-				'rgba',
-				A2(
-					_elm_lang$core$Basics_ops['++'],
-					A2(
-						_elm_lang$core$List$map,
-						_rtfeldman$elm_css$Css$numberToString,
-						{
-							ctor: '::',
-							_0: red,
-							_1: {
-								ctor: '::',
-								_0: green,
-								_1: {
-									ctor: '::',
-									_0: blue,
-									_1: {ctor: '[]'}
-								}
-							}
-						}),
-					{
-						ctor: '::',
-						_0: _rtfeldman$elm_css$Css$numberToString(alpha),
-						_1: {ctor: '[]'}
-					})),
-			color: _rtfeldman$elm_css$Css$Compatible,
-			warnings: warnings,
-			red: red,
-			green: green,
-			blue: blue,
-			alpha: alpha
-		};
-	});
 var _rtfeldman$elm_css$Css$erroneousHex = function (str) {
 	return {
 		value: _rtfeldman$elm_css$Css$withPrecedingHash(str),
-		color: _rtfeldman$elm_css$Css$Compatible,
+		color: _rtfeldman$elm_css$Css_Structure$Compatible,
 		red: 0,
 		green: 0,
 		blue: 0,
@@ -25324,7 +25233,7 @@ var _rtfeldman$elm_css$Css$validHex = F5(
 		if (((((_p28.ctor === '_Tuple4') && (_p28._0.ctor === 'Ok')) && (_p28._1.ctor === 'Ok')) && (_p28._2.ctor === 'Ok')) && (_p28._3.ctor === 'Ok')) {
 			return {
 				value: _rtfeldman$elm_css$Css$withPrecedingHash(str),
-				color: _rtfeldman$elm_css$Css$Compatible,
+				color: _rtfeldman$elm_css$Css_Structure$Compatible,
 				red: _p28._0._0,
 				green: _p28._1._0,
 				blue: _p28._2._0,
@@ -25338,7 +25247,7 @@ var _rtfeldman$elm_css$Css$validHex = F5(
 var _rtfeldman$elm_css$Css$hex = function (str) {
 	var withoutHash = A2(_elm_lang$core$String$startsWith, '#', str) ? A2(_elm_lang$core$String$dropLeft, 1, str) : str;
 	var _p29 = _elm_lang$core$String$toList(withoutHash);
-	_v22_4:
+	_v12_4:
 	do {
 		if (((_p29.ctor === '::') && (_p29._1.ctor === '::')) && (_p29._1._1.ctor === '::')) {
 			if (_p29._1._1._1.ctor === '[]') {
@@ -25393,29 +25302,416 @@ var _rtfeldman$elm_css$Css$hex = function (str) {
 									{ctor: '_Tuple2', _0: _p29._1._1._1._1._0, _1: _p29._1._1._1._1._1._0},
 									{ctor: '_Tuple2', _0: _p29._1._1._1._1._1._1._0, _1: _p29._1._1._1._1._1._1._1._0});
 							} else {
-								break _v22_4;
+								break _v12_4;
 							}
 						}
 					} else {
-						break _v22_4;
+						break _v12_4;
 					}
 				}
 			}
 		} else {
-			break _v22_4;
+			break _v12_4;
 		}
 	} while(false);
 	return _rtfeldman$elm_css$Css$erroneousHex(str);
 };
-var _rtfeldman$elm_css$Css$hslaToRgba = F6(
-	function (value, warnings, hue, saturation, lightness, hslAlpha) {
-		var _p37 = _elm_lang$core$Color$toRgb(
-			A4(_elm_lang$core$Color$hsla, hue, saturation, lightness, hslAlpha));
-		var red = _p37.red;
-		var green = _p37.green;
-		var blue = _p37.blue;
-		var alpha = _p37.alpha;
-		return {value: value, color: _rtfeldman$elm_css$Css$Compatible, red: red, green: green, blue: blue, alpha: alpha, warnings: warnings};
+var _rtfeldman$elm_css$Css$hidden = {value: 'hidden', overflow: _rtfeldman$elm_css$Css_Structure$Compatible, borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$contain = {value: 'contain', lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$cover = {value: 'cover', lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$url = function (urlValue) {
+	return {
+		value: A2(
+			_elm_lang$core$Basics_ops['++'],
+			'url(',
+			A2(_elm_lang$core$Basics_ops['++'], urlValue, ')')),
+		backgroundImage: _rtfeldman$elm_css$Css_Structure$Compatible
+	};
+};
+var _rtfeldman$elm_css$Css$paddingBox = {value: 'padding-box', backgroundClip: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$luminosity = _rtfeldman$elm_css$Css$prop1('luminosity');
+var _rtfeldman$elm_css$Css$saturation = _rtfeldman$elm_css$Css$prop1('saturation');
+var _rtfeldman$elm_css$Css$hue = _rtfeldman$elm_css$Css$prop1('hue');
+var _rtfeldman$elm_css$Css$exclusion = _rtfeldman$elm_css$Css$prop1('exclusion');
+var _rtfeldman$elm_css$Css$difference = _rtfeldman$elm_css$Css$prop1('difference');
+var _rtfeldman$elm_css$Css$softLight = _rtfeldman$elm_css$Css$prop1('soft-light');
+var _rtfeldman$elm_css$Css$hardLight = _rtfeldman$elm_css$Css$prop1('hard-light');
+var _rtfeldman$elm_css$Css$colorBurn = _rtfeldman$elm_css$Css$prop1('color-burn');
+var _rtfeldman$elm_css$Css$colorDodge = _rtfeldman$elm_css$Css$prop1('color-dodge');
+var _rtfeldman$elm_css$Css$lighten = _rtfeldman$elm_css$Css$prop1('lighten');
+var _rtfeldman$elm_css$Css$darken = _rtfeldman$elm_css$Css$prop1('darken');
+var _rtfeldman$elm_css$Css$overlay = _rtfeldman$elm_css$Css$prop1('overlay');
+var _rtfeldman$elm_css$Css$screenBlendMode = _rtfeldman$elm_css$Css$prop1('screen');
+var _rtfeldman$elm_css$Css$multiply = _rtfeldman$elm_css$Css$prop1('multiply');
+var _rtfeldman$elm_css$Css$vertical = {value: 'vertical', resize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$horizontal = {value: 'horizontal', resize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$both = {value: 'both', resize: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$breakWord = {value: 'break-word', overflowWrap: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$scroll = {value: 'scroll', scroll: _rtfeldman$elm_css$Css_Structure$Compatible, overflow: _rtfeldman$elm_css$Css_Structure$Compatible, backgroundAttachment: _rtfeldman$elm_css$Css_Structure$Compatible, blockAxisOverflow: _rtfeldman$elm_css$Css_Structure$Compatible, inlineAxisOverflow: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$visible = {value: 'visible', overflow: _rtfeldman$elm_css$Css_Structure$Compatible};
+var _rtfeldman$elm_css$Css$currentColor = {
+	value: 'currentColor',
+	color: _rtfeldman$elm_css$Css_Structure$Compatible,
+	warnings: {ctor: '[]'}
+};
+var _rtfeldman$elm_css$Css$transparent = {
+	value: 'transparent',
+	color: _rtfeldman$elm_css$Css_Structure$Compatible,
+	warnings: {ctor: '[]'}
+};
+var _rtfeldman$elm_css$Css$important = _rtfeldman$elm_css$Css_Preprocess$mapLastProperty(
+	function (property) {
+		return _elm_lang$core$Native_Utils.update(
+			property,
+			{important: true});
+	});
+var _rtfeldman$elm_css$Css$all = _rtfeldman$elm_css$Css$prop1('all');
+var _rtfeldman$elm_css$Css$combineLengths = F3(
+	function (operation, first, second) {
+		var numericValue = A2(operation, first.numericValue, second.numericValue);
+		var value = A2(
+			_elm_lang$core$String$join,
+			'',
+			A2(
+				_elm_lang$core$List$filter,
+				function (_p37) {
+					return !_elm_lang$core$String$isEmpty(_p37);
+				},
+				{
+					ctor: '::',
+					_0: _elm_lang$core$Basics$toString(numericValue),
+					_1: {
+						ctor: '::',
+						_0: first.unitLabel,
+						_1: {ctor: '[]'}
+					}
+				}));
+		return _elm_lang$core$Native_Utils.update(
+			first,
+			{value: value, numericValue: numericValue});
+	});
+var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
+_rtfeldman$elm_css$Css_ops['|*|'] = _rtfeldman$elm_css$Css$combineLengths(
+	F2(
+		function (x, y) {
+			return x * y;
+		}));
+var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
+_rtfeldman$elm_css$Css_ops['|/|'] = _rtfeldman$elm_css$Css$combineLengths(
+	F2(
+		function (x, y) {
+			return x / y;
+		}));
+var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
+_rtfeldman$elm_css$Css_ops['|-|'] = _rtfeldman$elm_css$Css$combineLengths(
+	F2(
+		function (x, y) {
+			return x - y;
+		}));
+var _rtfeldman$elm_css$Css_ops = _rtfeldman$elm_css$Css_ops || {};
+_rtfeldman$elm_css$Css_ops['|+|'] = _rtfeldman$elm_css$Css$combineLengths(
+	F2(
+		function (x, y) {
+			return x + y;
+		}));
+var _rtfeldman$elm_css$Css$calcExpressionToString = function (expression) {
+	var _p38 = expression;
+	if (_p38.ctor === 'Addition') {
+		return '+';
+	} else {
+		return '-';
+	}
+};
+var _rtfeldman$elm_css$Css$colorValueForOverloadedProperty = _rtfeldman$elm_css$Css$transparent;
+var _rtfeldman$elm_css$Css$getOverloadedProperty = F3(
+	function (functionName, desiredKey, style) {
+		getOverloadedProperty:
+		while (true) {
+			var _p39 = style;
+			switch (_p39.ctor) {
+				case 'AppendProperty':
+					return A2(_rtfeldman$elm_css$Css$property, desiredKey, _p39._0.key);
+				case 'ExtendSelector':
+					return A3(
+						_rtfeldman$elm_css$Css$propertyWithWarnings,
+						{
+							ctor: '::',
+							_0: A2(
+								_elm_lang$core$Basics_ops['++'],
+								'Cannot apply ',
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									functionName,
+									A2(
+										_elm_lang$core$Basics_ops['++'],
+										' with inapplicable Style for selector ',
+										_elm_lang$core$Basics$toString(_p39._0)))),
+							_1: {ctor: '[]'}
+						},
+						desiredKey,
+						'');
+				case 'NestSnippet':
+					return A3(
+						_rtfeldman$elm_css$Css$propertyWithWarnings,
+						{
+							ctor: '::',
+							_0: A2(
+								_elm_lang$core$Basics_ops['++'],
+								'Cannot apply ',
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									functionName,
+									A2(
+										_elm_lang$core$Basics_ops['++'],
+										' with inapplicable Style for combinator ',
+										_elm_lang$core$Basics$toString(_p39._0)))),
+							_1: {ctor: '[]'}
+						},
+						desiredKey,
+						'');
+				case 'WithPseudoElement':
+					return A3(
+						_rtfeldman$elm_css$Css$propertyWithWarnings,
+						{
+							ctor: '::',
+							_0: A2(
+								_elm_lang$core$Basics_ops['++'],
+								'Cannot apply ',
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									functionName,
+									A2(
+										_elm_lang$core$Basics_ops['++'],
+										' with inapplicable Style for pseudo-element setter ',
+										_elm_lang$core$Basics$toString(_p39._0)))),
+							_1: {ctor: '[]'}
+						},
+						desiredKey,
+						'');
+				case 'WithMedia':
+					return A3(
+						_rtfeldman$elm_css$Css$propertyWithWarnings,
+						{
+							ctor: '::',
+							_0: A2(
+								_elm_lang$core$Basics_ops['++'],
+								'Cannot apply ',
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									functionName,
+									A2(
+										_elm_lang$core$Basics_ops['++'],
+										' with inapplicable Style for media query ',
+										_elm_lang$core$Basics$toString(_p39._0)))),
+							_1: {ctor: '[]'}
+						},
+						desiredKey,
+						'');
+				default:
+					if (_p39._0.ctor === '[]') {
+						return A3(
+							_rtfeldman$elm_css$Css$propertyWithWarnings,
+							{
+								ctor: '::',
+								_0: A2(
+									_elm_lang$core$Basics_ops['++'],
+									'Cannot apply ',
+									A2(_elm_lang$core$Basics_ops['++'], functionName, ' with empty Style. ')),
+								_1: {ctor: '[]'}
+							},
+							desiredKey,
+							'');
+					} else {
+						if (_p39._0._1.ctor === '[]') {
+							var _v15 = functionName,
+								_v16 = desiredKey,
+								_v17 = _p39._0._0;
+							functionName = _v15;
+							desiredKey = _v16;
+							style = _v17;
+							continue getOverloadedProperty;
+						} else {
+							var _v18 = functionName,
+								_v19 = desiredKey,
+								_v20 = _rtfeldman$elm_css$Css_Preprocess$ApplyStyles(_p39._0._1);
+							functionName = _v18;
+							desiredKey = _v19;
+							style = _v20;
+							continue getOverloadedProperty;
+						}
+					}
+			}
+		}
+	});
+var _rtfeldman$elm_css$Css$backgroundBlendMode = function (fn) {
+	return A3(
+		_rtfeldman$elm_css$Css$getOverloadedProperty,
+		'backgroundBlendMode',
+		'background-blend-mode',
+		fn(_rtfeldman$elm_css$Css$colorValueForOverloadedProperty));
+};
+var _rtfeldman$elm_css$Css$cssFunction = F2(
+	function (funcName, args) {
+		return A2(
+			_elm_lang$core$Basics_ops['++'],
+			funcName,
+			A2(
+				_elm_lang$core$Basics_ops['++'],
+				'(',
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					A2(_elm_lang$core$String$join, ', ', args),
+					')')));
+	});
+var _rtfeldman$elm_css$Css$calc = F3(
+	function (first, expression, second) {
+		var grab = function (l) {
+			return A2(_elm_lang$core$String$startsWith, 'calc(', l.value) ? A2(_elm_lang$core$String$dropLeft, 4, l.value) : l.value;
+		};
+		var calcs = A2(
+			_elm_lang$core$String$join,
+			' ',
+			{
+				ctor: '::',
+				_0: grab(first),
+				_1: {
+					ctor: '::',
+					_0: _rtfeldman$elm_css$Css$calcExpressionToString(expression),
+					_1: {
+						ctor: '::',
+						_0: grab(second),
+						_1: {ctor: '[]'}
+					}
+				}
+			});
+		var value = A2(
+			_rtfeldman$elm_css$Css$cssFunction,
+			'calc',
+			{
+				ctor: '::',
+				_0: calcs,
+				_1: {ctor: '[]'}
+			});
+		return {value: value, length: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNumber: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNone: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, textIndent: _rtfeldman$elm_css$Css_Structure$Compatible, flexBasis: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible, fontSize: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible, calc: _rtfeldman$elm_css$Css_Structure$Compatible};
+	});
+var _rtfeldman$elm_css$Css$rgb = F3(
+	function (red, green, blue) {
+		var warnings = ((_elm_lang$core$Native_Utils.cmp(red, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(red, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(green, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(green, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(blue, 0) < 0) || (_elm_lang$core$Native_Utils.cmp(blue, 255) > 0)))))) ? {
+			ctor: '::',
+			_0: A2(
+				_elm_lang$core$Basics_ops['++'],
+				'RGB color values must be between 0 and 255. rgb(',
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					_elm_lang$core$Basics$toString(red),
+					A2(
+						_elm_lang$core$Basics_ops['++'],
+						', ',
+						A2(
+							_elm_lang$core$Basics_ops['++'],
+							_elm_lang$core$Basics$toString(green),
+							A2(
+								_elm_lang$core$Basics_ops['++'],
+								', ',
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									_elm_lang$core$Basics$toString(blue),
+									') is not valid.')))))),
+			_1: {ctor: '[]'}
+		} : {ctor: '[]'};
+		return {
+			value: A2(
+				_rtfeldman$elm_css$Css$cssFunction,
+				'rgb',
+				A2(
+					_elm_lang$core$List$map,
+					_rtfeldman$elm_css$Css$numberToString,
+					{
+						ctor: '::',
+						_0: red,
+						_1: {
+							ctor: '::',
+							_0: green,
+							_1: {
+								ctor: '::',
+								_0: blue,
+								_1: {ctor: '[]'}
+							}
+						}
+					})),
+			color: _rtfeldman$elm_css$Css_Structure$Compatible,
+			warnings: warnings,
+			red: red,
+			green: green,
+			blue: blue,
+			alpha: 1
+		};
+	});
+var _rtfeldman$elm_css$Css$rgba = F4(
+	function (red, green, blue, alpha) {
+		var warnings = ((_elm_lang$core$Native_Utils.cmp(red, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(red, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(green, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(green, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(blue, 0) < 0) || ((_elm_lang$core$Native_Utils.cmp(blue, 255) > 0) || ((_elm_lang$core$Native_Utils.cmp(alpha, 0) < 0) || (_elm_lang$core$Native_Utils.cmp(alpha, 1) > 0)))))))) ? {
+			ctor: '::',
+			_0: A2(
+				_elm_lang$core$Basics_ops['++'],
+				'RGB color values must be between 0 and 255, and the alpha in RGBA must be between 0 and 1. rgba(',
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					_elm_lang$core$Basics$toString(red),
+					A2(
+						_elm_lang$core$Basics_ops['++'],
+						', ',
+						A2(
+							_elm_lang$core$Basics_ops['++'],
+							_elm_lang$core$Basics$toString(green),
+							A2(
+								_elm_lang$core$Basics_ops['++'],
+								', ',
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									_elm_lang$core$Basics$toString(blue),
+									A2(
+										_elm_lang$core$Basics_ops['++'],
+										', ',
+										A2(
+											_elm_lang$core$Basics_ops['++'],
+											_elm_lang$core$Basics$toString(alpha),
+											') is not valid.')))))))),
+			_1: {ctor: '[]'}
+		} : {ctor: '[]'};
+		return {
+			value: A2(
+				_rtfeldman$elm_css$Css$cssFunction,
+				'rgba',
+				A2(
+					_elm_lang$core$Basics_ops['++'],
+					A2(
+						_elm_lang$core$List$map,
+						_rtfeldman$elm_css$Css$numberToString,
+						{
+							ctor: '::',
+							_0: red,
+							_1: {
+								ctor: '::',
+								_0: green,
+								_1: {
+									ctor: '::',
+									_0: blue,
+									_1: {ctor: '[]'}
+								}
+							}
+						}),
+					{
+						ctor: '::',
+						_0: _rtfeldman$elm_css$Css$numberToString(alpha),
+						_1: {ctor: '[]'}
+					})),
+			color: _rtfeldman$elm_css$Css_Structure$Compatible,
+			warnings: warnings,
+			red: red,
+			green: green,
+			blue: blue,
+			alpha: alpha
+		};
 	});
 var _rtfeldman$elm_css$Css$hsl = F3(
 	function (hue, saturation, lightness) {
@@ -25473,68 +25769,6 @@ var _rtfeldman$elm_css$Css$hsla = F4(
 		} : {ctor: '[]'};
 		return A6(_rtfeldman$elm_css$Css$hslaToRgba, value, warnings, hue, saturation, lightness, alpha);
 	});
-var _rtfeldman$elm_css$Css$optimizeSpeed = {value: 'optimizeSpeed', textRendering: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$optimizeLegibility = {value: 'optimizeLegibility', textRendering: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$geometricPrecision = {value: 'geometricPrecision', textRendering: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$hanging = {value: 'hanging', textIndent: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$eachLine = {value: 'each-line', textIndent: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$mixed = {value: 'mixed', textOrientation: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$upright = {value: 'upright', textOrientation: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$sideways = {value: 'sideways', textOrientation: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$capitalize = {value: 'capitalize', textTransform: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$uppercase = {value: 'uppercase', textTransform: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lowercase = {value: 'lowercase', textTransform: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$fullWidth = {value: 'full-width', textTransform: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$ellipsis = {value: 'ellipsis', textOverflow: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$clip = {value: 'clip', textOverflow: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$wavy = {value: 'wavy', textDecorationStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$dotted = {value: 'dotted', borderStyle: _rtfeldman$elm_css$Css$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$dashed = {value: 'dashed', borderStyle: _rtfeldman$elm_css$Css$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$solid = {value: 'solid', borderStyle: _rtfeldman$elm_css$Css$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$double = {value: 'double', borderStyle: _rtfeldman$elm_css$Css$Compatible, textDecorationStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$groove = {value: 'groove', borderStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$ridge = {value: 'ridge', borderStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$inset = {value: 'inset', borderStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$outset = {value: 'outset', borderStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$separate = {value: 'separate', borderCollapse: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$collapse = {value: 'collapse', borderCollapse: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lengthConverter = F3(
-	function (units, unitLabel, numericValue) {
-		return {
-			value: A2(
-				_elm_lang$core$Basics_ops['++'],
-				_rtfeldman$elm_css$Css$numberToString(numericValue),
-				unitLabel),
-			numericValue: numericValue,
-			units: units,
-			unitLabel: unitLabel,
-			length: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrAuto: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrNumber: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrNone: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible,
-			textIndent: _rtfeldman$elm_css$Css$Compatible,
-			flexBasis: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible,
-			fontSize: _rtfeldman$elm_css$Css$Compatible,
-			lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css$Compatible
-		};
-	});
-var _rtfeldman$elm_css$Css$angleConverter = F2(
-	function (suffix, num) {
-		return {
-			value: A2(
-				_elm_lang$core$Basics_ops['++'],
-				_rtfeldman$elm_css$Css$numberToString(num),
-				suffix),
-			angle: _rtfeldman$elm_css$Css$Compatible
-		};
-	});
-var _rtfeldman$elm_css$Css$deg = _rtfeldman$elm_css$Css$angleConverter('deg');
-var _rtfeldman$elm_css$Css$grad = _rtfeldman$elm_css$Css$angleConverter('grad');
-var _rtfeldman$elm_css$Css$rad = _rtfeldman$elm_css$Css$angleConverter('rad');
-var _rtfeldman$elm_css$Css$turn = _rtfeldman$elm_css$Css$angleConverter('turn');
 var _rtfeldman$elm_css$Css$matrix = F6(
 	function (a, b, c, d, tx, ty) {
 		return {
@@ -25569,7 +25803,7 @@ var _rtfeldman$elm_css$Css$matrix = F6(
 							}
 						}
 					})),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
 var _rtfeldman$elm_css$Css$matrix3d = function (a1) {
@@ -25660,7 +25894,7 @@ var _rtfeldman$elm_css$Css$matrix3d = function (a1) {
 																					}
 																				}
 																			})),
-																	transform: _rtfeldman$elm_css$Css$Compatible
+																	transform: _rtfeldman$elm_css$Css_Structure$Compatible
 																};
 															};
 														};
@@ -25688,68 +25922,68 @@ var _rtfeldman$elm_css$Css$perspective = function (l) {
 				_0: _rtfeldman$elm_css$Css$numberToString(l),
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$rotate = function (_p38) {
-	var _p39 = _p38;
+var _rtfeldman$elm_css$Css$rotate = function (_p40) {
+	var _p41 = _p40;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'rotate',
 			{
 				ctor: '::',
-				_0: _p39.value,
+				_0: _p41.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$rotateX = function (_p40) {
-	var _p41 = _p40;
+var _rtfeldman$elm_css$Css$rotateX = function (_p42) {
+	var _p43 = _p42;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'rotateX',
 			{
 				ctor: '::',
-				_0: _p41.value,
+				_0: _p43.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$rotateY = function (_p42) {
-	var _p43 = _p42;
+var _rtfeldman$elm_css$Css$rotateY = function (_p44) {
+	var _p45 = _p44;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'rotateY',
 			{
 				ctor: '::',
-				_0: _p43.value,
+				_0: _p45.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$rotateZ = function (_p44) {
-	var _p45 = _p44;
+var _rtfeldman$elm_css$Css$rotateZ = function (_p46) {
+	var _p47 = _p46;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'rotateZ',
 			{
 				ctor: '::',
-				_0: _p45.value,
+				_0: _p47.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$rotate3d = F4(
-	function (x, y, z, _p46) {
-		var _p47 = _p46;
+	function (x, y, z, _p48) {
+		var _p49 = _p48;
 		var coordsAsStrings = A2(
 			_elm_lang$core$List$map,
 			_rtfeldman$elm_css$Css$numberToString,
@@ -25775,10 +26009,10 @@ var _rtfeldman$elm_css$Css$rotate3d = F4(
 					coordsAsStrings,
 					{
 						ctor: '::',
-						_0: _p47.value,
+						_0: _p49.value,
 						_1: {ctor: '[]'}
 					})),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
 var _rtfeldman$elm_css$Css$scale = function (x) {
@@ -25791,7 +26025,7 @@ var _rtfeldman$elm_css$Css$scale = function (x) {
 				_0: _rtfeldman$elm_css$Css$numberToString(x),
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$scale2 = F2(
@@ -25812,7 +26046,7 @@ var _rtfeldman$elm_css$Css$scale2 = F2(
 							_1: {ctor: '[]'}
 						}
 					})),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
 var _rtfeldman$elm_css$Css$scaleX = function (x) {
@@ -25825,7 +26059,7 @@ var _rtfeldman$elm_css$Css$scaleX = function (x) {
 				_0: _rtfeldman$elm_css$Css$numberToString(x),
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$scaleY = function (y) {
@@ -25838,7 +26072,7 @@ var _rtfeldman$elm_css$Css$scaleY = function (y) {
 				_0: _rtfeldman$elm_css$Css$numberToString(y),
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$scale3d = F3(
@@ -25863,21 +26097,21 @@ var _rtfeldman$elm_css$Css$scale3d = F3(
 							}
 						}
 					})),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
-var _rtfeldman$elm_css$Css$skew = function (_p48) {
-	var _p49 = _p48;
+var _rtfeldman$elm_css$Css$skew = function (_p50) {
+	var _p51 = _p50;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'skew',
 			{
 				ctor: '::',
-				_0: _p49.value,
+				_0: _p51.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$skew2 = F2(
@@ -25895,49 +26129,49 @@ var _rtfeldman$elm_css$Css$skew2 = F2(
 						_1: {ctor: '[]'}
 					}
 				}),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
-var _rtfeldman$elm_css$Css$skewX = function (_p50) {
-	var _p51 = _p50;
+var _rtfeldman$elm_css$Css$skewX = function (_p52) {
+	var _p53 = _p52;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'skewX',
 			{
 				ctor: '::',
-				_0: _p51.value,
+				_0: _p53.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$skewY = function (_p52) {
-	var _p53 = _p52;
+var _rtfeldman$elm_css$Css$skewY = function (_p54) {
+	var _p55 = _p54;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'skewY',
 			{
 				ctor: '::',
-				_0: _p53.value,
+				_0: _p55.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$translate = function (_p54) {
-	var _p55 = _p54;
+var _rtfeldman$elm_css$Css$translate = function (_p56) {
+	var _p57 = _p56;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'translate',
 			{
 				ctor: '::',
-				_0: _p55.value,
+				_0: _p57.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$translate2 = F2(
@@ -25955,49 +26189,49 @@ var _rtfeldman$elm_css$Css$translate2 = F2(
 						_1: {ctor: '[]'}
 					}
 				}),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
-var _rtfeldman$elm_css$Css$translateX = function (_p56) {
-	var _p57 = _p56;
+var _rtfeldman$elm_css$Css$translateX = function (_p58) {
+	var _p59 = _p58;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'translateX',
 			{
 				ctor: '::',
-				_0: _p57.value,
+				_0: _p59.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$translateY = function (_p58) {
-	var _p59 = _p58;
+var _rtfeldman$elm_css$Css$translateY = function (_p60) {
+	var _p61 = _p60;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'translateY',
 			{
 				ctor: '::',
-				_0: _p59.value,
+				_0: _p61.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
-var _rtfeldman$elm_css$Css$translateZ = function (_p60) {
-	var _p61 = _p60;
+var _rtfeldman$elm_css$Css$translateZ = function (_p62) {
+	var _p63 = _p62;
 	return {
 		value: A2(
 			_rtfeldman$elm_css$Css$cssFunction,
 			'translateZ',
 			{
 				ctor: '::',
-				_0: _p61.value,
+				_0: _p63.value,
 				_1: {ctor: '[]'}
 			}),
-		transform: _rtfeldman$elm_css$Css$Compatible
+		transform: _rtfeldman$elm_css$Css_Structure$Compatible
 	};
 };
 var _rtfeldman$elm_css$Css$translate3d = F3(
@@ -26019,237 +26253,231 @@ var _rtfeldman$elm_css$Css$translate3d = F3(
 						}
 					}
 				}),
-			transform: _rtfeldman$elm_css$Css$Compatible
+			transform: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
-var _rtfeldman$elm_css$Css$fillBox = {value: 'fill-box', transformBox: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$contentBox = {value: 'content-box', boxSizing: _rtfeldman$elm_css$Css$Compatible, backgroundClip: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$borderBox = {value: 'border-box', boxSizing: _rtfeldman$elm_css$Css$Compatible, backgroundClip: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$viewBox = {value: 'view-box', transformBox: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$preserve3d = {value: 'preserve-3d', transformStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$flat = {value: 'flat', transformStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$inside = {value: 'inside', listStylePosition: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$outside = {value: 'outside', listStylePosition: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$disc = {value: 'disc', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$circle = {value: 'circle', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$square = {value: 'square', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$decimal = {value: 'decimal', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$decimalLeadingZero = {value: 'decimal-leading-zero', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lowerRoman = {value: 'lower-roman', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$upperRoman = {value: 'upper-roman', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lowerGreek = {value: 'lower-greek', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$upperGreek = {value: 'upper-greek', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lowerAlpha = {value: 'lower-alpha', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$upperAlpha = {value: 'upper-alpha', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lowerLatin = {value: 'lower-latin', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$upperLatin = {value: 'upper-latin', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$arabicIndic = {value: 'arabic-indic', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$armenian = {value: 'armenian', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$bengali = {value: 'bengali', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$cjkEarthlyBranch = {value: 'cjk-earthly-branch', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$cjkHeavenlyStem = {value: 'cjk-heavenly-stem', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$devanagari = {value: 'devanagari', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$georgian = {value: 'georgian', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$gujarati = {value: 'gujarati', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$gurmukhi = {value: 'gurmukhi', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$kannada = {value: 'kannada', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$khmer = {value: 'khmer', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lao = {value: 'lao', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$malayalam = {value: 'malayalam', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$myanmar = {value: 'myanmar', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$oriya = {value: 'oriya', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$telugu = {value: 'telugu', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$thai = {value: 'thai', listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$content = {value: 'content', flexBasis: _rtfeldman$elm_css$Css$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$wrap = {value: 'wrap', flexWrap: _rtfeldman$elm_css$Css$Compatible, flexDirectionOrWrap: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$wrapReverse = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$wrap,
-	{value: 'wrap-reverse'});
-var _rtfeldman$elm_css$Css$row = {value: 'row', flexDirection: _rtfeldman$elm_css$Css$Compatible, flexDirectionOrWrap: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$rowReverse = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$row,
-	{value: 'row-reverse'});
-var _rtfeldman$elm_css$Css$column = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$row,
-	{value: 'column'});
-var _rtfeldman$elm_css$Css$columnReverse = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$row,
-	{value: 'column-reverse'});
-var _rtfeldman$elm_css$Css$underline = {value: 'underline', textDecorationLine: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$overline = {value: 'overline', textDecorationLine: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lineThrough = {value: 'line-through', textDecorationLine: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$repeatX = {value: 'repeat-x', backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$repeatY = {value: 'repeat-y', backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$repeat = {value: 'repeat', backgroundRepeat: _rtfeldman$elm_css$Css$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$space = {value: 'space', backgroundRepeat: _rtfeldman$elm_css$Css$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$round = {value: 'round', backgroundRepeat: _rtfeldman$elm_css$Css$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noRepeat = {value: 'no-repeat', backgroundRepeat: _rtfeldman$elm_css$Css$Compatible, backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$local = {value: 'local', backgroundAttachment: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$block = {value: 'block', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$inlineBlock = {value: 'inline-block', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$inline = {value: 'inline', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$table = {value: 'table', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$inlineTable = {value: 'inline-table', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableRow = {value: 'table-row', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableCell = {value: 'table-cell', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableColumn = {value: 'table-column', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableCaption = {value: 'table-caption', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableRowGroup = {value: 'table-row-group', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableColumnGroup = {value: 'table-column-group', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableHeaderGroup = {value: 'table-header-group', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tableFooterGroup = {value: 'table-footer-group', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$listItem = {value: 'list-item', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$inlineListItem = {value: 'inline-list-item', display: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$none = {value: 'none', cursor: _rtfeldman$elm_css$Css$Compatible, none: _rtfeldman$elm_css$Css$Compatible, lengthOrNone: _rtfeldman$elm_css$Css$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible, textDecorationLine: _rtfeldman$elm_css$Css$Compatible, listStyleType: _rtfeldman$elm_css$Css$Compatible, listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible, display: _rtfeldman$elm_css$Css$Compatible, outline: _rtfeldman$elm_css$Css$Compatible, resize: _rtfeldman$elm_css$Css$Compatible, transform: _rtfeldman$elm_css$Css$Compatible, borderStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$auto = {value: 'auto', cursor: _rtfeldman$elm_css$Css$Compatible, flexBasis: _rtfeldman$elm_css$Css$Compatible, overflow: _rtfeldman$elm_css$Css$Compatible, textRendering: _rtfeldman$elm_css$Css$Compatible, lengthOrAuto: _rtfeldman$elm_css$Css$Compatible, lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible, alignItemsOrAuto: _rtfeldman$elm_css$Css$Compatible, lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css$Compatible, justifyContentOrAuto: _rtfeldman$elm_css$Css$Compatible, intOrAuto: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noWrap = {value: 'nowrap', whiteSpace: _rtfeldman$elm_css$Css$Compatible, flexWrap: _rtfeldman$elm_css$Css$Compatible, flexDirectionOrWrap: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$fillAvailable = {value: 'fill-available', minMaxDimension: _rtfeldman$elm_css$Css$Compatible, lengthOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$maxContent = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$fillAvailable,
-	{value: 'max-content'});
-var _rtfeldman$elm_css$Css$minContent = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$fillAvailable,
-	{value: 'min-content'});
-var _rtfeldman$elm_css$Css$fitContent = _elm_lang$core$Native_Utils.update(
-	_rtfeldman$elm_css$Css$fillAvailable,
-	{value: 'fit-content'});
-var _rtfeldman$elm_css$Css$static = {value: 'static', position: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$fixed = {value: 'fixed', position: _rtfeldman$elm_css$Css$Compatible, backgroundAttachment: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$sticky = {value: 'sticky', position: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$relative = {value: 'relative', position: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$absolute = {value: 'absolute', position: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$serif = {value: 'serif', fontFamily: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$sansSerif = {value: 'sans-serif', fontFamily: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$monospace = {value: 'monospace', fontFamily: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$cursive = {value: 'cursive', fontFamily: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$fantasy = {value: 'fantasy', fontFamily: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$xxSmall = {value: 'xx-small', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$xSmall = {value: 'x-small', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$small = {value: 'small', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$medium = {value: 'medium', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$large = {value: 'large', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$xLarge = {value: 'x-large', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$xxLarge = {value: 'xx-large', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$smaller = {value: 'smaller', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$larger = {value: 'larger', fontSize: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$normal = {
-	value: 'normal',
-	warnings: {ctor: '[]'},
-	fontStyle: _rtfeldman$elm_css$Css$Compatible,
-	fontWeight: _rtfeldman$elm_css$Css$Compatible,
-	featureTagValue: _rtfeldman$elm_css$Css$Compatible,
-	overflowWrap: _rtfeldman$elm_css$Css$Compatible
-};
-var _rtfeldman$elm_css$Css$italic = {value: 'italic', fontStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$oblique = {value: 'oblique', fontStyle: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$bold = {value: 'bold', fontWeight: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$lighter = {value: 'lighter', fontWeight: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$bolder = {value: 'bolder', fontWeight: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$smallCaps = {value: 'small-caps', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$allSmallCaps = {value: 'all-small-caps', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$petiteCaps = {value: 'petite-caps', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$allPetiteCaps = {value: 'all-petite-caps', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$unicase = {value: 'unicase', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$titlingCaps = {value: 'titling-caps', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantCaps: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$commonLigatures = {value: 'common-ligatures', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noCommonLigatures = {value: 'no-common-ligatures', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$discretionaryLigatures = {value: 'discretionary-ligatures', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noDiscretionaryLigatures = {value: 'no-discretionary-ligatures', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$historicalLigatures = {value: 'historical-ligatures', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noHistoricalLigatures = {value: 'no-historical-ligatures', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$contextual = {value: 'context', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noContextual = {value: 'no-contextual', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantLigatures: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$liningNums = {value: 'lining-nums', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$oldstyleNums = {value: 'oldstyle-nums', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$proportionalNums = {value: 'proportional-nums', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$tabularNums = {value: 'tabular-nums', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$diagonalFractions = {value: 'diagonal-fractions', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$stackedFractions = {value: 'stacked-fractions', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$ordinal = {value: 'ordinal', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$slashedZero = {value: 'slashed-zero', fontVariant: _rtfeldman$elm_css$Css$Compatible, fontVariantNumeric: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$featureTag2 = F2(
-	function (tag, value) {
-		var potentialWarnings = {
-			ctor: '::',
-			_0: {
-				ctor: '_Tuple2',
-				_0: !_elm_lang$core$Native_Utils.eq(
-					_elm_lang$core$String$length(tag),
-					4),
-				_1: A2(
-					_elm_lang$core$Basics_ops['++'],
-					'Feature tags must be exactly 4 characters long. ',
-					A2(_elm_lang$core$Basics_ops['++'], tag, ' is invalid.'))
-			},
-			_1: {
-				ctor: '::',
-				_0: {
-					ctor: '_Tuple2',
-					_0: _elm_lang$core$Native_Utils.cmp(value, 0) < 0,
-					_1: A2(
-						_elm_lang$core$Basics_ops['++'],
-						'Feature values cannot be negative. ',
-						A2(
-							_elm_lang$core$Basics_ops['++'],
-							_elm_lang$core$Basics$toString(value),
-							' is invalid.'))
-				},
-				_1: {ctor: '[]'}
-			}
-		};
-		var warnings = A2(
-			_elm_lang$core$List$map,
-			_elm_lang$core$Tuple$second,
-			A2(_elm_lang$core$List$filter, _elm_lang$core$Tuple$first, potentialWarnings));
+var _rtfeldman$elm_css$Css$linearGradient = F3(
+	function (stop1, stop2, stops) {
 		return {
 			value: A2(
-				_elm_lang$core$Basics_ops['++'],
-				_elm_lang$core$Basics$toString(tag),
-				A2(
-					_elm_lang$core$Basics_ops['++'],
-					' ',
-					_elm_lang$core$Basics$toString(value))),
-			featureTagValue: _rtfeldman$elm_css$Css$Compatible,
-			warnings: warnings
+				_rtfeldman$elm_css$Css$cssFunction,
+				'linear-gradient',
+				_rtfeldman$elm_css$Css$collectStops(
+					A2(
+						_elm_lang$core$Basics_ops['++'],
+						{
+							ctor: '::',
+							_0: stop1,
+							_1: {
+								ctor: '::',
+								_0: stop2,
+								_1: {ctor: '[]'}
+							}
+						},
+						stops))),
+			backgroundImage: _rtfeldman$elm_css$Css_Structure$Compatible,
+			listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible
 		};
 	});
-var _rtfeldman$elm_css$Css$featureTag = function (tag) {
-	return A2(_rtfeldman$elm_css$Css$featureTag2, tag, 1);
+var _rtfeldman$elm_css$Css$linearGradient2 = F4(
+	function (dir, stop1, stop2, stops) {
+		return {
+			value: A2(
+				_rtfeldman$elm_css$Css$cssFunction,
+				'linear-gradient',
+				A2(
+					F2(
+						function (x, y) {
+							return {ctor: '::', _0: x, _1: y};
+						}),
+					A2(_elm_lang$core$Basics_ops['++'], 'to ', dir.value),
+					_rtfeldman$elm_css$Css$collectStops(
+						A2(
+							_elm_lang$core$Basics_ops['++'],
+							{
+								ctor: '::',
+								_0: stop1,
+								_1: {
+									ctor: '::',
+									_0: stop2,
+									_1: {ctor: '[]'}
+								}
+							},
+							stops)))),
+			backgroundImage: _rtfeldman$elm_css$Css_Structure$Compatible,
+			listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible
+		};
+	});
+var _rtfeldman$elm_css$Css$CalculatedLength = function (a) {
+	return function (b) {
+		return function (c) {
+			return function (d) {
+				return function (e) {
+					return function (f) {
+						return function (g) {
+							return function (h) {
+								return function (i) {
+									return function (j) {
+										return function (k) {
+											return function (l) {
+												return function (m) {
+													return {value: a, length: b, lengthOrAuto: c, lengthOrNumber: d, lengthOrNone: e, lengthOrMinMaxDimension: f, lengthOrNoneOrMinMaxDimension: g, textIndent: h, flexBasis: i, lengthOrNumberOrAutoOrNoneOrContent: j, fontSize: k, lengthOrAutoOrCoverOrContain: l, calc: m};
+												};
+											};
+										};
+									};
+								};
+							};
+						};
+					};
+				};
+			};
+		};
+	};
 };
-var _rtfeldman$elm_css$Css$default = {value: 'default', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$crosshair = {value: 'crosshair', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$contextMenu = {value: 'context-menu', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$help = {value: 'help', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$pointer = {value: 'pointer', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$progress = {value: 'progress', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$wait = {value: 'wait', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$cell = {value: 'cell', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$text = {value: 'text', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$verticalText = {value: 'vertical-text', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$cursorAlias = {value: 'alias', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$copy = {value: 'copy', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$move = {value: 'move', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$noDrop = {value: 'no-drop', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$notAllowed = {value: 'not-allowed', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$eResize = {value: 'e-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$nResize = {value: 'n-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$neResize = {value: 'ne-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$nwResize = {value: 'nw-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$sResize = {value: 's-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$seResize = {value: 'se-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$swResize = {value: 'sw-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$wResize = {value: 'w-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$ewResize = {value: 'ew-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$nsResize = {value: 'ns-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$neswResize = {value: 'nesw-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$nwseResize = {value: 'nwse-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$colResize = {value: 'col-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$rowResize = {value: 'row-resize', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$allScroll = {value: 'all-scroll', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$zoomIn = {value: 'zoom-in', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$zoomOut = {value: 'zoom-out', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$grab = {value: 'grab', cursor: _rtfeldman$elm_css$Css$Compatible};
-var _rtfeldman$elm_css$Css$grabbing = {value: 'grabbing', cursor: _rtfeldman$elm_css$Css$Compatible};
+var _rtfeldman$elm_css$Css$ExplicitLength = function (a) {
+	return function (b) {
+		return function (c) {
+			return function (d) {
+				return function (e) {
+					return function (f) {
+						return function (g) {
+							return function (h) {
+								return function (i) {
+									return function (j) {
+										return function (k) {
+											return function (l) {
+												return function (m) {
+													return function (n) {
+														return function (o) {
+															return function (p) {
+																return function (q) {
+																	return {value: a, numericValue: b, units: c, unitLabel: d, length: e, lengthOrAuto: f, lengthOrNumber: g, lengthOrNone: h, lengthOrMinMaxDimension: i, lengthOrNoneOrMinMaxDimension: j, textIndent: k, flexBasis: l, absoluteLength: m, lengthOrNumberOrAutoOrNoneOrContent: n, fontSize: o, lengthOrAutoOrCoverOrContain: p, calc: q};
+																};
+															};
+														};
+													};
+												};
+											};
+										};
+									};
+								};
+							};
+						};
+					};
+				};
+			};
+		};
+	};
+};
+var _rtfeldman$elm_css$Css$NonMixable = {};
+var _rtfeldman$elm_css$Css$BasicProperty = function (a) {
+	return function (b) {
+		return function (c) {
+			return function (d) {
+				return function (e) {
+					return function (f) {
+						return function (g) {
+							return function (h) {
+								return function (i) {
+									return function (j) {
+										return function (k) {
+											return function (l) {
+												return function (m) {
+													return function (n) {
+														return function (o) {
+															return function (p) {
+																return function (q) {
+																	return function (r) {
+																		return function (s) {
+																			return function (t) {
+																				return function (u) {
+																					return function (v) {
+																						return function (w) {
+																							return function (x) {
+																								return function (y) {
+																									return function (z) {
+																										return function (_1) {
+																											return function (_2) {
+																												return function (_3) {
+																													return function (_4) {
+																														return function (_5) {
+																															return function (_6) {
+																																return function (_7) {
+																																	return function (_8) {
+																																		return function (_9) {
+																																			return function (_10) {
+																																				return function (_11) {
+																																					return function (_12) {
+																																						return function (_13) {
+																																							return function (_14) {
+																																								return function (_15) {
+																																									return function (_16) {
+																																										return function (_17) {
+																																											return function (_18) {
+																																												return function (_19) {
+																																													return function (_20) {
+																																														return function (_21) {
+																																															return function (_22) {
+																																																return function (_23) {
+																																																	return function (_24) {
+																																																		return function (_25) {
+																																																			return {value: a, all: b, alignItems: c, borderStyle: d, boxSizing: e, color: f, cursor: g, display: h, flexBasis: i, flexWrap: j, flexDirection: k, flexDirectionOrWrap: l, justifyContent: m, none: n, number: o, outline: p, overflow: q, textDecorationLine: r, textRendering: s, textIndent: t, textDecorationStyle: u, textTransform: v, length: w, lengthOrAuto: x, lengthOrNone: y, lengthOrNumber: z, lengthOrMinMaxDimension: _1, lengthOrNoneOrMinMaxDimension: _2, lengthOrNumberOrAutoOrNoneOrContent: _3, listStyleType: _4, listStylePosition: _5, listStyleTypeOrPositionOrImage: _6, fontFamily: _7, fontSize: _8, fontStyle: _9, fontWeight: _10, fontVariant: _11, units: _12, numericValue: _13, unitLabel: _14, warnings: _15, backgroundRepeat: _16, backgroundRepeatShorthand: _17, backgroundAttachment: _18, backgroundBlendMode: _19, backgroundOrigin: _20, backgroundImage: _21, lengthOrAutoOrCoverOrContain: _22, intOrAuto: _23, touchAction: _24, whiteSpace: _25};
+																																																		};
+																																																	};
+																																																};
+																																															};
+																																														};
+																																													};
+																																												};
+																																											};
+																																										};
+																																									};
+																																								};
+																																							};
+																																						};
+																																					};
+																																				};
+																																			};
+																																		};
+																																	};
+																																};
+																															};
+																														};
+																													};
+																												};
+																											};
+																										};
+																									};
+																								};
+																							};
+																						};
+																					};
+																				};
+																			};
+																		};
+																	};
+																};
+															};
+														};
+													};
+												};
+											};
+										};
+									};
+								};
+							};
+						};
+					};
+				};
+			};
+		};
+	};
+};
+var _rtfeldman$elm_css$Css$Normal = F7(
+	function (a, b, c, d, e, f, g) {
+		return {value: a, warnings: b, fontStyle: c, fontWeight: d, featureTagValue: e, overflowWrap: f, whiteSpace: g};
+	});
 var _rtfeldman$elm_css$Css$PseudoClass = F2(
 	function (a, b) {
 		return {ctor: 'PseudoClass', _0: a, _1: b};
@@ -26258,6 +26486,10 @@ var _rtfeldman$elm_css$Css$PseudoElement = F2(
 	function (a, b) {
 		return {ctor: 'PseudoElement', _0: a, _1: b};
 	});
+var _rtfeldman$elm_css$Css$Subtraction = {ctor: 'Subtraction'};
+var _rtfeldman$elm_css$Css$minus = _rtfeldman$elm_css$Css$Subtraction;
+var _rtfeldman$elm_css$Css$Addition = {ctor: 'Addition'};
+var _rtfeldman$elm_css$Css$plus = _rtfeldman$elm_css$Css$Addition;
 var _rtfeldman$elm_css$Css$PercentageUnits = {ctor: 'PercentageUnits'};
 var _rtfeldman$elm_css$Css$pct = A2(_rtfeldman$elm_css$Css$lengthConverter, _rtfeldman$elm_css$Css$PercentageUnits, '%');
 var _rtfeldman$elm_css$Css$EmUnits = {ctor: 'EmUnits'};
@@ -26289,15 +26521,15 @@ var _rtfeldman$elm_css$Css$pt = A2(_rtfeldman$elm_css$Css$lengthConverter, _rtfe
 var _rtfeldman$elm_css$Css$PcUnits = {ctor: 'PcUnits'};
 var _rtfeldman$elm_css$Css$pc = A2(_rtfeldman$elm_css$Css$lengthConverter, _rtfeldman$elm_css$Css$PcUnits, 'pc');
 var _rtfeldman$elm_css$Css$UnitlessInteger = {ctor: 'UnitlessInteger'};
-var _rtfeldman$elm_css$Css$zero = {value: '0', length: _rtfeldman$elm_css$Css$Compatible, lengthOrNumber: _rtfeldman$elm_css$Css$Compatible, lengthOrNone: _rtfeldman$elm_css$Css$Compatible, lengthOrAuto: _rtfeldman$elm_css$Css$Compatible, lengthOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible, number: _rtfeldman$elm_css$Css$Compatible, outline: _rtfeldman$elm_css$Css$Compatible, units: _rtfeldman$elm_css$Css$UnitlessInteger, unitLabel: '', numericValue: 0, lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css$Compatible};
+var _rtfeldman$elm_css$Css$zero = {value: '0', length: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNumber: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNone: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible, number: _rtfeldman$elm_css$Css_Structure$Compatible, outline: _rtfeldman$elm_css$Css_Structure$Compatible, units: _rtfeldman$elm_css$Css$UnitlessInteger, unitLabel: '', numericValue: 0, lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible};
 var _rtfeldman$elm_css$Css$int = function (val) {
 	return {
 		value: _rtfeldman$elm_css$Css$numberToString(val),
-		lengthOrNumber: _rtfeldman$elm_css$Css$Compatible,
-		number: _rtfeldman$elm_css$Css$Compatible,
-		fontWeight: _rtfeldman$elm_css$Css$Compatible,
-		lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible,
-		intOrAuto: _rtfeldman$elm_css$Css$Compatible,
+		lengthOrNumber: _rtfeldman$elm_css$Css_Structure$Compatible,
+		number: _rtfeldman$elm_css$Css_Structure$Compatible,
+		fontWeight: _rtfeldman$elm_css$Css_Structure$Compatible,
+		lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible,
+		intOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible,
 		numericValue: _elm_lang$core$Basics$toFloat(val),
 		unitLabel: '',
 		units: _rtfeldman$elm_css$Css$UnitlessInteger
@@ -26307,9 +26539,9 @@ var _rtfeldman$elm_css$Css$UnitlessFloat = {ctor: 'UnitlessFloat'};
 var _rtfeldman$elm_css$Css$num = function (val) {
 	return {
 		value: _rtfeldman$elm_css$Css$numberToString(val),
-		lengthOrNumber: _rtfeldman$elm_css$Css$Compatible,
-		number: _rtfeldman$elm_css$Css$Compatible,
-		lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible,
+		lengthOrNumber: _rtfeldman$elm_css$Css_Structure$Compatible,
+		number: _rtfeldman$elm_css$Css_Structure$Compatible,
+		lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible,
 		numericValue: val,
 		unitLabel: '',
 		units: _rtfeldman$elm_css$Css$UnitlessFloat
@@ -26318,53 +26550,56 @@ var _rtfeldman$elm_css$Css$num = function (val) {
 var _rtfeldman$elm_css$Css$IncompatibleUnits = {ctor: 'IncompatibleUnits'};
 var _rtfeldman$elm_css$Css$initial = {
 	value: 'initial',
-	overflow: _rtfeldman$elm_css$Css$Compatible,
-	none: _rtfeldman$elm_css$Css$Compatible,
-	number: _rtfeldman$elm_css$Css$Compatible,
-	textDecorationLine: _rtfeldman$elm_css$Css$Compatible,
-	textRendering: _rtfeldman$elm_css$Css$Compatible,
-	textIndent: _rtfeldman$elm_css$Css$Compatible,
-	textDecorationStyle: _rtfeldman$elm_css$Css$Compatible,
-	borderStyle: _rtfeldman$elm_css$Css$Compatible,
-	boxSizing: _rtfeldman$elm_css$Css$Compatible,
-	color: _rtfeldman$elm_css$Css$Compatible,
-	cursor: _rtfeldman$elm_css$Css$Compatible,
-	display: _rtfeldman$elm_css$Css$Compatible,
-	all: _rtfeldman$elm_css$Css$Compatible,
-	alignItems: _rtfeldman$elm_css$Css$Compatible,
-	justifyContent: _rtfeldman$elm_css$Css$Compatible,
-	length: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrAuto: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrNone: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrNumber: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css$Compatible,
-	listStyleType: _rtfeldman$elm_css$Css$Compatible,
-	listStylePosition: _rtfeldman$elm_css$Css$Compatible,
-	listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css$Compatible,
-	flexBasis: _rtfeldman$elm_css$Css$Compatible,
-	flexWrap: _rtfeldman$elm_css$Css$Compatible,
-	flexDirection: _rtfeldman$elm_css$Css$Compatible,
-	flexDirectionOrWrap: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css$Compatible,
-	fontFamily: _rtfeldman$elm_css$Css$Compatible,
-	fontSize: _rtfeldman$elm_css$Css$Compatible,
-	fontStyle: _rtfeldman$elm_css$Css$Compatible,
-	fontWeight: _rtfeldman$elm_css$Css$Compatible,
-	fontVariant: _rtfeldman$elm_css$Css$Compatible,
-	outline: _rtfeldman$elm_css$Css$Compatible,
+	overflow: _rtfeldman$elm_css$Css_Structure$Compatible,
+	none: _rtfeldman$elm_css$Css_Structure$Compatible,
+	number: _rtfeldman$elm_css$Css_Structure$Compatible,
+	textDecorationLine: _rtfeldman$elm_css$Css_Structure$Compatible,
+	textRendering: _rtfeldman$elm_css$Css_Structure$Compatible,
+	textIndent: _rtfeldman$elm_css$Css_Structure$Compatible,
+	textDecorationStyle: _rtfeldman$elm_css$Css_Structure$Compatible,
+	textTransform: _rtfeldman$elm_css$Css_Structure$Compatible,
+	borderStyle: _rtfeldman$elm_css$Css_Structure$Compatible,
+	boxSizing: _rtfeldman$elm_css$Css_Structure$Compatible,
+	color: _rtfeldman$elm_css$Css_Structure$Compatible,
+	cursor: _rtfeldman$elm_css$Css_Structure$Compatible,
+	display: _rtfeldman$elm_css$Css_Structure$Compatible,
+	all: _rtfeldman$elm_css$Css_Structure$Compatible,
+	alignItems: _rtfeldman$elm_css$Css_Structure$Compatible,
+	justifyContent: _rtfeldman$elm_css$Css_Structure$Compatible,
+	length: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrNone: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrNumber: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrNoneOrMinMaxDimension: _rtfeldman$elm_css$Css_Structure$Compatible,
+	listStyleType: _rtfeldman$elm_css$Css_Structure$Compatible,
+	listStylePosition: _rtfeldman$elm_css$Css_Structure$Compatible,
+	listStyleTypeOrPositionOrImage: _rtfeldman$elm_css$Css_Structure$Compatible,
+	flexBasis: _rtfeldman$elm_css$Css_Structure$Compatible,
+	flexWrap: _rtfeldman$elm_css$Css_Structure$Compatible,
+	flexDirection: _rtfeldman$elm_css$Css_Structure$Compatible,
+	flexDirectionOrWrap: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrNumberOrAutoOrNoneOrContent: _rtfeldman$elm_css$Css_Structure$Compatible,
+	fontFamily: _rtfeldman$elm_css$Css_Structure$Compatible,
+	fontSize: _rtfeldman$elm_css$Css_Structure$Compatible,
+	fontStyle: _rtfeldman$elm_css$Css_Structure$Compatible,
+	fontWeight: _rtfeldman$elm_css$Css_Structure$Compatible,
+	fontVariant: _rtfeldman$elm_css$Css_Structure$Compatible,
+	outline: _rtfeldman$elm_css$Css_Structure$Compatible,
 	units: _rtfeldman$elm_css$Css$IncompatibleUnits,
 	numericValue: 0,
 	unitLabel: '',
 	warnings: {ctor: '[]'},
-	backgroundRepeat: _rtfeldman$elm_css$Css$Compatible,
-	backgroundRepeatShorthand: _rtfeldman$elm_css$Css$Compatible,
-	backgroundAttachment: _rtfeldman$elm_css$Css$Compatible,
-	backgroundBlendMode: _rtfeldman$elm_css$Css$Compatible,
-	backgroundOrigin: _rtfeldman$elm_css$Css$Compatible,
-	backgroundImage: _rtfeldman$elm_css$Css$Compatible,
-	lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css$Compatible,
-	intOrAuto: _rtfeldman$elm_css$Css$Compatible
+	backgroundRepeat: _rtfeldman$elm_css$Css_Structure$Compatible,
+	backgroundRepeatShorthand: _rtfeldman$elm_css$Css_Structure$Compatible,
+	backgroundAttachment: _rtfeldman$elm_css$Css_Structure$Compatible,
+	backgroundBlendMode: _rtfeldman$elm_css$Css_Structure$Compatible,
+	backgroundOrigin: _rtfeldman$elm_css$Css_Structure$Compatible,
+	backgroundImage: _rtfeldman$elm_css$Css_Structure$Compatible,
+	lengthOrAutoOrCoverOrContain: _rtfeldman$elm_css$Css_Structure$Compatible,
+	intOrAuto: _rtfeldman$elm_css$Css_Structure$Compatible,
+	touchAction: _rtfeldman$elm_css$Css_Structure$Compatible,
+	whiteSpace: _rtfeldman$elm_css$Css_Structure$Compatible
 };
 var _rtfeldman$elm_css$Css$unset = _elm_lang$core$Native_Utils.update(
 	_rtfeldman$elm_css$Css$initial,
@@ -26437,7 +26672,7 @@ var _rtfeldman$elm_css$Css$thick = _rtfeldman$elm_css$Css$IntentionallyUnsupport
 var _rtfeldman$elm_css$Css$blink = _rtfeldman$elm_css$Css$IntentionallyUnsupportedPleaseSeeDocs;
 
 var _rtfeldman$elm_css$Css_Elements$typeSelector = F2(
-	function (selectorStr, mixins) {
+	function (selectorStr, styles) {
 		var sequence = A2(
 			_rtfeldman$elm_css$Css_Structure$TypeSelectorSequence,
 			_rtfeldman$elm_css$Css_Structure$TypeSelector(selectorStr),
@@ -26455,7 +26690,7 @@ var _rtfeldman$elm_css$Css_Elements$typeSelector = F2(
 						_rtfeldman$elm_css$Css_Preprocess$StyleBlock,
 						selector,
 						{ctor: '[]'},
-						mixins)),
+						styles)),
 				_1: {ctor: '[]'}
 			});
 	});
@@ -26471,7 +26706,10 @@ var _rtfeldman$elm_css$Css_Elements$h4 = _rtfeldman$elm_css$Css_Elements$typeSel
 var _rtfeldman$elm_css$Css_Elements$h5 = _rtfeldman$elm_css$Css_Elements$typeSelector('h5');
 var _rtfeldman$elm_css$Css_Elements$h6 = _rtfeldman$elm_css$Css_Elements$typeSelector('h6');
 var _rtfeldman$elm_css$Css_Elements$nav = _rtfeldman$elm_css$Css_Elements$typeSelector('nav');
+var _rtfeldman$elm_css$Css_Elements$menu = _rtfeldman$elm_css$Css_Elements$typeSelector('menu');
 var _rtfeldman$elm_css$Css_Elements$section = _rtfeldman$elm_css$Css_Elements$typeSelector('section');
+var _rtfeldman$elm_css$Css_Elements$aside = _rtfeldman$elm_css$Css_Elements$typeSelector('aside');
+var _rtfeldman$elm_css$Css_Elements$time = _rtfeldman$elm_css$Css_Elements$typeSelector('time');
 var _rtfeldman$elm_css$Css_Elements$div = _rtfeldman$elm_css$Css_Elements$typeSelector('div');
 var _rtfeldman$elm_css$Css_Elements$hr = _rtfeldman$elm_css$Css_Elements$typeSelector('hr');
 var _rtfeldman$elm_css$Css_Elements$li = _rtfeldman$elm_css$Css_Elements$typeSelector('li');
@@ -26480,6 +26718,9 @@ var _rtfeldman$elm_css$Css_Elements$ol = _rtfeldman$elm_css$Css_Elements$typeSel
 var _rtfeldman$elm_css$Css_Elements$p = _rtfeldman$elm_css$Css_Elements$typeSelector('p');
 var _rtfeldman$elm_css$Css_Elements$ul = _rtfeldman$elm_css$Css_Elements$typeSelector('ul');
 var _rtfeldman$elm_css$Css_Elements$pre = _rtfeldman$elm_css$Css_Elements$typeSelector('pre');
+var _rtfeldman$elm_css$Css_Elements$dl = _rtfeldman$elm_css$Css_Elements$typeSelector('dl');
+var _rtfeldman$elm_css$Css_Elements$dt = _rtfeldman$elm_css$Css_Elements$typeSelector('dt');
+var _rtfeldman$elm_css$Css_Elements$dd = _rtfeldman$elm_css$Css_Elements$typeSelector('dd');
 var _rtfeldman$elm_css$Css_Elements$a = _rtfeldman$elm_css$Css_Elements$typeSelector('a');
 var _rtfeldman$elm_css$Css_Elements$code = _rtfeldman$elm_css$Css_Elements$typeSelector('code');
 var _rtfeldman$elm_css$Css_Elements$small = _rtfeldman$elm_css$Css_Elements$typeSelector('small');
@@ -26487,6 +26728,7 @@ var _rtfeldman$elm_css$Css_Elements$span = _rtfeldman$elm_css$Css_Elements$typeS
 var _rtfeldman$elm_css$Css_Elements$strong = _rtfeldman$elm_css$Css_Elements$typeSelector('strong');
 var _rtfeldman$elm_css$Css_Elements$i = _rtfeldman$elm_css$Css_Elements$typeSelector('i');
 var _rtfeldman$elm_css$Css_Elements$em = _rtfeldman$elm_css$Css_Elements$typeSelector('em');
+var _rtfeldman$elm_css$Css_Elements$q = _rtfeldman$elm_css$Css_Elements$typeSelector('q');
 var _rtfeldman$elm_css$Css_Elements$img = _rtfeldman$elm_css$Css_Elements$typeSelector('img');
 var _rtfeldman$elm_css$Css_Elements$audio = _rtfeldman$elm_css$Css_Elements$typeSelector('audio');
 var _rtfeldman$elm_css$Css_Elements$video = _rtfeldman$elm_css$Css_Elements$typeSelector('video');
@@ -27238,12 +27480,15 @@ var _user$project$Css_Classes$ReadOnly = {ctor: 'ReadOnly'};
 var _user$project$Css_Classes$CashIn = {ctor: 'CashIn'};
 var _user$project$Css_Classes$CashOut = {ctor: 'CashOut'};
 var _user$project$Css_Classes$QrCode = {ctor: 'QrCode'};
+var _user$project$Css_Classes$TxCancelled = {ctor: 'TxCancelled'};
 var _user$project$Css_Classes$TxAddress = {ctor: 'TxAddress'};
 var _user$project$Css_Classes$TxPhone = {ctor: 'TxPhone'};
 var _user$project$Css_Classes$TxCrypto = {ctor: 'TxCrypto'};
+var _user$project$Css_Classes$TxFiat = {ctor: 'TxFiat'};
 var _user$project$Css_Classes$TxAmount = {ctor: 'TxAmount'};
 var _user$project$Css_Classes$TxMachine = {ctor: 'TxMachine'};
 var _user$project$Css_Classes$TxDate = {ctor: 'TxDate'};
+var _user$project$Css_Classes$TxId = {ctor: 'TxId'};
 var _user$project$Css_Classes$Disabled = {ctor: 'Disabled'};
 var _user$project$Css_Classes$Enabled = {ctor: 'Enabled'};
 var _user$project$Css_Classes$Saving = {ctor: 'Saving'};
@@ -27762,6 +28007,75 @@ var _user$project$BasicTypes$Editing = {ctor: 'Editing'};
 var _user$project$BasicTypes$Saved = {ctor: 'Saved'};
 var _user$project$BasicTypes$Saving = {ctor: 'Saving'};
 
+var _user$project$Common_TransactionTypes$CashInTxRec = function (a) {
+	return function (b) {
+		return function (c) {
+			return function (d) {
+				return function (e) {
+					return function (f) {
+						return function (g) {
+							return function (h) {
+								return function (i) {
+									return function (j) {
+										return function (k) {
+											return function (l) {
+												return function (m) {
+													return function (n) {
+														return function (o) {
+															return {id: a, machineName: b, toAddress: c, cryptoAtoms: d, cryptoCode: e, fiat: f, fiatCode: g, txHash: h, phone: i, error: j, operatorCompleted: k, send: l, sendConfirmed: m, expired: n, created: o};
+														};
+													};
+												};
+											};
+										};
+									};
+								};
+							};
+						};
+					};
+				};
+			};
+		};
+	};
+};
+var _user$project$Common_TransactionTypes$CashOutTxRec = function (a) {
+	return function (b) {
+		return function (c) {
+			return function (d) {
+				return function (e) {
+					return function (f) {
+						return function (g) {
+							return function (h) {
+								return function (i) {
+									return function (j) {
+										return function (k) {
+											return function (l) {
+												return function (m) {
+													return function (n) {
+														return function (o) {
+															return {id: a, machineName: b, toAddress: c, cryptoAtoms: d, cryptoCode: e, fiat: f, fiatCode: g, status: h, dispense: i, notified: j, redeemed: k, phone: l, error: m, created: n, confirmed: o};
+														};
+													};
+												};
+											};
+										};
+									};
+								};
+							};
+						};
+					};
+				};
+			};
+		};
+	};
+};
+var _user$project$Common_TransactionTypes$CashOutTx = function (a) {
+	return {ctor: 'CashOutTx', _0: a};
+};
+var _user$project$Common_TransactionTypes$CashInTx = function (a) {
+	return {ctor: 'CashInTx', _0: a};
+};
+
 var _user$project$Selectize$rawOnKeyUp = function (tagger) {
 	return A2(
 		_elm_lang$html$Html_Events$on,
@@ -29670,6 +29984,7 @@ var _user$project$ConfigEncoder$encodeResults = F2(
 	});
 
 var _user$project$Css_LocalColors$disabledGrey = _rtfeldman$elm_css$Css$hex('757575');
+var _user$project$Css_LocalColors$lightRed = _rtfeldman$elm_css$Css$hex('efd1d2');
 var _user$project$Css_LocalColors$red = _rtfeldman$elm_css$Css$hex('eb6b6e');
 var _user$project$Css_LocalColors$darkerGrey = _rtfeldman$elm_css$Css$hex('282828');
 var _user$project$Css_LocalColors$darkGrey = _rtfeldman$elm_css$Css$hex('2d2d2d');
@@ -29707,7 +30022,7 @@ var _user$project$Css_Selectize$BoxItemActive = {ctor: 'BoxItemActive'};
 var _user$project$Css_Selectize$BoxItem = {ctor: 'BoxItem'};
 var _user$project$Css_Selectize$BoxItems = {ctor: 'BoxItems'};
 var _user$project$Css_Selectize$SelectBox = {ctor: 'SelectBox'};
-var _user$project$Css_Selectize$component = _rtfeldman$elm_css$Css$mixin(
+var _user$project$Css_Selectize$component = _rtfeldman$elm_css$Css$batch(
 	{
 		ctor: '::',
 		_0: _rtfeldman$elm_css$Css$borderRadius(
@@ -32760,68 +33075,19 @@ var _user$project$MaintenanceFunding_Types$Load = function (a) {
 	return {ctor: 'Load', _0: a};
 };
 
-var _user$project$TransactionTypes$CashInTxRec = function (a) {
-	return function (b) {
-		return function (c) {
-			return function (d) {
-				return function (e) {
-					return function (f) {
-						return function (g) {
-							return function (h) {
-								return function (i) {
-									return function (j) {
-										return function (k) {
-											return {id: a, machineName: b, toAddress: c, cryptoAtoms: d, cryptoCode: e, fiat: f, fiatCode: g, txHash: h, phone: i, error: j, created: k};
-										};
-									};
-								};
-							};
-						};
-					};
-				};
-			};
-		};
-	};
+var _user$project$Transaction_Types$SubModel = F2(
+	function (a, b) {
+		return {status: a, tx: b};
+	});
+var _user$project$Transaction_Types$HideSaveIndication = {ctor: 'HideSaveIndication'};
+var _user$project$Transaction_Types$Cancel = function (a) {
+	return {ctor: 'Cancel', _0: a};
 };
-var _user$project$TransactionTypes$CashOutTxRec = function (a) {
-	return function (b) {
-		return function (c) {
-			return function (d) {
-				return function (e) {
-					return function (f) {
-						return function (g) {
-							return function (h) {
-								return function (i) {
-									return function (j) {
-										return function (k) {
-											return function (l) {
-												return function (m) {
-													return function (n) {
-														return function (o) {
-															return {id: a, machineName: b, toAddress: c, cryptoAtoms: d, cryptoCode: e, fiat: f, fiatCode: g, status: h, dispense: i, notified: j, redeemed: k, phone: l, error: m, created: n, confirmed: o};
-														};
-													};
-												};
-											};
-										};
-									};
-								};
-							};
-						};
-					};
-				};
-			};
-		};
-	};
-};
-var _user$project$TransactionTypes$CashOutTx = function (a) {
-	return {ctor: 'CashOutTx', _0: a};
-};
-var _user$project$TransactionTypes$CashInTx = function (a) {
-	return {ctor: 'CashInTx', _0: a};
+var _user$project$Transaction_Types$Load = function (a) {
+	return {ctor: 'Load', _0: a};
 };
 
-var _user$project$TransactionDecoder$confirmedDecoder = A2(
+var _user$project$Transaction_Decoder$confirmedDecoder = A2(
 	_elm_lang$core$Json_Decode$map,
 	function (_p0) {
 		return A2(
@@ -32833,69 +33099,85 @@ var _user$project$TransactionDecoder$confirmedDecoder = A2(
 				_p0));
 	},
 	_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string));
-var _user$project$TransactionDecoder$intString = A2(
+var _user$project$Transaction_Decoder$intString = A2(
 	_elm_lang$core$Json_Decode$andThen,
 	function (_p1) {
 		return _elm_community$json_extra$Json_Decode_Extra$fromResult(
 			_elm_lang$core$String$toInt(_p1));
 	},
 	_elm_lang$core$Json_Decode$string);
-var _user$project$TransactionDecoder$floatString = A2(
+var _user$project$Transaction_Decoder$floatString = A2(
 	_elm_lang$core$Json_Decode$andThen,
 	function (_p2) {
 		return _elm_community$json_extra$Json_Decode_Extra$fromResult(
 			_elm_lang$core$String$toFloat(_p2));
 	},
 	_elm_lang$core$Json_Decode$string);
-var _user$project$TransactionDecoder$cashInTxDecoder = A3(
+var _user$project$Transaction_Decoder$cashInTxDecoder = A3(
 	_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 	'created',
 	_elm_community$json_extra$Json_Decode_Extra$date,
 	A3(
 		_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-		'error',
-		_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string),
+		'expired',
+		_elm_lang$core$Json_Decode$bool,
 		A3(
 			_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-			'phone',
-			_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string),
+			'sendConfirmed',
+			_elm_lang$core$Json_Decode$bool,
 			A3(
 				_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-				'txHash',
-				_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string),
+				'send',
+				_elm_lang$core$Json_Decode$bool,
 				A3(
 					_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-					'fiatCode',
-					_elm_lang$core$Json_Decode$string,
+					'operatorCompleted',
+					_elm_lang$core$Json_Decode$bool,
 					A3(
 						_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-						'fiat',
-						_user$project$TransactionDecoder$floatString,
+						'error',
+						_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string),
 						A3(
 							_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-							'cryptoCode',
-							_elm_lang$core$Json_Decode$string,
+							'phone',
+							_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string),
 							A3(
 								_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-								'cryptoAtoms',
-								_user$project$TransactionDecoder$intString,
+								'txHash',
+								_elm_lang$core$Json_Decode$nullable(_elm_lang$core$Json_Decode$string),
 								A3(
 									_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-									'toAddress',
+									'fiatCode',
 									_elm_lang$core$Json_Decode$string,
 									A3(
 										_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-										'machineName',
-										_elm_lang$core$Json_Decode$string,
+										'fiat',
+										_user$project$Transaction_Decoder$floatString,
 										A3(
 											_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
-											'id',
+											'cryptoCode',
 											_elm_lang$core$Json_Decode$string,
-											_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$decode(_user$project$TransactionTypes$CashInTxRec))))))))))));
-var _user$project$TransactionDecoder$cashOutTxDecoder = A3(
+											A3(
+												_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
+												'cryptoAtoms',
+												_user$project$Transaction_Decoder$intString,
+												A3(
+													_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
+													'toAddress',
+													_elm_lang$core$Json_Decode$string,
+													A3(
+														_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
+														'machineName',
+														_elm_lang$core$Json_Decode$string,
+														A3(
+															_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
+															'id',
+															_elm_lang$core$Json_Decode$string,
+															_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$decode(_user$project$Common_TransactionTypes$CashInTxRec))))))))))))))));
+var _user$project$Transaction_Decoder$cashOutTxDecoder = A3(
 	_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 	'confirmationTime',
-	_user$project$TransactionDecoder$confirmedDecoder,
+	_user$project$Transaction_Decoder$confirmedDecoder,
 	A3(
 		_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 		'created',
@@ -32931,7 +33213,7 @@ var _user$project$TransactionDecoder$cashOutTxDecoder = A3(
 									A3(
 										_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 										'fiat',
-										_user$project$TransactionDecoder$floatString,
+										_user$project$Transaction_Decoder$floatString,
 										A3(
 											_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 											'cryptoCode',
@@ -32939,7 +33221,7 @@ var _user$project$TransactionDecoder$cashOutTxDecoder = A3(
 											A3(
 												_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 												'cryptoAtoms',
-												_user$project$TransactionDecoder$intString,
+												_user$project$Transaction_Decoder$intString,
 												A3(
 													_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 													'toAddress',
@@ -32952,29 +33234,45 @@ var _user$project$TransactionDecoder$cashOutTxDecoder = A3(
 															_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$required,
 															'id',
 															_elm_lang$core$Json_Decode$string,
-															_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$decode(_user$project$TransactionTypes$CashOutTxRec))))))))))))))));
-var _user$project$TransactionDecoder$txDecode = function (txClass) {
+															_NoRedInk$elm_decode_pipeline$Json_Decode_Pipeline$decode(_user$project$Common_TransactionTypes$CashOutTxRec))))))))))))))));
+var _user$project$Transaction_Decoder$txDecode = function (txClass) {
 	var _p3 = txClass;
 	switch (_p3) {
 		case 'cashIn':
-			return A2(_elm_lang$core$Json_Decode$map, _user$project$TransactionTypes$CashInTx, _user$project$TransactionDecoder$cashInTxDecoder);
+			return A2(_elm_lang$core$Json_Decode$map, _user$project$Common_TransactionTypes$CashInTx, _user$project$Transaction_Decoder$cashInTxDecoder);
 		case 'cashOut':
-			return A2(_elm_lang$core$Json_Decode$map, _user$project$TransactionTypes$CashOutTx, _user$project$TransactionDecoder$cashOutTxDecoder);
+			return A2(_elm_lang$core$Json_Decode$map, _user$project$Common_TransactionTypes$CashOutTx, _user$project$Transaction_Decoder$cashOutTxDecoder);
 		default:
 			return _elm_lang$core$Json_Decode$fail(
 				A2(_elm_lang$core$Basics_ops['++'], 'Unknown tx class: ', txClass));
 	}
 };
-var _user$project$TransactionDecoder$txDecoder = A2(
+var _user$project$Transaction_Decoder$txDecoder = A2(
 	_elm_lang$core$Json_Decode$andThen,
-	_user$project$TransactionDecoder$txDecode,
+	_user$project$Transaction_Decoder$txDecode,
 	A2(_elm_lang$core$Json_Decode$field, 'txClass', _elm_lang$core$Json_Decode$string));
-var _user$project$TransactionDecoder$txsDecoder = A2(
+var _user$project$Transaction_Decoder$txsDecoder = A2(
 	_elm_lang$core$Json_Decode$field,
 	'transactions',
-	_elm_lang$core$Json_Decode$list(_user$project$TransactionDecoder$txDecoder));
+	_elm_lang$core$Json_Decode$list(_user$project$Transaction_Decoder$txDecoder));
 
-var _user$project$Transaction$multiplier = function (code) {
+var _user$project$Transactions$txLink = function (txId) {
+	return A2(
+		_elm_lang$html$Html$a,
+		{
+			ctor: '::',
+			_0: _elm_lang$html$Html_Attributes$href(
+				A2(_elm_lang$core$Basics_ops['++'], '/#transaction/', txId)),
+			_1: {ctor: '[]'}
+		},
+		{
+			ctor: '::',
+			_0: _elm_lang$html$Html$text(
+				A2(_elm_lang$core$String$left, 8, txId)),
+			_1: {ctor: '[]'}
+		});
+};
+var _user$project$Transactions$multiplier = function (code) {
 	var _p0 = code;
 	switch (_p0) {
 		case 'BTC':
@@ -32991,20 +33289,29 @@ var _user$project$Transaction$multiplier = function (code) {
 			return 1.0;
 	}
 };
-var _user$project$Transaction$rowView = function (tx) {
+var _user$project$Transactions$rowView = function (tx) {
 	var _p1 = tx;
 	if (_p1.ctor === 'CashInTx') {
 		var _p2 = _p1._0;
+		var status = _p2.operatorCompleted ? 'Cancelled' : (_p2.sendConfirmed ? 'Sent' : (_p2.expired ? 'Expired' : 'Pending'));
+		var rowClasses = _p2.operatorCompleted ? {
+			ctor: '::',
+			_0: _user$project$Css_Classes$CashIn,
+			_1: {
+				ctor: '::',
+				_0: _user$project$Css_Classes$TxCancelled,
+				_1: {ctor: '[]'}
+			}
+		} : {
+			ctor: '::',
+			_0: _user$project$Css_Classes$CashIn,
+			_1: {ctor: '[]'}
+		};
 		return A2(
 			_elm_lang$html$Html$tr,
 			{
 				ctor: '::',
-				_0: _user$project$Css_Admin$class(
-					{
-						ctor: '::',
-						_0: _user$project$Css_Classes$CashIn,
-						_1: {ctor: '[]'}
-					}),
+				_0: _user$project$Css_Admin$class(rowClasses),
 				_1: {ctor: '[]'}
 			},
 			{
@@ -33014,90 +33321,80 @@ var _user$project$Transaction$rowView = function (tx) {
 					{ctor: '[]'},
 					{
 						ctor: '::',
-						_0: _elm_lang$html$Html$text('Cash in'),
+						_0: _user$project$Transactions$txLink(_p2.id),
 						_1: {ctor: '[]'}
 					}),
 				_1: {
 					ctor: '::',
 					_0: A2(
 						_elm_lang$html$Html$td,
+						{ctor: '[]'},
 						{
 							ctor: '::',
-							_0: _user$project$Css_Admin$class(
-								{
-									ctor: '::',
-									_0: _user$project$Css_Classes$NumberColumn,
-									_1: {ctor: '[]'}
-								}),
-							_1: {ctor: '[]'}
-						},
-						{
-							ctor: '::',
-							_0: _elm_lang$html$Html$text(
-								A2(_justinmimbs$elm_date_extra$Date_Extra$toFormattedString, 'yyyy-MM-dd HH:mm', _p2.created)),
+							_0: _elm_lang$html$Html$text(status),
 							_1: {ctor: '[]'}
 						}),
 					_1: {
 						ctor: '::',
 						_0: A2(
 							_elm_lang$html$Html$td,
-							{ctor: '[]'},
 							{
 								ctor: '::',
-								_0: _elm_lang$html$Html$text(_p2.machineName),
+								_0: _user$project$Css_Admin$class(
+									{
+										ctor: '::',
+										_0: _user$project$Css_Classes$NumberColumn,
+										_1: {ctor: '[]'}
+									}),
+								_1: {ctor: '[]'}
+							},
+							{
+								ctor: '::',
+								_0: _elm_lang$html$Html$text(
+									A2(_justinmimbs$elm_date_extra$Date_Extra$toFormattedString, 'yyyy-MM-dd HH:mm', _p2.created)),
 								_1: {ctor: '[]'}
 							}),
 						_1: {
 							ctor: '::',
 							_0: A2(
 								_elm_lang$html$Html$td,
+								{ctor: '[]'},
 								{
 									ctor: '::',
-									_0: _user$project$Css_Admin$class(
-										{
-											ctor: '::',
-											_0: _user$project$Css_Classes$NumberColumn,
-											_1: {ctor: '[]'}
-										}),
-									_1: {ctor: '[]'}
-								},
-								{
-									ctor: '::',
-									_0: _elm_lang$html$Html$text(
-										A2(
-											_ggb$numeral_elm$Numeral$format,
-											'0,0.000000',
-											_elm_lang$core$Basics$toFloat(_p2.cryptoAtoms) / _user$project$Transaction$multiplier(_p2.cryptoCode))),
+									_0: _elm_lang$html$Html$text(_p2.machineName),
 									_1: {ctor: '[]'}
 								}),
 							_1: {
 								ctor: '::',
 								_0: A2(
 									_elm_lang$html$Html$td,
-									{ctor: '[]'},
 									{
 										ctor: '::',
-										_0: _elm_lang$html$Html$text(_p2.cryptoCode),
+										_0: _user$project$Css_Admin$class(
+											{
+												ctor: '::',
+												_0: _user$project$Css_Classes$NumberColumn,
+												_1: {ctor: '[]'}
+											}),
+										_1: {ctor: '[]'}
+									},
+									{
+										ctor: '::',
+										_0: _elm_lang$html$Html$text(
+											A2(
+												_ggb$numeral_elm$Numeral$format,
+												'0,0.000000',
+												_elm_lang$core$Basics$toFloat(_p2.cryptoAtoms) / _user$project$Transactions$multiplier(_p2.cryptoCode))),
 										_1: {ctor: '[]'}
 									}),
 								_1: {
 									ctor: '::',
 									_0: A2(
 										_elm_lang$html$Html$td,
+										{ctor: '[]'},
 										{
 											ctor: '::',
-											_0: _user$project$Css_Admin$class(
-												{
-													ctor: '::',
-													_0: _user$project$Css_Classes$NumberColumn,
-													_1: {ctor: '[]'}
-												}),
-											_1: {ctor: '[]'}
-										},
-										{
-											ctor: '::',
-											_0: _elm_lang$html$Html$text(
-												A2(_ggb$numeral_elm$Numeral$format, '0,0.00', _p2.fiat)),
+											_0: _elm_lang$html$Html$text(_p2.cryptoCode),
 											_1: {ctor: '[]'}
 										}),
 									_1: {
@@ -33117,7 +33414,7 @@ var _user$project$Transaction$rowView = function (tx) {
 											{
 												ctor: '::',
 												_0: _elm_lang$html$Html$text(
-													A2(_elm_lang$core$Maybe$withDefault, '', _p2.phone)),
+													A2(_ggb$numeral_elm$Numeral$format, '0,0.00', _p2.fiat)),
 												_1: {ctor: '[]'}
 											}),
 										_1: {
@@ -33129,17 +33426,38 @@ var _user$project$Transaction$rowView = function (tx) {
 													_0: _user$project$Css_Admin$class(
 														{
 															ctor: '::',
-															_0: _user$project$Css_Classes$TxAddress,
+															_0: _user$project$Css_Classes$NumberColumn,
 															_1: {ctor: '[]'}
 														}),
 													_1: {ctor: '[]'}
 												},
 												{
 													ctor: '::',
-													_0: _elm_lang$html$Html$text(_p2.toAddress),
+													_0: _elm_lang$html$Html$text(
+														A2(_elm_lang$core$Maybe$withDefault, '', _p2.phone)),
 													_1: {ctor: '[]'}
 												}),
-											_1: {ctor: '[]'}
+											_1: {
+												ctor: '::',
+												_0: A2(
+													_elm_lang$html$Html$td,
+													{
+														ctor: '::',
+														_0: _user$project$Css_Admin$class(
+															{
+																ctor: '::',
+																_0: _user$project$Css_Classes$TxAddress,
+																_1: {ctor: '[]'}
+															}),
+														_1: {ctor: '[]'}
+													},
+													{
+														ctor: '::',
+														_0: _elm_lang$html$Html$text(_p2.toAddress),
+														_1: {ctor: '[]'}
+													}),
+												_1: {ctor: '[]'}
+											}
 										}
 									}
 								}
@@ -33169,94 +33487,84 @@ var _user$project$Transaction$rowView = function (tx) {
 					{ctor: '[]'},
 					{
 						ctor: '::',
-						_0: _elm_lang$html$Html$text('Cash out'),
+						_0: _user$project$Transactions$txLink(_p3.id),
 						_1: {ctor: '[]'}
 					}),
 				_1: {
 					ctor: '::',
 					_0: A2(
 						_elm_lang$html$Html$td,
+						{ctor: '[]'},
 						{
 							ctor: '::',
-							_0: _user$project$Css_Admin$class(
-								{
-									ctor: '::',
-									_0: _user$project$Css_Classes$NumberColumn,
-									_1: {
-										ctor: '::',
-										_0: _user$project$Css_Classes$DateColumn,
-										_1: {ctor: '[]'}
-									}
-								}),
-							_1: {ctor: '[]'}
-						},
-						{
-							ctor: '::',
-							_0: _elm_lang$html$Html$text(
-								A2(_justinmimbs$elm_date_extra$Date_Extra$toFormattedString, 'yyyy-MM-dd HH:mm', _p3.created)),
+							_0: _elm_lang$html$Html$text('Cash out'),
 							_1: {ctor: '[]'}
 						}),
 					_1: {
 						ctor: '::',
 						_0: A2(
 							_elm_lang$html$Html$td,
-							{ctor: '[]'},
 							{
 								ctor: '::',
-								_0: _elm_lang$html$Html$text(_p3.machineName),
+								_0: _user$project$Css_Admin$class(
+									{
+										ctor: '::',
+										_0: _user$project$Css_Classes$NumberColumn,
+										_1: {
+											ctor: '::',
+											_0: _user$project$Css_Classes$DateColumn,
+											_1: {ctor: '[]'}
+										}
+									}),
+								_1: {ctor: '[]'}
+							},
+							{
+								ctor: '::',
+								_0: _elm_lang$html$Html$text(
+									A2(_justinmimbs$elm_date_extra$Date_Extra$toFormattedString, 'yyyy-MM-dd HH:mm', _p3.created)),
 								_1: {ctor: '[]'}
 							}),
 						_1: {
 							ctor: '::',
 							_0: A2(
 								_elm_lang$html$Html$td,
+								{ctor: '[]'},
 								{
 									ctor: '::',
-									_0: _user$project$Css_Admin$class(
-										{
-											ctor: '::',
-											_0: _user$project$Css_Classes$NumberColumn,
-											_1: {ctor: '[]'}
-										}),
-									_1: {ctor: '[]'}
-								},
-								{
-									ctor: '::',
-									_0: _elm_lang$html$Html$text(
-										A2(
-											_ggb$numeral_elm$Numeral$format,
-											'0,0.000000',
-											_elm_lang$core$Basics$toFloat(_p3.cryptoAtoms) / _user$project$Transaction$multiplier(_p3.cryptoCode))),
+									_0: _elm_lang$html$Html$text(_p3.machineName),
 									_1: {ctor: '[]'}
 								}),
 							_1: {
 								ctor: '::',
 								_0: A2(
 									_elm_lang$html$Html$td,
-									{ctor: '[]'},
 									{
 										ctor: '::',
-										_0: _elm_lang$html$Html$text(_p3.cryptoCode),
+										_0: _user$project$Css_Admin$class(
+											{
+												ctor: '::',
+												_0: _user$project$Css_Classes$NumberColumn,
+												_1: {ctor: '[]'}
+											}),
+										_1: {ctor: '[]'}
+									},
+									{
+										ctor: '::',
+										_0: _elm_lang$html$Html$text(
+											A2(
+												_ggb$numeral_elm$Numeral$format,
+												'0,0.000000',
+												_elm_lang$core$Basics$toFloat(_p3.cryptoAtoms) / _user$project$Transactions$multiplier(_p3.cryptoCode))),
 										_1: {ctor: '[]'}
 									}),
 								_1: {
 									ctor: '::',
 									_0: A2(
 										_elm_lang$html$Html$td,
+										{ctor: '[]'},
 										{
 											ctor: '::',
-											_0: _user$project$Css_Admin$class(
-												{
-													ctor: '::',
-													_0: _user$project$Css_Classes$NumberColumn,
-													_1: {ctor: '[]'}
-												}),
-											_1: {ctor: '[]'}
-										},
-										{
-											ctor: '::',
-											_0: _elm_lang$html$Html$text(
-												A2(_ggb$numeral_elm$Numeral$format, '0,0.00', _p3.fiat)),
+											_0: _elm_lang$html$Html$text(_p3.cryptoCode),
 											_1: {ctor: '[]'}
 										}),
 									_1: {
@@ -33276,7 +33584,7 @@ var _user$project$Transaction$rowView = function (tx) {
 											{
 												ctor: '::',
 												_0: _elm_lang$html$Html$text(
-													A2(_elm_lang$core$Maybe$withDefault, '', _p3.phone)),
+													A2(_ggb$numeral_elm$Numeral$format, '0,0.00', _p3.fiat)),
 												_1: {ctor: '[]'}
 											}),
 										_1: {
@@ -33288,17 +33596,38 @@ var _user$project$Transaction$rowView = function (tx) {
 													_0: _user$project$Css_Admin$class(
 														{
 															ctor: '::',
-															_0: _user$project$Css_Classes$TxAddress,
+															_0: _user$project$Css_Classes$NumberColumn,
 															_1: {ctor: '[]'}
 														}),
 													_1: {ctor: '[]'}
 												},
 												{
 													ctor: '::',
-													_0: _elm_lang$html$Html$text(_p3.toAddress),
+													_0: _elm_lang$html$Html$text(
+														A2(_elm_lang$core$Maybe$withDefault, '', _p3.phone)),
 													_1: {ctor: '[]'}
 												}),
-											_1: {ctor: '[]'}
+											_1: {
+												ctor: '::',
+												_0: A2(
+													_elm_lang$html$Html$td,
+													{
+														ctor: '::',
+														_0: _user$project$Css_Admin$class(
+															{
+																ctor: '::',
+																_0: _user$project$Css_Classes$TxAddress,
+																_1: {ctor: '[]'}
+															}),
+														_1: {ctor: '[]'}
+													},
+													{
+														ctor: '::',
+														_0: _elm_lang$html$Html$text(_p3.toAddress),
+														_1: {ctor: '[]'}
+													}),
+												_1: {ctor: '[]'}
+											}
 										}
 									}
 								}
@@ -33309,7 +33638,7 @@ var _user$project$Transaction$rowView = function (tx) {
 			});
 	}
 };
-var _user$project$Transaction$tableView = function (txs) {
+var _user$project$Transactions$tableView = function (txs) {
 	return _elm_lang$core$List$isEmpty(txs) ? A2(
 		_elm_lang$html$Html$div,
 		{ctor: '[]'},
@@ -33343,25 +33672,29 @@ var _user$project$Transaction$tableView = function (txs) {
 							ctor: '::',
 							_0: A2(
 								_elm_lang$html$Html$td,
-								{ctor: '[]'},
-								{ctor: '[]'}),
+								{
+									ctor: '::',
+									_0: _user$project$Css_Admin$class(
+										{
+											ctor: '::',
+											_0: _user$project$Css_Classes$TxId,
+											_1: {ctor: '[]'}
+										}),
+									_1: {ctor: '[]'}
+								},
+								{
+									ctor: '::',
+									_0: _elm_lang$html$Html$text('Id'),
+									_1: {ctor: '[]'}
+								}),
 							_1: {
 								ctor: '::',
 								_0: A2(
 									_elm_lang$html$Html$td,
+									{ctor: '[]'},
 									{
 										ctor: '::',
-										_0: _user$project$Css_Admin$class(
-											{
-												ctor: '::',
-												_0: _user$project$Css_Classes$TxDate,
-												_1: {ctor: '[]'}
-											}),
-										_1: {ctor: '[]'}
-									},
-									{
-										ctor: '::',
-										_0: _elm_lang$html$Html$text('Time'),
+										_0: _elm_lang$html$Html$text('Status'),
 										_1: {ctor: '[]'}
 									}),
 								_1: {
@@ -33373,14 +33706,14 @@ var _user$project$Transaction$tableView = function (txs) {
 											_0: _user$project$Css_Admin$class(
 												{
 													ctor: '::',
-													_0: _user$project$Css_Classes$TxMachine,
+													_0: _user$project$Css_Classes$TxDate,
 													_1: {ctor: '[]'}
 												}),
 											_1: {ctor: '[]'}
 										},
 										{
 											ctor: '::',
-											_0: _elm_lang$html$Html$text('Machine'),
+											_0: _elm_lang$html$Html$text('Time'),
 											_1: {ctor: '[]'}
 										}),
 									_1: {
@@ -33389,12 +33722,17 @@ var _user$project$Transaction$tableView = function (txs) {
 											_elm_lang$html$Html$td,
 											{
 												ctor: '::',
-												_0: _elm_lang$html$Html_Attributes$colspan(2),
+												_0: _user$project$Css_Admin$class(
+													{
+														ctor: '::',
+														_0: _user$project$Css_Classes$TxMachine,
+														_1: {ctor: '[]'}
+													}),
 												_1: {ctor: '[]'}
 											},
 											{
 												ctor: '::',
-												_0: _elm_lang$html$Html$text('Crypto'),
+												_0: _elm_lang$html$Html$text('Machine'),
 												_1: {ctor: '[]'}
 											}),
 										_1: {
@@ -33403,17 +33741,12 @@ var _user$project$Transaction$tableView = function (txs) {
 												_elm_lang$html$Html$td,
 												{
 													ctor: '::',
-													_0: _user$project$Css_Admin$class(
-														{
-															ctor: '::',
-															_0: _user$project$Css_Classes$TxAmount,
-															_1: {ctor: '[]'}
-														}),
+													_0: _elm_lang$html$Html_Attributes$colspan(2),
 													_1: {ctor: '[]'}
 												},
 												{
 													ctor: '::',
-													_0: _elm_lang$html$Html$text('Fiat'),
+													_0: _elm_lang$html$Html$text('Crypto'),
 													_1: {ctor: '[]'}
 												}),
 											_1: {
@@ -33425,14 +33758,14 @@ var _user$project$Transaction$tableView = function (txs) {
 														_0: _user$project$Css_Admin$class(
 															{
 																ctor: '::',
-																_0: _user$project$Css_Classes$TxPhone,
+																_0: _user$project$Css_Classes$TxAmount,
 																_1: {ctor: '[]'}
 															}),
 														_1: {ctor: '[]'}
 													},
 													{
 														ctor: '::',
-														_0: _elm_lang$html$Html$text('Phone'),
+														_0: _elm_lang$html$Html$text('Fiat'),
 														_1: {ctor: '[]'}
 													}),
 												_1: {
@@ -33444,17 +33777,37 @@ var _user$project$Transaction$tableView = function (txs) {
 															_0: _user$project$Css_Admin$class(
 																{
 																	ctor: '::',
-																	_0: _user$project$Css_Classes$TxAddress,
+																	_0: _user$project$Css_Classes$TxPhone,
 																	_1: {ctor: '[]'}
 																}),
 															_1: {ctor: '[]'}
 														},
 														{
 															ctor: '::',
-															_0: _elm_lang$html$Html$text('To address'),
+															_0: _elm_lang$html$Html$text('Phone'),
 															_1: {ctor: '[]'}
 														}),
-													_1: {ctor: '[]'}
+													_1: {
+														ctor: '::',
+														_0: A2(
+															_elm_lang$html$Html$td,
+															{
+																ctor: '::',
+																_0: _user$project$Css_Admin$class(
+																	{
+																		ctor: '::',
+																		_0: _user$project$Css_Classes$TxAddress,
+																		_1: {ctor: '[]'}
+																	}),
+																_1: {ctor: '[]'}
+															},
+															{
+																ctor: '::',
+																_0: _elm_lang$html$Html$text('To address'),
+																_1: {ctor: '[]'}
+															}),
+														_1: {ctor: '[]'}
+													}
 												}
 											}
 										}
@@ -33469,12 +33822,12 @@ var _user$project$Transaction$tableView = function (txs) {
 				_0: A2(
 					_elm_lang$html$Html$tbody,
 					{ctor: '[]'},
-					A2(_elm_lang$core$List$map, _user$project$Transaction$rowView, txs)),
+					A2(_elm_lang$core$List$map, _user$project$Transactions$rowView, txs)),
 				_1: {ctor: '[]'}
 			}
 		});
 };
-var _user$project$Transaction$view = function (model) {
+var _user$project$Transactions$view = function (model) {
 	var _p4 = model;
 	switch (_p4.ctor) {
 		case 'NotAsked':
@@ -33507,12 +33860,12 @@ var _user$project$Transaction$view = function (model) {
 				{ctor: '[]'},
 				{
 					ctor: '::',
-					_0: _user$project$Transaction$tableView(_p4._0),
+					_0: _user$project$Transactions$tableView(_p4._0),
 					_1: {ctor: '[]'}
 				});
 	}
 };
-var _user$project$Transaction$update = F2(
+var _user$project$Transactions$update = F2(
 	function (msg, model) {
 		var _p5 = msg;
 		return A2(
@@ -33520,22 +33873,22 @@ var _user$project$Transaction$update = F2(
 			_p5._0,
 			{ctor: '[]'});
 	});
-var _user$project$Transaction$init = _krisajenkins$remotedata$RemoteData$NotAsked;
-var _user$project$Transaction$Load = function (a) {
+var _user$project$Transactions$init = _krisajenkins$remotedata$RemoteData$NotAsked;
+var _user$project$Transactions$Load = function (a) {
 	return {ctor: 'Load', _0: a};
 };
-var _user$project$Transaction$getTransactions = A2(
+var _user$project$Transactions$getTransactions = A2(
 	_elm_lang$core$Platform_Cmd$map,
-	_user$project$Transaction$Load,
+	_user$project$Transactions$Load,
 	A2(
 		_lukewestby$elm_http_builder$HttpBuilder$send,
 		_krisajenkins$remotedata$RemoteData$fromResult,
 		A2(
 			_lukewestby$elm_http_builder$HttpBuilder$withExpect,
-			_elm_lang$http$Http$expectJson(_user$project$TransactionDecoder$txsDecoder),
+			_elm_lang$http$Http$expectJson(_user$project$Transaction_Decoder$txsDecoder),
 			_lukewestby$elm_http_builder$HttpBuilder$get('/api/transactions'))));
-var _user$project$Transaction$loadCmd = _user$project$Transaction$getTransactions;
-var _user$project$Transaction$load = {ctor: '_Tuple2', _0: _krisajenkins$remotedata$RemoteData$Loading, _1: _user$project$Transaction$loadCmd};
+var _user$project$Transactions$loadCmd = _user$project$Transactions$getTransactions;
+var _user$project$Transactions$load = {ctor: '_Tuple2', _0: _krisajenkins$remotedata$RemoteData$Loading, _1: _user$project$Transactions$loadCmd};
 
 var _user$project$CoreTypes$MaintenanceCat = {ctor: 'MaintenanceCat'};
 var _user$project$CoreTypes$GlobalSettingsCat = {ctor: 'GlobalSettingsCat'};
@@ -33546,7 +33899,10 @@ var _user$project$CoreTypes$MaintenanceFundingRoute = function (a) {
 	return {ctor: 'MaintenanceFundingRoute', _0: a};
 };
 var _user$project$CoreTypes$MaintenanceMachinesRoute = {ctor: 'MaintenanceMachinesRoute'};
-var _user$project$CoreTypes$TransactionRoute = {ctor: 'TransactionRoute'};
+var _user$project$CoreTypes$TransactionRoute = function (a) {
+	return {ctor: 'TransactionRoute', _0: a};
+};
+var _user$project$CoreTypes$TransactionsRoute = {ctor: 'TransactionsRoute'};
 var _user$project$CoreTypes$ConfigRoute = F2(
 	function (a, b) {
 		return {ctor: 'ConfigRoute', _0: a, _1: b};
@@ -33574,6 +33930,9 @@ var _user$project$CoreTypes$LoadAccounts = function (a) {
 var _user$project$CoreTypes$TransactionMsg = function (a) {
 	return {ctor: 'TransactionMsg', _0: a};
 };
+var _user$project$CoreTypes$TransactionsMsg = function (a) {
+	return {ctor: 'TransactionsMsg', _0: a};
+};
 var _user$project$CoreTypes$MaintenanceFundingMsg = function (a) {
 	return {ctor: 'MaintenanceFundingMsg', _0: a};
 };
@@ -33655,6 +34014,8 @@ var _user$project$NavBar$determineCategory = function (route) {
 			return _elm_lang$core$Maybe$Just(_user$project$CoreTypes$MaintenanceCat);
 		case 'PairRoute':
 			return _elm_lang$core$Maybe$Nothing;
+		case 'TransactionsRoute':
+			return _elm_lang$core$Maybe$Nothing;
 		case 'TransactionRoute':
 			return _elm_lang$core$Maybe$Nothing;
 		default:
@@ -33702,14 +34063,16 @@ var _user$project$NavBar$routeToUrl = function (route) {
 					_0: _p1._0,
 					_1: {ctor: '[]'}
 				});
+		case 'TransactionsRoute':
+			return '/#transactions/';
 		case 'TransactionRoute':
-			return '/#transaction/';
+			return A2(_elm_lang$core$Basics_ops['++'], '/#transaction/', _p1._0);
 		default:
 			return _elm_lang$core$Native_Utils.crashCase(
 				'NavBar',
 				{
 					start: {line: 29, column: 5},
-					end: {line: 49, column: 45}
+					end: {line: 52, column: 45}
 				},
 				_p1)('Need unknown route');
 	}
@@ -33952,7 +34315,7 @@ var _user$project$NavBar$view = F2(
 			{
 				ctor: '::',
 				_0: l(
-					{ctor: '_Tuple3', _0: 'Transactions', _1: _user$project$CoreTypes$TransactionRoute, _2: true}),
+					{ctor: '_Tuple3', _0: 'Transactions', _1: _user$project$CoreTypes$TransactionsRoute, _2: true}),
 				_1: {
 					ctor: '::',
 					_0: A2(
@@ -35161,6 +35524,229 @@ var _user$project$MaintenanceFunding_View$view = function (model) {
 	}
 };
 
+var _user$project$Transaction_Rest$toModel = F2(
+	function (status, tx) {
+		return {status: status, tx: tx};
+	});
+var _user$project$Transaction_Rest$getForm = function (txId) {
+	return A2(
+		_elm_lang$core$Platform_Cmd$map,
+		_user$project$Transaction_Types$Load,
+		A2(
+			_lukewestby$elm_http_builder$HttpBuilder$send,
+			function (_p0) {
+				return _krisajenkins$remotedata$RemoteData$fromResult(
+					A2(
+						_elm_lang$core$Result$map,
+						_user$project$Transaction_Rest$toModel(_user$project$BasicTypes$NotSaving),
+						_p0));
+			},
+			A2(
+				_lukewestby$elm_http_builder$HttpBuilder$withExpect,
+				_elm_lang$http$Http$expectJson(_user$project$Transaction_Decoder$txDecoder),
+				_lukewestby$elm_http_builder$HttpBuilder$get(
+					A2(_elm_lang$core$Basics_ops['++'], '/api/transaction/', txId)))));
+};
+var _user$project$Transaction_Rest$cancel = function (txId) {
+	return A2(
+		_elm_lang$core$Platform_Cmd$map,
+		_user$project$Transaction_Types$Load,
+		A2(
+			_lukewestby$elm_http_builder$HttpBuilder$send,
+			function (_p1) {
+				return _krisajenkins$remotedata$RemoteData$fromResult(
+					A2(
+						_elm_lang$core$Result$map,
+						_user$project$Transaction_Rest$toModel(_user$project$BasicTypes$NotSaving),
+						_p1));
+			},
+			A2(
+				_lukewestby$elm_http_builder$HttpBuilder$withExpect,
+				_elm_lang$http$Http$expectJson(_user$project$Transaction_Decoder$txDecoder),
+				_lukewestby$elm_http_builder$HttpBuilder$patch(
+					A2(
+						_elm_lang$core$Basics_ops['++'],
+						'/api/transaction/',
+						A2(_elm_lang$core$Basics_ops['++'], txId, '?cancel=true'))))));
+};
+
+var _user$project$Transaction_State$txUpdate = function (model) {
+	return A2(
+		_elm_lang$core$Platform_Cmd_ops['!'],
+		model,
+		{ctor: '[]'});
+};
+var _user$project$Transaction_State$update = F2(
+	function (msg, model) {
+		var _p0 = msg;
+		switch (_p0.ctor) {
+			case 'Load':
+				return A2(_krisajenkins$remotedata$RemoteData$update, _user$project$Transaction_State$txUpdate, _p0._0);
+			case 'Cancel':
+				return A2(
+					_elm_lang$core$Platform_Cmd_ops['!'],
+					model,
+					{
+						ctor: '::',
+						_0: _user$project$Transaction_Rest$cancel(_p0._0),
+						_1: {ctor: '[]'}
+					});
+			default:
+				return A2(
+					_krisajenkins$remotedata$RemoteData$update,
+					function (subModel) {
+						return A2(
+							_elm_lang$core$Platform_Cmd_ops['!'],
+							_elm_lang$core$Native_Utils.update(
+								subModel,
+								{status: _user$project$BasicTypes$NotSaving}),
+							{ctor: '[]'});
+					},
+					model);
+		}
+	});
+var _user$project$Transaction_State$load = function (txId) {
+	return {
+		ctor: '_Tuple2',
+		_0: _krisajenkins$remotedata$RemoteData$Loading,
+		_1: _user$project$Transaction_Rest$getForm(txId)
+	};
+};
+var _user$project$Transaction_State$init = _krisajenkins$remotedata$RemoteData$NotAsked;
+
+var _user$project$Transaction_View$cashOutTxView = function (tx) {
+	return A2(
+		_elm_lang$html$Html$div,
+		{ctor: '[]'},
+		{
+			ctor: '::',
+			_0: _elm_lang$html$Html$text(tx.id),
+			_1: {ctor: '[]'}
+		});
+};
+var _user$project$Transaction_View$cashInTxView = function (tx) {
+	var cancelButtonDiv = (tx.operatorCompleted || tx.sendConfirmed) ? A2(
+		_elm_lang$html$Html$div,
+		{ctor: '[]'},
+		{ctor: '[]'}) : A2(
+		_elm_lang$html$Html$div,
+		{ctor: '[]'},
+		{
+			ctor: '::',
+			_0: A2(
+				_elm_lang$html$Html$button,
+				{
+					ctor: '::',
+					_0: _elm_lang$html$Html_Events$onClick(
+						_user$project$Transaction_Types$Cancel(tx.id)),
+					_1: {ctor: '[]'}
+				},
+				{
+					ctor: '::',
+					_0: _elm_lang$html$Html$text('Cancel transaction'),
+					_1: {ctor: '[]'}
+				}),
+			_1: {ctor: '[]'}
+		});
+	var cancelStatus = tx.operatorCompleted ? 'Cancelled' : (tx.sendConfirmed ? 'Sent' : (tx.expired ? 'Expired' : 'Pending'));
+	return A2(
+		_elm_lang$html$Html$div,
+		{ctor: '[]'},
+		{
+			ctor: '::',
+			_0: A2(
+				_elm_lang$html$Html$div,
+				{ctor: '[]'},
+				{
+					ctor: '::',
+					_0: _elm_lang$html$Html$text(tx.id),
+					_1: {ctor: '[]'}
+				}),
+			_1: {
+				ctor: '::',
+				_0: A2(
+					_elm_lang$html$Html$div,
+					{ctor: '[]'},
+					{
+						ctor: '::',
+						_0: _elm_lang$html$Html$text('This is a cash-in transaction'),
+						_1: {ctor: '[]'}
+					}),
+				_1: {
+					ctor: '::',
+					_0: A2(
+						_elm_lang$html$Html$div,
+						{ctor: '[]'},
+						{
+							ctor: '::',
+							_0: _elm_lang$html$Html$text(
+								A2(
+									_elm_lang$core$Basics_ops['++'],
+									'Fiat: ',
+									A2(_ggb$numeral_elm$Numeral$format, '0,0.00', tx.fiat))),
+							_1: {ctor: '[]'}
+						}),
+					_1: {
+						ctor: '::',
+						_0: A2(
+							_elm_lang$html$Html$div,
+							{ctor: '[]'},
+							{
+								ctor: '::',
+								_0: _elm_lang$html$Html$text(
+									A2(_elm_lang$core$Basics_ops['++'], 'Status: ', cancelStatus)),
+								_1: {ctor: '[]'}
+							}),
+						_1: {
+							ctor: '::',
+							_0: cancelButtonDiv,
+							_1: {ctor: '[]'}
+						}
+					}
+				}
+			}
+		});
+};
+var _user$project$Transaction_View$txView = function (subModel) {
+	var _p0 = subModel.tx;
+	if (_p0.ctor === 'CashInTx') {
+		return _user$project$Transaction_View$cashInTxView(_p0._0);
+	} else {
+		return _user$project$Transaction_View$cashOutTxView(_p0._0);
+	}
+};
+var _user$project$Transaction_View$view = function (model) {
+	var _p1 = model;
+	switch (_p1.ctor) {
+		case 'NotAsked':
+			return A2(
+				_elm_lang$html$Html$div,
+				{ctor: '[]'},
+				{ctor: '[]'});
+		case 'Loading':
+			return A2(
+				_elm_lang$html$Html$div,
+				{ctor: '[]'},
+				{
+					ctor: '::',
+					_0: _elm_lang$html$Html$text('Loading...'),
+					_1: {ctor: '[]'}
+				});
+		case 'Failure':
+			return A2(
+				_elm_lang$html$Html$div,
+				{ctor: '[]'},
+				{
+					ctor: '::',
+					_0: _elm_lang$html$Html$text(
+						_elm_lang$core$Basics$toString(_p1._0)),
+					_1: {ctor: '[]'}
+				});
+		default:
+			return _user$project$Transaction_View$txView(_p1._0);
+	}
+};
+
 var _user$project$Main$subscriptions = function (model) {
 	return _elm_lang$core$Platform_Sub$batch(
 		{
@@ -35284,11 +35870,16 @@ var _user$project$Main$content = F2(
 					_elm_lang$html$Html$map,
 					_user$project$CoreTypes$MaintenanceFundingMsg,
 					_user$project$MaintenanceFunding_View$view(model.maintenanceFunding));
+			case 'TransactionsRoute':
+				return A2(
+					_elm_lang$html$Html$map,
+					_user$project$CoreTypes$TransactionsMsg,
+					_user$project$Transactions$view(model.transactions));
 			case 'TransactionRoute':
 				return A2(
 					_elm_lang$html$Html$map,
 					_user$project$CoreTypes$TransactionMsg,
-					_user$project$Transaction$view(model.transaction));
+					_user$project$Transaction_View$view(model.transaction));
 			default:
 				return A2(
 					_elm_lang$html$Html$div,
@@ -35394,15 +35985,25 @@ var _user$project$Main$parseRoute = _evancz$url_parser$UrlParser$oneOf(
 									ctor: '::',
 									_0: A2(
 										_evancz$url_parser$UrlParser$map,
-										_user$project$CoreTypes$TransactionRoute,
-										_evancz$url_parser$UrlParser$s('transaction')),
+										_user$project$CoreTypes$TransactionsRoute,
+										_evancz$url_parser$UrlParser$s('transactions')),
 									_1: {
 										ctor: '::',
 										_0: A2(
 											_evancz$url_parser$UrlParser$map,
-											A2(_user$project$CoreTypes$ConfigRoute, 'setup', _elm_lang$core$Maybe$Nothing),
-											_evancz$url_parser$UrlParser$top),
-										_1: {ctor: '[]'}
+											_user$project$CoreTypes$TransactionRoute,
+											A2(
+												_evancz$url_parser$UrlParser_ops['</>'],
+												_evancz$url_parser$UrlParser$s('transaction'),
+												_evancz$url_parser$UrlParser$string)),
+										_1: {
+											ctor: '::',
+											_0: A2(
+												_evancz$url_parser$UrlParser$map,
+												A2(_user$project$CoreTypes$ConfigRoute, 'setup', _elm_lang$core$Maybe$Nothing),
+												_evancz$url_parser$UrlParser$top),
+											_1: {ctor: '[]'}
+										}
 									}
 								}
 							}
@@ -35475,18 +36076,19 @@ var _user$project$Main$urlUpdate = F2(
 			_elm_lang$core$Maybe$withDefault,
 			_user$project$CoreTypes$NotFoundRoute,
 			A2(_evancz$url_parser$UrlParser$parseHash, _user$project$Main$parseRoute, location));
-		var _p5 = route;
-		switch (_p5.ctor) {
+		var _p5 = A2(_elm_lang$core$Debug$log, 'DEBUG101', route);
+		var _p6 = route;
+		switch (_p6.ctor) {
 			case 'PairRoute':
-				var _p6 = model.status;
-				if (_p6.ctor === 'Just') {
+				var _p7 = model.status;
+				if (_p7.ctor === 'Just') {
 					return A2(
 						_elm_lang$core$Platform_Cmd_ops['!'],
 						_elm_lang$core$Native_Utils.update(
 							model,
 							{
 								location: location,
-								pair: _user$project$Pair$init(_p6._0.server.up)
+								pair: _user$project$Pair$init(_p7._0.server.up)
 							}),
 						{ctor: '[]'});
 				} else {
@@ -35501,9 +36103,9 @@ var _user$project$Main$urlUpdate = F2(
 						{ctor: '[]'});
 				}
 			case 'AccountRoute':
-				var _p7 = _user$project$Account$load(_p5._0);
-				var accountModel = _p7._0;
-				var cmd = _p7._1;
+				var _p8 = _user$project$Account$load(_p6._0);
+				var accountModel = _p8._0;
+				var cmd = _p8._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35515,9 +36117,9 @@ var _user$project$Main$urlUpdate = F2(
 						_1: {ctor: '[]'}
 					});
 			case 'ConfigRoute':
-				var _p8 = A3(_user$project$Config$load, model.config, _p5._0, _p5._1);
-				var configModel = _p8._0;
-				var cmd = _p8._1;
+				var _p9 = A3(_user$project$Config$load, model.config, _p6._0, _p6._1);
+				var configModel = _p9._0;
+				var cmd = _p9._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35529,9 +36131,9 @@ var _user$project$Main$urlUpdate = F2(
 						_1: {ctor: '[]'}
 					});
 			case 'MaintenanceMachinesRoute':
-				var _p9 = _user$project$MaintenanceMachines_State$load;
-				var maintenanceMachines = _p9._0;
-				var cmd = _p9._1;
+				var _p10 = _user$project$MaintenanceMachines_State$load;
+				var maintenanceMachines = _p10._0;
+				var cmd = _p10._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35543,9 +36145,9 @@ var _user$project$Main$urlUpdate = F2(
 						_1: {ctor: '[]'}
 					});
 			case 'MaintenanceFundingRoute':
-				var _p10 = _user$project$MaintenanceFunding_State$load(_p5._0);
-				var maintenanceFunding = _p10._0;
-				var cmd = _p10._1;
+				var _p11 = _user$project$MaintenanceFunding_State$load(_p6._0);
+				var maintenanceFunding = _p11._0;
+				var cmd = _p11._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35556,15 +36158,29 @@ var _user$project$Main$urlUpdate = F2(
 						_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$MaintenanceFundingMsg, cmd),
 						_1: {ctor: '[]'}
 					});
-			case 'TransactionRoute':
-				var _p11 = _user$project$Transaction$load;
-				var transactionModel = _p11._0;
-				var cmd = _p11._1;
+			case 'TransactionsRoute':
+				var _p12 = _user$project$Transactions$load;
+				var transactionsModel = _p12._0;
+				var cmd = _p12._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
 						model,
-						{location: location, transaction: transactionModel}),
+						{location: location, transactions: transactionsModel}),
+					{
+						ctor: '::',
+						_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$TransactionsMsg, cmd),
+						_1: {ctor: '[]'}
+					});
+			case 'TransactionRoute':
+				var _p13 = _user$project$Transaction_State$load(_p6._0);
+				var transaction = _p13._0;
+				var cmd = _p13._1;
+				return A2(
+					_elm_lang$core$Platform_Cmd_ops['!'],
+					_elm_lang$core$Native_Utils.update(
+						model,
+						{location: location, transaction: transaction}),
 					{
 						ctor: '::',
 						_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$TransactionMsg, cmd),
@@ -35587,14 +36203,15 @@ var _user$project$Main$init = function (location) {
 		config: _user$project$Config$init,
 		maintenanceMachines: _user$project$MaintenanceMachines_State$init,
 		maintenanceFunding: _user$project$MaintenanceFunding_State$init,
-		transaction: _user$project$Transaction$init,
+		transactions: _user$project$Transactions$init,
+		transaction: _user$project$Transaction_State$init,
 		accounts: {ctor: '[]'},
 		status: _elm_lang$core$Maybe$Nothing,
 		err: _elm_lang$core$Maybe$Nothing
 	};
-	var _p12 = A2(_user$project$Main$urlUpdate, location, model);
-	var newModel = _p12._0;
-	var newCmd = _p12._1;
+	var _p14 = A2(_user$project$Main$urlUpdate, location, model);
+	var newModel = _p14._0;
+	var newCmd = _p14._1;
 	return A2(
 		_elm_lang$core$Platform_Cmd_ops['!'],
 		newModel,
@@ -35614,12 +36231,12 @@ var _user$project$Main$init = function (location) {
 };
 var _user$project$Main$update = F2(
 	function (msg, model) {
-		var _p13 = msg;
-		switch (_p13.ctor) {
+		var _p15 = msg;
+		switch (_p15.ctor) {
 			case 'PairMsg':
-				var _p14 = A2(_user$project$Pair$update, _p13._0, model.pair);
-				var pairModel = _p14._0;
-				var cmd = _p14._1;
+				var _p16 = A2(_user$project$Pair$update, _p15._0, model.pair);
+				var pairModel = _p16._0;
+				var cmd = _p16._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35631,9 +36248,9 @@ var _user$project$Main$update = F2(
 						_1: {ctor: '[]'}
 					});
 			case 'AccountMsg':
-				var _p15 = A2(_user$project$Account$update, _p13._0, model.account);
-				var accountModel = _p15._0;
-				var cmd = _p15._1;
+				var _p17 = A2(_user$project$Account$update, _p15._0, model.account);
+				var accountModel = _p17._0;
+				var cmd = _p17._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35645,8 +36262,8 @@ var _user$project$Main$update = F2(
 						_1: {ctor: '[]'}
 					});
 			case 'ConfigMsg':
-				var _p17 = _p13._0;
-				var loaded = _user$project$Config$loaded(_p17);
+				var _p19 = _p15._0;
+				var loaded = _user$project$Config$loaded(_p19);
 				var extraCmds = loaded ? {
 					ctor: '::',
 					_0: _user$project$Main$getAccounts,
@@ -35656,9 +36273,9 @@ var _user$project$Main$update = F2(
 						_1: {ctor: '[]'}
 					}
 				} : {ctor: '[]'};
-				var _p16 = A2(_user$project$Config$update, _p17, model.config);
-				var configModel = _p16._0;
-				var cmd = _p16._1;
+				var _p18 = A2(_user$project$Config$update, _p19, model.config);
+				var configModel = _p18._0;
+				var cmd = _p18._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35673,9 +36290,9 @@ var _user$project$Main$update = F2(
 						},
 						extraCmds));
 			case 'MaintenanceMachinesMsg':
-				var _p18 = A2(_user$project$MaintenanceMachines_State$update, _p13._0, model.maintenanceMachines);
-				var maintenanceMachines = _p18._0;
-				var cmd = _p18._1;
+				var _p20 = A2(_user$project$MaintenanceMachines_State$update, _p15._0, model.maintenanceMachines);
+				var maintenanceMachines = _p20._0;
+				var cmd = _p20._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35687,9 +36304,9 @@ var _user$project$Main$update = F2(
 						_1: {ctor: '[]'}
 					});
 			case 'MaintenanceFundingMsg':
-				var _p19 = A2(_user$project$MaintenanceFunding_State$update, _p13._0, model.maintenanceFunding);
-				var maintenanceFunding = _p19._0;
-				var cmd = _p19._1;
+				var _p21 = A2(_user$project$MaintenanceFunding_State$update, _p15._0, model.maintenanceFunding);
+				var maintenanceFunding = _p21._0;
+				var cmd = _p21._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35700,15 +36317,32 @@ var _user$project$Main$update = F2(
 						_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$MaintenanceFundingMsg, cmd),
 						_1: {ctor: '[]'}
 					});
-			case 'TransactionMsg':
-				var _p20 = A2(_user$project$Transaction$update, _p13._0, model.transaction);
-				var transactionModel = _p20._0;
-				var cmd = _p20._1;
+			case 'TransactionsMsg':
+				var _p22 = A2(_user$project$Transactions$update, _p15._0, model.transactions);
+				var transactionsModel = _p22._0;
+				var cmd = _p22._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
 						model,
-						{transaction: transactionModel}),
+						{transactions: transactionsModel}),
+					{
+						ctor: '::',
+						_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$TransactionsMsg, cmd),
+						_1: {ctor: '[]'}
+					});
+			case 'TransactionMsg':
+				var _p23 = A2(
+					_user$project$Transaction_State$update,
+					A2(_elm_lang$core$Debug$log, 'DEBUG100', _p15._0),
+					model.transaction);
+				var transaction = _p23._0;
+				var cmd = _p23._1;
+				return A2(
+					_elm_lang$core$Platform_Cmd_ops['!'],
+					_elm_lang$core$Native_Utils.update(
+						model,
+						{transaction: transaction}),
 					{
 						ctor: '::',
 						_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$TransactionMsg, cmd),
@@ -35719,7 +36353,7 @@ var _user$project$Main$update = F2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
 						model,
-						{accounts: _p13._0}),
+						{accounts: _p15._0}),
 					{ctor: '[]'});
 			case 'LoadStatus':
 				var newStatus = _elm_lang$core$List$head(
@@ -35728,7 +36362,7 @@ var _user$project$Main$update = F2(
 						_elm_lang$core$Basics$identity,
 						{
 							ctor: '::',
-							_0: _krisajenkins$remotedata$RemoteData$toMaybe(_p13._0),
+							_0: _krisajenkins$remotedata$RemoteData$toMaybe(_p15._0),
 							_1: {
 								ctor: '::',
 								_0: model.status,
@@ -35762,9 +36396,9 @@ var _user$project$Main$update = F2(
 						{status: newStatus, pair: newPair, config: newConfig}),
 					{ctor: '[]'});
 			case 'NewUrl':
-				var _p21 = _user$project$Config$submitNoLoad(model.config);
-				var configModel = _p21._0;
-				var configCmd = _p21._1;
+				var _p24 = _user$project$Config$submitNoLoad(model.config);
+				var configModel = _p24._0;
+				var configCmd = _p24._1;
 				return A2(
 					_elm_lang$core$Platform_Cmd_ops['!'],
 					_elm_lang$core$Native_Utils.update(
@@ -35772,7 +36406,7 @@ var _user$project$Main$update = F2(
 						{config: configModel}),
 					{
 						ctor: '::',
-						_0: _elm_lang$navigation$Navigation$newUrl(_p13._0),
+						_0: _elm_lang$navigation$Navigation$newUrl(_p15._0),
 						_1: {
 							ctor: '::',
 							_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$ConfigMsg, configCmd),
@@ -35780,15 +36414,15 @@ var _user$project$Main$update = F2(
 						}
 					});
 			case 'UrlChange':
-				return A2(_user$project$Main$urlUpdate, _p13._0, model);
+				return A2(_user$project$Main$urlUpdate, _p15._0, model);
 			case 'Interval':
 				var route = A2(
 					_elm_lang$core$Maybe$withDefault,
 					_user$project$CoreTypes$NotFoundRoute,
 					A2(_evancz$url_parser$UrlParser$parseHash, _user$project$Main$parseRoute, model.location));
-				var extraCmds = _elm_lang$core$Native_Utils.eq(route, _user$project$CoreTypes$TransactionRoute) ? {
+				var extraCmds = _elm_lang$core$Native_Utils.eq(route, _user$project$CoreTypes$TransactionsRoute) ? {
 					ctor: '::',
-					_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$TransactionMsg, _user$project$Transaction$loadCmd),
+					_0: A2(_elm_lang$core$Platform_Cmd$map, _user$project$CoreTypes$TransactionsMsg, _user$project$Transactions$loadCmd),
 					_1: {ctor: '[]'}
 				} : {ctor: '[]'};
 				return A2(
@@ -35823,7 +36457,9 @@ var _user$project$Main$Model = function (a) {
 							return function (h) {
 								return function (i) {
 									return function (j) {
-										return {location: a, pair: b, account: c, config: d, maintenanceMachines: e, maintenanceFunding: f, transaction: g, accounts: h, status: i, err: j};
+										return function (k) {
+											return {location: a, pair: b, account: c, config: d, maintenanceMachines: e, maintenanceFunding: f, transactions: g, transaction: h, accounts: i, status: j, err: k};
+										};
 									};
 								};
 							};
diff --git a/public/styles.css b/public/styles.css
index 3fb32497..47206cee 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -204,6 +204,12 @@ p {
     background-color: #ffffff;
 }
 
+.lamassuAdminTxTable  a {
+    text-decoration: none;
+    color: #5f5f56;
+    border-bottom: 1px solid #37e8d7;
+}
+
 .lamassuAdminTxTable  .lamassuAdminNumberColumn {
     text-align: right;
     width: 10em;
@@ -215,6 +221,10 @@ p {
     font-size: 90%;
 }
 
+.lamassuAdminTxTable  .lamassuAdminTxCancelled {
+    background-color: #efd1d2;
+}
+
 .lamassuAdminTxTable  tbody {
     font-family: Inconsolata, monospace;
     color: #5f5f56;