@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
/*!
Pam v1.0.0-beta.2
Copyright 2016 MRG Gametek AB All rights reserved.
Licensed under the BSD License.
https://github.com/mrgreentech/pam/blob/master/LICENSE.md
*/
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^8.0.1 | MIT License
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
html {
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
[pam-Button],
a[pam-Button] {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7;
  margin: 4px;
  min-height: 41px;
  min-width: 88px;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: top;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-drag: none;
}
[pam-Button]::-moz-focus-inner,
a[pam-Button]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
[pam-Button]:hover,
a[pam-Button]:hover,
[pam-Button]:focus,
a[pam-Button]:focus {
  background-color: #ededed;
}
[pam-Button~="active"],
[pam-Button]:active,
a[pam-Button]:active {
  background-color: #dbdbdb;
}
[pam-Button]:focus,
a[pam-Button]:focus {
  outline: 0;
}
[pam-Button]:visited,
a[pam-Button]:visited {
  color: #444;
}
[pam-Button][disabled],
[pam-Button~="disabled"],
[pam-Button~="disabled"]:hover,
[pam-Button~="disabled"]:focus,
[pam-Button~="disabled"]:active {
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.4;
}
[pam-Button~="hidden"],
a[pam-Button~="hidden"] {
  display: none;
}
[pam-Button~="primary"],
a[pam-Button~="primary"] {
  background-color: #008ed5;
  border-color: #008ed5;
  color: #fff;
}
[pam-Button~="primary"]:hover,
a[pam-Button~="primary"]:hover,
[pam-Button~="primary"]:focus,
a[pam-Button~="primary"]:focus {
  background-color: #00a6f9;
  color: #fff;
}
[pam-Button~="primary"]:active,
a[pam-Button~="primary"]:active {
  background-color: #0076b1;
  color: #fff;
}
[pam-Button~="primary"]:visited,
a[pam-Button~="primary"]:visited {
  color: #fff;
}
[pam-Button~="primary"][pam-Button~="outlined"],
a[pam-Button~="primary"][pam-Button~="outlined"] {
  background: transparent;
  color: #008ed5;
  transition-property: color, border-color, background-color;
}
[pam-Button~="primary"][pam-Button~="outlined"]:hover,
a[pam-Button~="primary"][pam-Button~="outlined"]:hover,
[pam-Button~="primary"][pam-Button~="outlined"]:focus,
a[pam-Button~="primary"][pam-Button~="outlined"]:focus {
  background-color: #008ed5;
  border-color: #008ed5;
  color: #fff;
}
[pam-Button~="primary"][pam-Button~="outlined"]:active,
a[pam-Button~="primary"][pam-Button~="outlined"]:active {
  background-color: #0076b1;
  border-color: #0076b1;
}
[pam-Button~="primary"][pam-Button~="outlined"]:visited,
a[pam-Button~="primary"][pam-Button~="outlined"]:visited {
  color: #008ed5;
}
[pam-Button~="primary"][pam-Button~="outlined"]:visited:hover,
a[pam-Button~="primary"][pam-Button~="outlined"]:visited:hover {
  color: #fff;
}
[pam-Button~="secondary"],
a[pam-Button~="secondary"] {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}
[pam-Button~="secondary"]:hover,
a[pam-Button~="secondary"]:hover,
[pam-Button~="secondary"]:focus,
a[pam-Button~="secondary"]:focus {
  background-color: #333333;
}
[pam-Button~="secondary"]:active,
a[pam-Button~="secondary"]:active {
  background-color: #0f0f0f;
}
[pam-Button~="secondary"]:visited,
a[pam-Button~="secondary"]:visited {
  color: #fff;
}
[pam-Button~="secondary"][pam-Button~="outlined"],
a[pam-Button~="secondary"][pam-Button~="outlined"] {
  background: transparent;
  color: #212121;
  transition-property: color, border-color, background-color;
}
[pam-Button~="secondary"][pam-Button~="outlined"]:hover,
a[pam-Button~="secondary"][pam-Button~="outlined"]:hover,
[pam-Button~="secondary"][pam-Button~="outlined"]:focus,
a[pam-Button~="secondary"][pam-Button~="outlined"]:focus {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}
[pam-Button~="secondary"][pam-Button~="outlined"]:active,
a[pam-Button~="secondary"][pam-Button~="outlined"]:active {
  background-color: #0f0f0f;
  border-color: #0f0f0f;
}
[pam-Button~="secondary"][pam-Button~="outlined"]:visited,
a[pam-Button~="secondary"][pam-Button~="outlined"]:visited {
  color: #212121;
}
[pam-Button~="secondary"][pam-Button~="outlined"]:visited:hover,
a[pam-Button~="secondary"][pam-Button~="outlined"]:visited:hover {
  color: #fff;
}
[pam-Button~="link"],
a[pam-Button~="link"] {
  background-color: transparent;
  border: none;
  color: #22b5ff;
  line-height: normal;
  text-decoration: none;
  transition-property: color;
}
[pam-Button~="link"]:hover,
a[pam-Button~="link"]:hover,
[pam-Button~="link"]:focus,
a[pam-Button~="link"]:focus {
  background-color: initial;
  color: #00a9fe;
  text-decoration: underline;
}
[pam-Button~="link"]:visited,
a[pam-Button~="link"]:visited {
  color: #22b5ff;
}
[pam-Button~="info"],
a[pam-Button~="info"] {
  background-color: #50b2ce;
  border-color: #50b2ce;
  color: #fff;
}
[pam-Button~="info"]:hover,
a[pam-Button~="info"]:hover,
[pam-Button~="info"]:focus,
a[pam-Button~="info"]:focus {
  background-color: #6cbed6;
}
[pam-Button~="info"]:active,
a[pam-Button~="info"]:active {
  background-color: #37a4c4;
}
[pam-Button~="info"]:visited,
a[pam-Button~="info"]:visited {
  color: #fff;
}
[pam-Button~="info"][pam-Button~="outlined"],
a[pam-Button~="info"][pam-Button~="outlined"] {
  background: transparent;
  color: #50b2ce;
  transition-property: color, border-color, background-color;
}
[pam-Button~="info"][pam-Button~="outlined"]:hover,
a[pam-Button~="info"][pam-Button~="outlined"]:hover,
[pam-Button~="info"][pam-Button~="outlined"]:focus,
a[pam-Button~="info"][pam-Button~="outlined"]:focus {
  background-color: #50b2ce;
  border-color: #50b2ce;
  color: #fff;
}
[pam-Button~="info"][pam-Button~="outlined"]:active,
a[pam-Button~="info"][pam-Button~="outlined"]:active {
  background-color: #37a4c4;
  border-color: #37a4c4;
}
[pam-Button~="info"][pam-Button~="outlined"]:visited,
a[pam-Button~="info"][pam-Button~="outlined"]:visited {
  color: #50b2ce;
}
[pam-Button~="info"][pam-Button~="outlined"]:visited:hover,
a[pam-Button~="info"][pam-Button~="outlined"]:visited:hover {
  color: #fff;
}
[pam-Button~="success"],
a[pam-Button~="success"] {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
[pam-Button~="success"]:hover,
a[pam-Button~="success"]:hover,
[pam-Button~="success"]:focus,
a[pam-Button~="success"]:focus {
  background-color: #63bb67;
}
[pam-Button~="success"]:active,
a[pam-Button~="success"]:active {
  background-color: #419645;
}
[pam-Button~="success"]:visited,
a[pam-Button~="success"]:visited {
  color: #fff;
}
[pam-Button~="success"][pam-Button~="outlined"],
a[pam-Button~="success"][pam-Button~="outlined"] {
  background: transparent;
  color: #4caf50;
  transition-property: color, border-color, background-color;
}
[pam-Button~="success"][pam-Button~="outlined"]:hover,
a[pam-Button~="success"][pam-Button~="outlined"]:hover,
[pam-Button~="success"][pam-Button~="outlined"]:focus,
a[pam-Button~="success"][pam-Button~="outlined"]:focus {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
[pam-Button~="success"][pam-Button~="outlined"]:active,
a[pam-Button~="success"][pam-Button~="outlined"]:active {
  background-color: #419645;
  border-color: #419645;
}
[pam-Button~="success"][pam-Button~="outlined"]:visited,
a[pam-Button~="success"][pam-Button~="outlined"]:visited {
  color: #4caf50;
}
[pam-Button~="success"][pam-Button~="outlined"]:visited:hover,
a[pam-Button~="success"][pam-Button~="outlined"]:visited:hover {
  color: #fff;
}
[pam-Button~="warning"],
a[pam-Button~="warning"] {
  background-color: #e9ac5e;
  border-color: #e9ac5e;
  color: #fff;
}
[pam-Button~="warning"]:hover,
a[pam-Button~="warning"]:hover,
[pam-Button~="warning"]:focus,
a[pam-Button~="warning"]:focus {
  background-color: #edbc7d;
}
[pam-Button~="warning"]:active,
a[pam-Button~="warning"]:active {
  background-color: #e59c3f;
}
[pam-Button~="warning"]:visited,
a[pam-Button~="warning"]:visited {
  color: #fff;
}
[pam-Button~="warning"][pam-Button~="outlined"],
a[pam-Button~="warning"][pam-Button~="outlined"] {
  background: transparent;
  color: #e9ac5e;
  transition-property: color, border-color, background-color;
}
[pam-Button~="warning"][pam-Button~="outlined"]:hover,
a[pam-Button~="warning"][pam-Button~="outlined"]:hover,
[pam-Button~="warning"][pam-Button~="outlined"]:focus,
a[pam-Button~="warning"][pam-Button~="outlined"]:focus {
  background-color: #e9ac5e;
  border-color: #e9ac5e;
  color: #fff;
}
[pam-Button~="warning"][pam-Button~="outlined"]:active,
a[pam-Button~="warning"][pam-Button~="outlined"]:active {
  background-color: #e59c3f;
  border-color: #e59c3f;
}
[pam-Button~="warning"][pam-Button~="outlined"]:visited,
a[pam-Button~="warning"][pam-Button~="outlined"]:visited {
  color: #e9ac5e;
}
[pam-Button~="warning"][pam-Button~="outlined"]:visited:hover,
a[pam-Button~="warning"][pam-Button~="outlined"]:visited:hover {
  color: #fff;
}
[pam-Button~="danger"],
a[pam-Button~="danger"] {
  background-color: #f44336;
  border-color: #f44336;
  color: #fff;
}
[pam-Button~="danger"]:hover,
a[pam-Button~="danger"]:hover,
[pam-Button~="danger"]:focus,
a[pam-Button~="danger"]:focus {
  background-color: #f66358;
}
[pam-Button~="danger"]:active,
a[pam-Button~="danger"]:active {
  background-color: #f22314;
}
[pam-Button~="danger"]:visited,
a[pam-Button~="danger"]:visited {
  color: #fff;
}
[pam-Button~="danger"][pam-Button~="outlined"],
a[pam-Button~="danger"][pam-Button~="outlined"] {
  background: transparent;
  color: #f44336;
  transition-property: color, border-color, background-color;
}
[pam-Button~="danger"][pam-Button~="outlined"]:hover,
a[pam-Button~="danger"][pam-Button~="outlined"]:hover,
[pam-Button~="danger"][pam-Button~="outlined"]:focus,
a[pam-Button~="danger"][pam-Button~="outlined"]:focus {
  background-color: #f44336;
  border-color: #f44336;
  color: #fff;
}
[pam-Button~="danger"][pam-Button~="outlined"]:active,
a[pam-Button~="danger"][pam-Button~="outlined"]:active {
  background-color: #f22314;
  border-color: #f22314;
}
[pam-Button~="danger"][pam-Button~="outlined"]:visited,
a[pam-Button~="danger"][pam-Button~="outlined"]:visited {
  color: #f44336;
}
[pam-Button~="danger"][pam-Button~="outlined"]:visited:hover,
a[pam-Button~="danger"][pam-Button~="outlined"]:visited:hover {
  color: #fff;
}
[pam-Button-Group~="large"] > [pam-Button],
[pam-Button-Group~="large"] > a[pam-Button],
[pam-Button~="large"],
a[pam-Button~="large"] {
  font-size: 1rem;
  line-height: 2.4;
  min-height: 56px;
  min-width: 104px;
  padding: 8px 16px;
}
[pam-Button-Group~="small"] > [pam-Button],
[pam-Button-Group~="small"] > a[pam-Button],
[pam-Button~="small"],
a[pam-Button~="small"] {
  font-size: 0.75rem;
  line-height: 1.4;
  min-height: 32px;
  min-width: 80px;
  padding: 4px 16px;
}
[pam-Button~="raised"],
a[pam-Button~="raised"] {
  border-color: transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
[pam-Button~="raised"]:active,
a[pam-Button~="raised"]:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
[pam-Button~="flat"],
a[pam-Button~="flat"] {
  background-color: transparent;
  border-color: transparent;
  color: #444;
}
[pam-Button~="flat"]:hover,
a[pam-Button~="flat"]:hover,
[pam-Button~="flat"]:focus,
a[pam-Button~="flat"]:focus {
  background-color: #ededed;
}
[pam-Button~="flat"]:active,
a[pam-Button~="flat"]:active {
  background-color: #dbdbdb;
}
[pam-Button~="flat"][pam-Button~="primary"],
a[pam-Button~="flat"][pam-Button~="primary"] {
  color: #008ed5;
}
[pam-Button~="flat"][pam-Button~="secondary"],
a[pam-Button~="flat"][pam-Button~="secondary"] {
  color: #212121;
}
[pam-Button~="flat"][pam-Button~="info"],
a[pam-Button~="flat"][pam-Button~="info"] {
  color: #50b2ce;
}
[pam-Button~="flat"][pam-Button~="success"],
a[pam-Button~="flat"][pam-Button~="success"] {
  color: #4caf50;
}
[pam-Button~="flat"][pam-Button~="warning"],
a[pam-Button~="flat"][pam-Button~="warning"] {
  color: #e9ac5e;
}
[pam-Button~="flat"][pam-Button~="danger"],
a[pam-Button~="flat"][pam-Button~="danger"] {
  color: #f44336;
}
[pam-Button~="fluid"],
a[pam-Button~="fluid"] {
  display: block;
  margin-bottom: 4px;
  width: 100%;
}
[pam-Button~="fluid"]:last-child,
a[pam-Button~="fluid"]:last-child {
  margin: 0;
}
[pam-Button~="rounded"],
a[pam-Button~="rounded"] {
  border-radius: 500px;
}
[pam-Button~="circle"],
a[pam-Button~="circle"] {
  border-radius: 50%;
  height: 40px;
  line-height: normal;
  min-width: 40px;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 40px;
}
[pam-Button~="circle"][pam-Button~="large"],
a[pam-Button~="circle"][pam-Button~="large"] {
  height: 56px;
  min-width: 56px;
  padding: 0;
  width: 56px;
}
[pam-Button~="circle"][pam-Button~="small"],
a[pam-Button~="circle"][pam-Button~="small"] {
  height: 32px;
  min-width: 32px;
  padding: 0;
  width: 32px;
}
[pam-Button-Group~="borderless"] > [pam-Button] {
  border-color: transparent;
}
[pam-Button-Group] {
  display: inline-flex;
  margin: 4px;
}
[pam-Button-Group] > [pam-Button] {
  border-radius: 0;
  display: block;
  margin: 0;
  border-right-width: 0;
}
[pam-Button-Group] > [pam-Button]:first-child {
  border-radius: 4px 0 0 4px;
}
[pam-Button-Group] > [pam-Button]:last-child {
  border-right-width: 1px;
  border-radius: 0 4px 4px 0;
}
[pam-Button~="round"],
a[pam-Button~="round"] {
  border-radius: 50%;
  box-shadow: none;
  height: 56px;
  padding: 0;
  position: relative;
  width: 56px;
  z-index: 0;
}
[pam-Button~="text"],
a[pam-Button~="text"] {
  color: #fff;
}
[pam-Button~="text:primary"],
a[pam-Button~="text:primary"] {
  color: #444;
}
[pam-Button~="text:secondary"],
a[pam-Button~="text:secondary"] {
  color: #9f9f9f;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Form] input:not([type="checkbox"]),
[pam-Form] select,
[pam-Form] textarea {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  color: #444;
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  height: 41px;
  line-height: 1;
  margin: 0 0 8px;
  padding: 8px 8px;
  transition: border 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[pam-Form] input:not([type="checkbox"])::-webkit-input-placeholder,
[pam-Form] select::-webkit-input-placeholder,
[pam-Form] textarea::-webkit-input-placeholder {
  color: #9f9f9f;
}
[pam-Form] input:not([type="checkbox"]):-moz-placeholder,
[pam-Form] select:-moz-placeholder,
[pam-Form] textarea:-moz-placeholder {
  color: #9f9f9f;
}
[pam-Form] input:not([type="checkbox"])::-moz-placeholder,
[pam-Form] select::-moz-placeholder,
[pam-Form] textarea::-moz-placeholder {
  color: #9f9f9f;
}
[pam-Form] input:not([type="checkbox"]):-ms-input-placeholder,
[pam-Form] select:-ms-input-placeholder,
[pam-Form] textarea:-ms-input-placeholder {
  color: #9f9f9f;
}
[pam-Form] textarea {
  font-family: "Roboto", sans-serif;
  height: auto;
}
[pam-Form] input[type="checkbox"],
[pam-Form] input[type="radio"] {
  height: auto;
  margin: 0;
}
[pam-Form] input[type="color"] {
  height: 40px;
  padding: 4px;
}
[pam-Form] input:focus,
[pam-Form] select:focus,
[pam-Form] textarea:focus {
  outline: 0;
  border: 1px solid #939393;
}
[pam-Form] input[type="color"]:focus {
  border-color: #ddd;
}
/* stylelint-disable no-descending-specificity */
[pam-Form] input[disabled],
[pam-Form] select[disabled],
[pam-Form] textarea[disabled] {
  cursor: not-allowed;
  color: #9f9f9f;
}
[pam-Form] input[readonly],
[pam-Form] select[readonly],
[pam-Form] textarea[readonly] {
  color: #444;
  border-color: #e0e0e0;
}
[pam-Form] input[readonly]:focus,
[pam-Form] select[readonly]:focus,
[pam-Form] textarea[readonly]:focus {
  color: #9f9f9f;
  border-color: #e0e0e0;
}
[pam-Form] input:focus:invalid,
[pam-Form] textarea:focus:invalid,
[pam-Form] select:focus:invalid {
  border-color: #f44336;
}
[pam-Form] input:focus:invalid:focus,
[pam-Form] textarea:focus:invalid:focus,
[pam-Form] select:focus:invalid:focus {
  border-color: #f44336;
}
[pam-Form] input[type="file"]:focus:invalid:focus,
[pam-Form] input[type="radio"]:focus:invalid:focus,
[pam-Form] input[type="checkbox"]:focus:invalid:focus {
  outline-color: #f44336;
}
[pam-Form] select[multiple] {
  height: auto;
  overflow: auto;
}
[pam-Form] legend {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 8px;
  padding: 8px 0;
  width: 100%;
}
[pam-Form] fieldset {
  border: 0;
  margin: 0;
  padding: 8px 0 16px;
}
[pam-Form] fieldset:last-of-type {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  [pam-Form] [pam-Fieldset~="column"] {
    padding: 16px;
  }
}
[pam-Form] label {
  margin: 8px 0;
}
[pam-Form] input[pam-Form-State~="success"],
[pam-Form] input[pam-Form-State~="success"]:focus,
[pam-Form] select[pam-Form-State~="success"],
[pam-Form] select[pam-Form-State~="success"]:focus,
[pam-Form] textarea[pam-Form-State~="success"],
[pam-Form] textarea[pam-Form-State~="success"]:focus {
  background-color: #eaf6eb;
  border: 1px solid #4caf50;
  color: #4caf50;
}
[pam-Form] input[pam-Form-State~="danger"],
[pam-Form] input[pam-Form-State~="danger"]:focus,
[pam-Form] select[pam-Form-State~="danger"],
[pam-Form] select[pam-Form-State~="danger"]:focus,
[pam-Form] textarea[pam-Form-State~="danger"],
[pam-Form] textarea[pam-Form-State~="danger"]:focus {
  background-color: #fff8f7;
  border: 1px solid #f44336;
  color: #f44336;
}
[pam-Form] input[pam-Form-Size~="large"],
[pam-Form] select[pam-Form-Size~="large"],
[pam-Form] textarea[pam-Form-Size~="large"] {
  font-size: 1.25rem;
  line-height: 1;
  height: 56px;
  padding: 15px 16px;
}
[pam-Form] input[pam-Form-Size~="small"],
[pam-Form] select[pam-Form-Size~="small"],
[pam-Form] textarea[pam-Form-Size~="small"] {
  font-size: 0.875rem;
  line-height: 1;
  height: 32px;
  padding: 4px;
}
[pam-Form] [pam-Form-Width~="1-1"] {
  width: 100%;
}
[pam-Form] [pam-Form-Width~="2-3"] {
  width: 66%;
}
[pam-Form] [pam-Form-Width~="1-2"] {
  width: 50%;
}
[pam-Form] [pam-Form-Width~="1-3"] {
  width: 33%;
}
[pam-Form] [pam-Form-Width~="1-4"] {
  width: 25%;
}
[pam-Form~="stacked"] input:not([type="checkbox"]):not([type="radio"]),
[pam-Form~="stacked"] select,
[pam-Form~="stacked"] label,
[pam-Form~="stacked"] textarea {
  display: block;
  margin: 8px 0;
}
[pam-Form~="stacked"] input:not([type="checkbox"]):not([type="radio"])[pam-button]:last-of-type,
[pam-Form~="stacked"] select[pam-button]:last-of-type,
[pam-Form~="stacked"] label[pam-button]:last-of-type,
[pam-Form~="stacked"] textarea[pam-button]:last-of-type {
  margin-top: 16px;
}
[pam-Form] [pam-Fieldset~="grouped"] {
  padding-bottom: 16px;
}
[pam-Form] fieldset[pam-Fieldset~="grouped"]:last-of-type {
  padding-bottom: 24px;
}
[pam-Form] [pam-Fieldset~="grouped"] input {
  display: block;
  position: relative;
}
[pam-Form] [pam-Fieldset~="grouped"] input:last-child {
  margin-bottom: 0;
}
[pam-Form-Message] {
  color: #444;
  display: block;
  font-size: 0.75rem;
}
[pam-Form-Message~="inline"] {
  display: inline-block;
  padding-left: 0 0 0 8px;
  vertical-align: middle;
}
[pam-Form] [pam-Form-Inline] {
  margin: 0 0 8px;
  position: relative;
}
[pam-Form] [pam-Form-Inline] [pam-Form-Control] {
  display: block;
  padding-left: 48px;
  width: 100%;
}
[pam-Form] [pam-Form-Inline] [pam-Form-Icon] {
  align-items: center;
  background: transparent;
  bottom: 0;
  display: inline-flex;
  justify-content: center;
  left: 0;
  margin: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 48px;
}
[pam-Form] [pam-Form-Inline~="reverse"] [pam-Form-Icon] {
  left: auto;
  right: 0;
}
[pam-Form] [pam-Form-Inline~="reverse"] [pam-Form-Control] {
  padding-left: 8px;
  padding-right: 48px;
  width: 100%;
}
[pam-Form] [pam-Form-Group~="lego"] {
  display: inline-flex;
  margin-bottom: 16px;
  vertical-align: top;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon],
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control] {
  display: flex;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon] > *,
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control] > * {
  margin-bottom: 0;
  min-width: 60px;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:not(:first-child):not(:last-child),
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control]:not(:first-child):not(:last-child) {
  border-radius: 0;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:first-child,
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control]:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:first-child *,
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control]:first-child * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:last-child,
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control]:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:last-child *,
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control]:last-child * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon] {
  border-radius: 4px;
  color: #444;
  font-size: 16px;
  margin: 0;
  min-width: 60px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:first-child > * {
  border-right-color: transparent;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:first-child > *:focus {
  border-right-color: #939393;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:last-child > * {
  border-left-color: transparent;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Group-Addon]:last-child > *:focus {
  border-left-color: #939393;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control] {
  margin-bottom: 0;
  position: 0;
  z-index: 2;
}
[pam-Form] [pam-Form-Group~="lego"] [pam-Form-Control]:focus {
  z-index: 3;
}
[pam-Form] [pam-Form-Group~="block"] {
  display: flex;
}
[pam-Form] select[pam-Select]:not([multiple]) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M10%201L5%208h10l-5-7zm0%2018l5-7H5l5%207z%27%2F%3E%3C%2Fsvg%3E") right 8px center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #444;
  display: inline-block;
  max-width: 100%;
  padding-right: 28px;
  vertical-align: middle;
}
[pam-Form] select[pam-Select]:not([multiple])::-ms-expand {
  display: none;
}
[pam-Form] [pam-Form-Control~="borderless"] {
  border-color: transparent;
  transition: box-shadow 0.3s ease;
}
[pam-Form] [pam-Form-Control~="borderless"]:focus {
  border-color: transparent;
  box-shadow: 0 1px 3px #757575;
}
[pam-Form] [pam-Form-Control~="fluid"] {
  width: 100%;
}
[pam-Form~="fluid"] input:not([type="radio"]):not([type="checkbox"]),
[pam-Form~="fluid"] select,
[pam-Form~="fluid"] textarea {
  width: 100%;
}
[pam-Form~="padded"] fieldset {
  padding: 8px 0 16px;
}
@media screen and (min-width: 768px) {
  [pam-Form~="padded"] fieldset {
    padding: 16px;
  }
}
[pam-Form] [pam-Input-Icon],
[pam-Form] [pam-Select-Icon] {
  position: relative;
}
[pam-Form] [pam-Input-Icon] label,
[pam-Form] [pam-Select-Icon] label {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 72px;
}
[pam-Form] [pam-Input-Icon] input,
[pam-Form] [pam-Select-Icon] input,
[pam-Form] [pam-Input-Icon] > select,
[pam-Form] [pam-Select-Icon] > select {
  display: block;
  padding-left: 72px;
  width: 100%;
}
[pam-Form] input[pam-Input~="borderless"],
[pam-Form] select[pam-Input~="borderless"],
[pam-Form] textarea[pam-Input~="borderless"] {
  border: none;
}
[pam-Form] input[pam-Input~="borderless"]:focus {
  outline: 0;
  border: transparent;
}
[pam-Form] [pam-Select-Box] {
  background: #fff;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  margin: 0 0 8px 0;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[pam-Form] [pam-Select-Box] select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  margin: 0;
  padding: 8px 8px;
  padding-right: 24px;
}
[pam-Form] [pam-Select-Box] select::-ms-expand {
  display: none;
}
[pam-Form] [pam-Select-Box] select:focus {
  outline: none;
}
[pam-Form] [pam-Select-Box]::after {
  content: " ▾";
  position: absolute;
  right: 4px;
  top: 8px;
}
[pam-Form] [pam-Select-Box~="multiple"]::after {
  content: " ";
}
[pam-Form] [pam-Select-Box~="fluid"] {
  width: 100%;
}
[pam-Form] [pam-Select-Box~="fluid"] select {
  width: 100%;
}
[pam-Form] [pam-Select-Box~="borderless"] select {
  border: 0;
}
@media only screen and (max-width: 480px) {
  [pam-Form] button[type="submit"] {
    margin: 8px 0 0;
  }
  [pam-Form] input:not([type="checkbox"]):not([type="radio"]),
  [pam-Form] label {
    margin-bottom: 8px;
    display: block;
  }
  [pam-Form-Message~="inline"],
  [pam-Form-Message] {
    display: block;
    font-size: 0.75rem;
    padding: 8px 0;
  }
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Grid] {
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  font-family: Arial, sans-serif;
  display: flex;
  flex-flow: row wrap;
}
[pam-Grid] [pam-Unit] {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  position: relative;
  text-rendering: auto;
  vertical-align: top;
  word-spacing: normal;
}
[pam-Unit~="1-1"] {
  max-width: 100%;
  flex: 0 0 100%;
}
[pam-Unit~="1-2"] {
  max-width: 50%;
  flex: 0 0 50%;
}
[pam-Unit~="2-2"] {
  max-width: 100%;
  flex: 0 0 100%;
}
[pam-Unit~="1-3"] {
  max-width: 33.33333333%;
  flex: 0 0 33.33333333%;
}
[pam-Unit~="2-3"] {
  max-width: 66.66666667%;
  flex: 0 0 66.66666667%;
}
[pam-Unit~="3-3"] {
  max-width: 100%;
  flex: 0 0 100%;
}
[pam-Unit~="1-4"] {
  max-width: 25%;
  flex: 0 0 25%;
}
[pam-Unit~="2-4"] {
  max-width: 50%;
  flex: 0 0 50%;
}
[pam-Unit~="3-4"] {
  max-width: 75%;
  flex: 0 0 75%;
}
[pam-Unit~="4-4"] {
  max-width: 100%;
  flex: 0 0 100%;
}
[pam-Unit~="1-5"] {
  max-width: 20%;
  flex: 0 0 20%;
}
[pam-Unit~="2-5"] {
  max-width: 40%;
  flex: 0 0 40%;
}
[pam-Unit~="3-5"] {
  max-width: 60%;
  flex: 0 0 60%;
}
[pam-Unit~="4-5"] {
  max-width: 80%;
  flex: 0 0 80%;
}
[pam-Unit~="5-5"] {
  max-width: 100%;
  flex: 0 0 100%;
}
[pam-Unit~="1-24"] {
  max-width: 4.16666667%;
  flex: 0 0 4.16666667%;
}
[pam-Unit~="2-24"] {
  max-width: 8.33333333%;
  flex: 0 0 8.33333333%;
}
[pam-Unit~="3-24"] {
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
[pam-Unit~="4-24"] {
  max-width: 16.66666667%;
  flex: 0 0 16.66666667%;
}
[pam-Unit~="5-24"] {
  max-width: 20.83333333%;
  flex: 0 0 20.83333333%;
}
[pam-Unit~="6-24"] {
  max-width: 25%;
  flex: 0 0 25%;
}
[pam-Unit~="7-24"] {
  max-width: 29.16666667%;
  flex: 0 0 29.16666667%;
}
[pam-Unit~="8-24"] {
  max-width: 33.33333333%;
  flex: 0 0 33.33333333%;
}
[pam-Unit~="9-24"] {
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
[pam-Unit~="10-24"] {
  max-width: 41.66666667%;
  flex: 0 0 41.66666667%;
}
[pam-Unit~="11-24"] {
  max-width: 45.83333333%;
  flex: 0 0 45.83333333%;
}
[pam-Unit~="12-24"] {
  max-width: 50%;
  flex: 0 0 50%;
}
[pam-Unit~="13-24"] {
  max-width: 54.16666667%;
  flex: 0 0 54.16666667%;
}
[pam-Unit~="14-24"] {
  max-width: 58.33333333%;
  flex: 0 0 58.33333333%;
}
[pam-Unit~="15-24"] {
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
[pam-Unit~="16-24"] {
  max-width: 66.66666667%;
  flex: 0 0 66.66666667%;
}
[pam-Unit~="17-24"] {
  max-width: 70.83333333%;
  flex: 0 0 70.83333333%;
}
[pam-Unit~="18-24"] {
  max-width: 75%;
  flex: 0 0 75%;
}
[pam-Unit~="19-24"] {
  max-width: 79.16666667%;
  flex: 0 0 79.16666667%;
}
[pam-Unit~="20-24"] {
  max-width: 83.33333333%;
  flex: 0 0 83.33333333%;
}
[pam-Unit~="21-24"] {
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
[pam-Unit~="22-24"] {
  max-width: 91.66666667%;
  flex: 0 0 91.66666667%;
}
[pam-Unit~="23-24"] {
  max-width: 95.83333333%;
  flex: 0 0 95.83333333%;
}
[pam-Unit~="24-24"] {
  max-width: 100%;
  flex: 0 0 100%;
}
@media screen and (min-width: 480px) {
  [pam-Unit~="small:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="small:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="small:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="small:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="small:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="small:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="small:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="small:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="small:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="small:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="small:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="small:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="small:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="small:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="small:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="small:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="small:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="small:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="small:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="small:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="small:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="small:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="small:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="small:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="small:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="small:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="small:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="small:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="small:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="small:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="small:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="small:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="small:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="small:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (orientation: landscape) {
  [pam-Unit~="small:landscape:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:landscape:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="small:landscape:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:landscape:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="small:landscape:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="small:landscape:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:landscape:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="small:landscape:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="small:landscape:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="small:landscape:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:landscape:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="small:landscape:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="small:landscape:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="small:landscape:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="small:landscape:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="small:landscape:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="small:landscape:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="small:landscape:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="small:landscape:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="small:landscape:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="small:landscape:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="small:landscape:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="small:landscape:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="small:landscape:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="small:landscape:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="small:landscape:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="small:landscape:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="small:landscape:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="small:landscape:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="small:landscape:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="small:landscape:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="small:landscape:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="small:landscape:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="small:landscape:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="small:landscape:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="small:landscape:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="small:landscape:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="small:landscape:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="small:landscape:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 768px) {
  [pam-Unit~="medium:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="medium:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="medium:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="medium:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="medium:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="medium:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="medium:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="medium:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="medium:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="medium:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="medium:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="medium:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="medium:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="medium:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="medium:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="medium:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="medium:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="medium:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="medium:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="medium:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="medium:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="medium:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="medium:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="medium:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="medium:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="medium:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="medium:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="medium:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="medium:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="medium:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="medium:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="medium:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="medium:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="medium:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  [pam-Unit~="medium:landscape:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:landscape:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="medium:landscape:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:landscape:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="medium:landscape:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="medium:landscape:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:landscape:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="medium:landscape:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="medium:landscape:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="medium:landscape:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:landscape:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="medium:landscape:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="medium:landscape:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="medium:landscape:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="medium:landscape:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="medium:landscape:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="medium:landscape:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="medium:landscape:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="medium:landscape:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="medium:landscape:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="medium:landscape:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="medium:landscape:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="medium:landscape:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="medium:landscape:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="medium:landscape:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="medium:landscape:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="medium:landscape:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="medium:landscape:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="medium:landscape:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="medium:landscape:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="medium:landscape:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="medium:landscape:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="medium:landscape:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="medium:landscape:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="medium:landscape:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="medium:landscape:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="medium:landscape:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="medium:landscape:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="medium:landscape:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 960px) {
  [pam-Unit~="large:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="large:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="large:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="large:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="large:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="large:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="large:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="large:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="large:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="large:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="large:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="large:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="large:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="large:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="large:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="large:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="large:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="large:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="large:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="large:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="large:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="large:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="large:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="large:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="large:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="large:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="large:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="large:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="large:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="large:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="large:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="large:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="large:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="large:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 960px) and (orientation: landscape) {
  [pam-Unit~="large:landscape:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:landscape:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="large:landscape:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:landscape:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="large:landscape:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="large:landscape:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:landscape:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="large:landscape:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="large:landscape:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="large:landscape:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:landscape:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="large:landscape:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="large:landscape:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="large:landscape:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="large:landscape:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="large:landscape:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="large:landscape:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="large:landscape:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="large:landscape:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="large:landscape:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="large:landscape:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="large:landscape:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="large:landscape:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="large:landscape:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="large:landscape:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="large:landscape:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="large:landscape:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="large:landscape:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="large:landscape:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="large:landscape:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="large:landscape:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="large:landscape:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="large:landscape:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="large:landscape:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="large:landscape:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="large:landscape:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="large:landscape:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="large:landscape:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="large:landscape:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1200px) {
  [pam-Unit~="xlarge:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="xlarge:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="xlarge:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="xlarge:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="xlarge:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="xlarge:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="xlarge:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="xlarge:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="xlarge:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="xlarge:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="xlarge:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="xlarge:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="xlarge:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="xlarge:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="xlarge:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="xlarge:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="xlarge:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="xlarge:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="xlarge:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="xlarge:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="xlarge:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="xlarge:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="xlarge:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="xlarge:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="xlarge:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="xlarge:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="xlarge:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="xlarge:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="xlarge:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="xlarge:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="xlarge:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="xlarge:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="xlarge:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="xlarge:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  [pam-Unit~="xlarge:landscape:1-1"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:landscape:1-2"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="xlarge:landscape:2-2"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:landscape:1-3"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="xlarge:landscape:2-3"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="xlarge:landscape:3-3"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:landscape:1-4"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="xlarge:landscape:2-4"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="xlarge:landscape:3-4"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="xlarge:landscape:4-4"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:landscape:1-5"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
  [pam-Unit~="xlarge:landscape:2-5"] {
    max-width: 40%;
    flex: 0 0 40%;
  }
  [pam-Unit~="xlarge:landscape:3-5"] {
    max-width: 60%;
    flex: 0 0 60%;
  }
  [pam-Unit~="xlarge:landscape:4-5"] {
    max-width: 80%;
    flex: 0 0 80%;
  }
  [pam-Unit~="xlarge:landscape:5-5"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
  [pam-Unit~="xlarge:landscape:1-24"] {
    max-width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  [pam-Unit~="xlarge:landscape:2-24"] {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  [pam-Unit~="xlarge:landscape:3-24"] {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  [pam-Unit~="xlarge:landscape:4-24"] {
    max-width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  [pam-Unit~="xlarge:landscape:5-24"] {
    max-width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  [pam-Unit~="xlarge:landscape:6-24"] {
    max-width: 25%;
    flex: 0 0 25%;
  }
  [pam-Unit~="xlarge:landscape:7-24"] {
    max-width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  [pam-Unit~="xlarge:landscape:8-24"] {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  [pam-Unit~="xlarge:landscape:9-24"] {
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  [pam-Unit~="xlarge:landscape:10-24"] {
    max-width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  [pam-Unit~="xlarge:landscape:11-24"] {
    max-width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  [pam-Unit~="xlarge:landscape:12-24"] {
    max-width: 50%;
    flex: 0 0 50%;
  }
  [pam-Unit~="xlarge:landscape:13-24"] {
    max-width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  [pam-Unit~="xlarge:landscape:14-24"] {
    max-width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  [pam-Unit~="xlarge:landscape:15-24"] {
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  [pam-Unit~="xlarge:landscape:16-24"] {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  [pam-Unit~="xlarge:landscape:17-24"] {
    max-width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  [pam-Unit~="xlarge:landscape:18-24"] {
    max-width: 75%;
    flex: 0 0 75%;
  }
  [pam-Unit~="xlarge:landscape:19-24"] {
    max-width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  [pam-Unit~="xlarge:landscape:20-24"] {
    max-width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  [pam-Unit~="xlarge:landscape:21-24"] {
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  [pam-Unit~="xlarge:landscape:22-24"] {
    max-width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  [pam-Unit~="xlarge:landscape:23-24"] {
    max-width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  [pam-Unit~="xlarge:landscape:24-24"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
[pam-Grid][pam-Grid-Control~="direction:row"] {
  flex-direction: row;
}
[pam-Grid][pam-Grid-Control~="direction:row-reverse"] {
  flex-direction: row-reverse;
}
[pam-Grid][pam-Grid-Control~="direction:column"] {
  flex-direction: column;
}
[pam-Grid][pam-Grid-Control~="direction:column-reverse"] {
  flex-direction: column-reverse;
}
[pam-Grid][pam-Grid-Control~="wrap:wrap"] {
  flex-wrap: wrap;
}
[pam-Grid][pam-Grid-Control~="wrap:wrap-reverse"] {
  flex-wrap: wrap-reverse;
}
[pam-Grid][pam-Grid-Control~="wrap:nowrap"] {
  flex-wrap: nowrap;
}
[pam-Grid][pam-Grid-Control~="justify:start"] {
  justify-content: flex-start;
}
[pam-Grid][pam-Grid-Control~="justify:center"] {
  justify-content: center;
}
[pam-Grid][pam-Grid-Control~="justify:end"] {
  justify-content: flex-end;
}
[pam-Grid][pam-Grid-Control~="justify:between"] {
  justify-content: space-between;
}
[pam-Grid][pam-Grid-Control~="justify:around"] {
  justify-content: space-around;
}
[pam-Grid][pam-Grid-Control~="justify:evenly"] {
  justify-content: space-evenly;
}
[pam-Grid][pam-Grid-Control~="align:start"] {
  align-items: flex-start;
}
[pam-Grid][pam-Grid-Control~="align:center"] {
  align-items: center;
}
[pam-Grid][pam-Grid-Control~="align:end"] {
  align-items: flex-end;
}
[pam-Grid][pam-Grid-Control~="align:baseline"] {
  align-items: baseline;
}
[pam-Grid][pam-Grid-Control~="align:stretch"] {
  align-items: stretch;
}
[pam-Grid][pam-Grid-Control~="align-content:start"] {
  align-content: flex-start;
}
[pam-Grid][pam-Grid-Control~="align-content:center"] {
  align-content: center;
}
[pam-Grid][pam-Grid-Control~="align-content:end"] {
  align-content: flex-end;
}
[pam-Grid][pam-Grid-Control~="align-content:space-between"] {
  align-content: space-between;
}
[pam-Grid][pam-Grid-Control~="align-content:space-around"] {
  align-content: space-around;
}
[pam-Grid][pam-Grid-Control~="align-content:stretch"] {
  align-content: stretch;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-List] {
  padding: 8px 0;
}
[pam-Item] {
  align-items: center;
  display: flex;
  line-height: 16px;
  padding: 0;
  position: relative;
}
* + [pam-Item] {
  padding-top: 8px;
}
[pam-Tile~="left"] {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  width: 72px;
}
[pam-Tile~="content"] {
  flex: 1;
  padding: 16px 16px 16px 0;
  text-overflow: ellipsis;
  width: 100%;
}
[pam-Tile~="content"] [pam-typography="body-1"],
[pam-Tile~="content"] [pam-typography="body-2"],
[pam-Tile~="content"] p {
  margin: 0;
}
[pam-Tile~="content"] p {
  font-size: 0.875rem;
  color: #444;
}
[pam-Tile~="right"] {
  align-items: center;
  align-self: stretch;
  display: flex;
  padding-right: 16px;
}
[pam-Tile~="top"] {
  align-self: flex-start;
  padding-top: 20px;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Menu] [pam-Menu-List] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
[pam-Menu] [pam-Menu-Item] {
  margin: 0;
  padding: 0;
  position: relative;
}
[pam-Menu] [pam-Menu-Link] {
  color: #757575;
  padding: 8px 16px;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
[pam-Menu] [pam-Menu-Link]:hover,
[pam-Menu] [pam-Menu-Link]:focus {
  background-color: #ededed;
}
[pam-Menu] [pam-Menu-Item~="active"] > [pam-Menu-Link] {
  background-color: #ededed;
}
[pam-Menu] [pam-Menu-Item~="disabled"] {
  opacity: 0.6;
}
[pam-Menu] [pam-Menu-Item~="disabled"] [pam-Menu-Link] {
  cursor: not-allowed;
}
[pam-Menu] [pam-Menu-Item~="selected"] [pam-Menu-Link],
[pam-Menu] [pam-Menu-Item~="selected"] [pam-Menu-Link]:visited {
  color: #000;
}
[pam-Menu] [pam-Menu-Item~="disabled"] [pam-Menu-Link]:hover {
  background-color: transparent;
}
[pam-Menu] [pam-Menu-Heading] {
  color: #212121;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  white-space: nowrap;
}
[pam-Menu~="fixed"] {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 3;
}
[pam-Menu~="vertical"] [pam-Menu-List] {
  display: flex;
  flex-direction: column;
}
[pam-Menu~="vertical"] [pam-Menu-Item],
[pam-Menu~="vertical"] [pam-Menu-Heading],
[pam-Menu~="vertical"] [pam-Menu-Separator] {
  display: inline-block;
  vertical-align: middle;
}
[pam-Menu~="truncated"] {
  display: inline-flex;
}
[pam-Menu~="fill"] [pam-Menu-Item],
[pam-Menu~="fill"] [pam-Menu-Heading],
[pam-Menu~="fill"] [pam-Menu-Separator] {
  flex: 1 1 auto;
  text-align: center;
}
[pam-Menu~="justified"] [pam-Menu-Item],
[pam-Menu~="justified"] [pam-Menu-Heading],
[pam-Menu~="justified"] [pam-Menu-Separator] {
  flex: 1 1 100%;
  text-align: center;
}
[pam-Menu] [pam-Menu-Item] [pam-Menu-Item] {
  display: block;
}
[pam-Menu] [pam-Menu-Children] {
  background-color: #fff;
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  z-index: 3;
}
[pam-Menu~="vertical"] [pam-Menu-Children] {
  left: 100%;
  top: 0;
}
[pam-Menu] [pam-Menu-Active] > [pam-Menu-Children],
[pam-Menu] [pam-Menu-Allow-Hover]:hover > [pam-Menu-Children] {
  display: block;
  position: absolute;
}
[pam-Menu] [pam-Menu-Has-Children] > [pam-Menu-Link]::after {
  content: "\25BE";
  font-size: small;
  padding-left: 8px;
}
[pam-Menu~="vertical"] [pam-Menu-Has-Children] > [pam-Menu-Link]::after {
  content: "\25B8";
}
[pam-Menu~="scrollable"] {
  overflow-x: hidden;
  overflow-y: scroll;
}
[pam-Menu~="scrollable"] [pam-Menu-List] {
  display: block;
}
[pam-Menu~="horizontal"][pam-Menu~="scrollable"] {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 0;
  white-space: nowrap;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[pam-Menu~="horizontal"][pam-Menu~="scrollable"] [pam-Menu-List] [pam-Menu-Item] {
  display: inline-block;
}
[pam-Menu] [pam-Menu-Separator] {
  background-color: #bdbdbd;
  height: auto;
  margin: 0 4px;
  width: 1px;
}
[pam-Menu~="vertical"] [pam-Menu-Separator] {
  height: 1px;
  margin: 4px 0;
  width: auto;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Table] {
  border-collapse: collapse;
  border-spacing: 0;
  color: #757575;
  empty-cells: show;
}
[pam-Table] caption {
  font-style: italic;
  padding: 8px 0;
  text-align: center;
}
[pam-Table] thead {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  text-transform: uppercase;
  text-align: left;
  vertical-align: bottom;
}
[pam-Table] td,
[pam-Table] th {
  border-left: 1px solid #e0e0e0;
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: 8px;
}
[pam-Table] td {
  background-color: transparent;
}
[pam-Table] td:first-child,
[pam-Table] th:first-child {
  border-left-width: 0;
}
[pam-Table] tbody > tr:last-child > td {
  border-bottom-width: 0;
}
/* stylelint-disable no-descending-specificity */
[pam-Table~="center"] td,
[pam-Table~="center"] th {
  text-align: center;
}
[pam-Table~="horizontal"] td,
[pam-Table~="horizontal"] th {
  border-bottom: 1px solid #e0e0e0;
  border-width: 0 0 1px;
}
[pam-Table~="borderless"] {
  border: none;
}
[pam-Table~="borderless"] td,
[pam-Table~="borderless"] th {
  border-left: none;
}
[pam-Table~="bordered"] td {
  border-bottom: 1px solid #e0e0e0;
}
[pam-Table~="striped"] tr:nth-child(2n) td {
  background-color: #f5f5f5;
}
[pam-Table~="fluid"] {
  width: 100%;
}
@media screen and (min-width: 768px) {
  [pam-Table] caption {
    padding: 16px 0;
  }
  [pam-Table] td,
  [pam-Table] th {
    padding: 16px;
  }
}
/* stylelint-enable no-descending-specificity */
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-typography] {
  font-family: "Roboto", sans-serif;
}
[pam-typography~="display-1"] {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 1;
}
[pam-typography~="display-2"] {
  font-size: 2.8125rem;
  font-weight: 400;
  line-height: 1;
}
[pam-typography~="display-3"] {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}
[pam-typography~="display-4"] {
  font-size: 7rem;
  font-weight: 300;
  line-height: 1;
}
[pam-typography~="headline"] {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}
[pam-typography~="title"] {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}
[pam-typography~="subheading"] {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
[pam-typography~="body-1"] {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
[pam-typography~="body-2"] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
[pam-typography~="caption"] {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
[pam-typography~="button"] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
[pam-typography~="subheader"] {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}
[pam-typography~="form"] {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1;
}
[pam-typography~="body:strong"] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
[pam-typography~="small"] {
  font-size: 0.6875rem;
  font-weight: 300;
  line-height: 1;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Alert] {
  background: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  color: #444;
  display: block;
  line-height: 1;
  padding: 16px;
}
[pam-Alert] > :last-child {
  margin-bottom: 0;
}
[pam-Alert] > :first-child:not(p) {
  color: inherit;
  font-size: 1.5rem;
  margin: 0;
}
[pam-Alert] > p:first-child {
  margin: 0;
}
* + [pam-Alert] {
  margin-top: 16px;
}
[pam-Alert~="primary"] {
  background-color: #6fcfff;
  border-color: #56c6ff;
  color: #006ca2;
}
[pam-Alert~="secondary"] {
  background-color: #6e6e6e;
  border-color: #616161;
  color: #080808;
}
[pam-Alert~="info"] {
  background-color: #c8e7ef;
  border-color: #b4deea;
  color: #339ab8;
}
[pam-Alert~="success"] {
  background-color: #b5dfb7;
  border-color: #a3d7a5;
  color: #3d8b40;
}
[pam-Alert~="warning"] {
  background-color: #fbf1e5;
  border-color: #f8e6ce;
  color: #e39531;
}
[pam-Alert~="danger"] {
  background-color: #fccbc7;
  border-color: #fbb4af;
  color: #ea1c0d;
}
[pam-Alert~="callout"] {
  background-color: #fff;
  border-color: #e8e8e8;
  border-left-width: 4px;
  color: #444;
}
[pam-Alert~="callout"][pam-Alert~="primary"] {
  border-left-color: #006ca2;
}
[pam-Alert~="callout"][pam-Alert~="primary"] > :first-child:not(p) {
  color: #006ca2;
}
[pam-Alert~="callout"][pam-Alert~="secondary"] {
  border-left-color: #080808;
}
[pam-Alert~="callout"][pam-Alert~="secondary"] > :first-child:not(p) {
  color: #080808;
}
[pam-Alert~="callout"][pam-Alert~="info"] {
  border-left-color: #339ab8;
}
[pam-Alert~="callout"][pam-Alert~="info"] > :first-child:not(p) {
  color: #339ab8;
}
[pam-Alert~="callout"][pam-Alert~="success"] {
  border-left-color: #3d8b40;
}
[pam-Alert~="callout"][pam-Alert~="success"] > :first-child:not(p) {
  color: #3d8b40;
}
[pam-Alert~="callout"][pam-Alert~="warning"] {
  border-left-color: #e39531;
}
[pam-Alert~="callout"][pam-Alert~="warning"] > :first-child:not(p) {
  color: #e39531;
}
[pam-Alert~="callout"][pam-Alert~="danger"] {
  border-left-color: #ea1c0d;
}
[pam-Alert~="callout"][pam-Alert~="danger"] > :first-child:not(p) {
  color: #ea1c0d;
}
[pam-Alert-Link] {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
[pam-Alert-Link]:hover {
  text-decoration: underline;
  cursor: pointer;
}
[pam-Alert~="closeable"] {
  padding-right: 40px;
  position: relative;
}
[pam-Close] {
  color: inherit;
  font-size: 1.5rem;
  opacity: 0.5;
  padding: 12px 16px;
  position: absolute;
  right: 0;
  top: 0;
  transition: color 0.3s ease;
}
[pam-Close]:hover {
  opacity: 1;
  cursor: pointer;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Column] {
  columns: 1 auto;
  column-gap: 16px;
}
[pam-Column~="2"] {
  column-count: 2;
}
[pam-Column~="3"] {
  column-count: 3;
}
[pam-Column~="4"] {
  column-count: 4;
}
[pam-Column~="5"] {
  column-count: 5;
}
[pam-Column~="width:small"] {
  column-width: 100px;
}
[pam-Column~="width:medium"] {
  column-width: 200px;
}
[pam-Column~="width:large"] {
  column-width: 400px;
}
[pam-Column~="gap:small"] {
  column-gap: 8px;
}
[pam-Column~="gap:medium"] {
  column-gap: 16px;
}
[pam-Column~="gap:large"] {
  column-gap: 24px;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Divider],
hr[pam-Divider] {
  border: 0;
  border-top: 1px solid #ddd;
  box-sizing: content-box;
  display: block;
  height: 0;
  margin: 0;
}
[pam-Divider~="inset"],
hr[pam-Divider~="inset"] {
  margin-left: 72px;
}
[pam-Divider~="transparent"],
hr[pam-Divider~="transparent"] {
  border-top-color: rgba(0, 0, 0, 0.1);
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Link],
a[pam-Link] {
  color: #008ed5;
  text-decoration: none;
  cursor: pointer;
}
[pam-Link]:focus,
a[pam-Link]:focus,
[pam-Link]:hover,
a[pam-Link]:hover {
  color: #006ca2;
  text-decoration: underline;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-Loader] {
  display: inline-block;
  line-height: 0;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-transform: none;
  vertical-align: middle;
}
[pam-Loader~="circle"] {
  animation: spin 750ms infinite linear;
  border-radius: 50%;
  border: 0.2rem solid rgba(0, 0, 0, 0.2);
  border-top-color: #212121;
  height: 24px;
  width: 24px;
}
[pam-Loader~="circle"][pam-Loader~="small"] {
  border-width: 0.1rem;
  height: 12px;
  width: 12px;
}
[pam-Loader~="circle"][pam-Loader~="large"] {
  border-width: 0.25rem;
  height: 48px;
  width: 48px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[pam-Loader~="pulse"] {
  animation: pulse 750ms infinite;
  animation-delay: 250ms;
  background: #3a3a3a;
  height: 24px;
  margin: 0 16px;
  position: relative;
  width: 6px;
}
[pam-Loader~="pulse"]::before {
  animation: pulse 750ms infinite;
  background: #3a3a3a;
  content: "";
  display: block;
  height: 16px;
  left: -12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
[pam-Loader~="pulse"]::after {
  animation: pulse 750ms infinite;
  animation-delay: 0.5s;
  background: #3a3a3a;
  content: "";
  display: block;
  height: 16px;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
[pam-Loader~="pulse"][pam-Loader~="small"] {
  height: 12px;
  margin: 0 8px;
  width: 3px;
}
[pam-Loader~="pulse"][pam-Loader~="small"]::before {
  height: 8px;
  left: -6px;
  width: 3px;
}
[pam-Loader~="pulse"][pam-Loader~="small"]::after {
  height: 8px;
  left: 6px;
  width: 3px;
}
[pam-Loader~="pulse"][pam-Loader~="large"] {
  height: 48px;
  margin: 0 32px;
  width: 12px;
}
[pam-Loader~="pulse"][pam-Loader~="large"]::before {
  height: 32px;
  left: -24px;
  width: 12px;
}
[pam-Loader~="pulse"][pam-Loader~="large"]::after {
  height: 32px;
  left: 24px;
  width: 12px;
}
@keyframes pulse {
  50% {
    background: #e0e0e0;
  }
}
[pam-Overlay-Wrapper] {
  position: relative;
}
[pam-Overlay] {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1;
  padding: 16px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
[pam-Tag] {
  background: #757575;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 65%;
  font-weight: 700;
  line-height: normal;
  padding: 3px 6px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
[pam-Tag~="rounded"] {
  border-radius: 500px;
  font-size: 65%;
  line-height: normal;
  min-width: 16px;
}
[pam-Tag~="primary"] {
  background-color: #008ed5;
}
[pam-Tag~="info"] {
  background-color: #50b2ce;
}
[pam-Tag~="success"] {
  background-color: #4caf50;
}
[pam-Tag~="warn"] {
  background-color: #e9ac5e;
}
[pam-Tag~="danger"] {
  background-color: #f44336;
}
/* stylelint-disable block-no-empty */
/* stylelint-enable */
[pam-group]::after {
  content: "";
  display: table;
  clear: both;
}
[pam-image] {
  max-width: 100%;
  height: auto;
  display: block;
}
[pam-Skin~="primary"] {
  background-color: #008ed5;
}
[pam-Skin~="primary:light"] {
  background-color: #22b5ff;
}
[pam-Skin~="primary:dark"] {
  background-color: #005b89;
}
[pam-Skin~="accent"] {
  background-color: #d54700;
}
[pam-Skin~="feature"] {
  background-color: #607d8b;
}
[pam-Skin~="divider"] {
  background-color: #ddd;
}
[pam-Skin~="info"] {
  background-color: #50b2ce;
}
[pam-Skin~="success"] {
  background-color: #4caf50;
}
[pam-Skin~="warn"] {
  background-color: #e9ac5e;
}
[pam-Skin~="danger"] {
  background-color: #f44336;
}
[pam-Skin~="light"] {
  background-color: #e0e0e0;
}
[pam-Skin~="lighter"] {
  background-color: #f5f5f5;
}
[pam-Skin~="hint"] {
  background-color: #bdbdbd;
}
[pam-Skin~="dark"] {
  background-color: #757575;
}
[pam-Skin~="darker"] {
  background-color: #212121;
}
[pam-Skin~="text"] {
  color: #fff;
}
[pam-Skin~="text:primary"] {
  color: #444;
}
[pam-Skin~="text:secondary"] {
  color: #9f9f9f;
}
[pam-Skin~="text:darker"] {
  color: #212121;
}
[pam-Skin~="text:dark"] {
  color: #757575;
}
[pam-Skin~="text:hint"] {
  color: #bdbdbd;
}
[pam-Skin~="text:light"] {
  color: #e0e0e0;
}
[pam-Skin~="text:lighter"] {
  color: #f5f5f5;
}
[pam-space~="none"] {
  margin: 0;
  padding: 0;
}
[pam-space~="margin:none"] {
  margin: 0;
}
[pam-space~="padding:none"] {
  margin: 0;
}
[hidden],
[pam-visibility="hidden"] {
  display: none !important;
}
[invisible],
[pam-visibility="invisible"] {
  visibility: hidden !important;
}
