:root {
  --color-white: #fff;
  --color-link: #819ff1;
  --color-text: #eee;
  --color-black: #000;
  --color-headline: yellow;
  --color-background: #222;
}

* {
  appearance: none;
  background: none;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  font: inherit;
  font-size: 100%;
  list-style: none;
  margin: 0;
  outline: none;
  outline: 0;
  padding: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button {
  cursor: pointer;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

img {
  display: block;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

/* http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links/199319 */
*::-moz-focus-inner {
  border: 0 !important;
}

ul li,
ol li {
  list-style: inherit;
}

.f-material-shadow-demo {
  background-color: currentColor;
  color: pink;
  height: calc(100vh - 60px);
  padding: 14px;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--0 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(0px) scale(1);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 0px 0px 0px black, 0px 0px 0px 0px black, 0px 0px 0px 0px black;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--0 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(0px) scale(1);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.4), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.4), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--0 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(0px) scale(1);
  box-shadow: 0px 2px 4px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 4px 5px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 10px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.4), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--0 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(0px) scale(1);
  box-shadow: 0px 2px 4px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 4px 5px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 10px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.4), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 0px 0px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 0px 0px 0px rgb(255, 102.6, 129.2095238095), 0px 0px 0px 0px rgb(255, 102.6, 129.2095238095), 0px 0px 0px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--0 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(0px) scale(1);
  box-shadow: 0px 2px 4px -1px rgb(255, 102.6, 129.2095238095), 0px 4px 5px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 10px 0px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--0 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 0px 0px 0px rgb(255, 102.6, 129.2095238095), 0px 0px 0px 0px rgb(255, 102.6, 129.2095238095), 0px 0px 0px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--1 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 2px 1px -1px black, 0px 1px 1px 0px black, 0px 1px 3px 0px black;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--1 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 2px 1px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 1px 1px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 3px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 2px 1px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 1px 1px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 3px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--1 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 5px 8px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 14px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 2px 1px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 1px 1px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 3px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--1 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 5px 8px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 14px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 2px 1px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 1px 1px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 3px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 2px 1px -1px rgb(255, 102.6, 129.2095238095), 0px 1px 1px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 3px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--1 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgb(255, 102.6, 129.2095238095), 0px 5px 8px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 14px 0px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--1 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 2px 1px -1px rgb(255, 102.6, 129.2095238095), 0px 1px 1px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 3px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--2 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 3px 1px -2px black, 0px 2px 2px 0px black, 0px 1px 5px 0px black;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--2 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 3px 1px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 2px 2px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 5px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 3px 1px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 2px 2px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 5px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--2 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 6px 10px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 18px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 3px 1px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 2px 2px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 5px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--2 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 6px 10px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 18px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 3px 1px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 2px 2px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 5px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 3px 1px -2px rgb(255, 102.6, 129.2095238095), 0px 2px 2px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 5px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--2 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgb(255, 102.6, 129.2095238095), 0px 6px 10px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 18px 0px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--2 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 3px 1px -2px rgb(255, 102.6, 129.2095238095), 0px 2px 2px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 5px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--3 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 3px 3px -2px black, 0px 3px 4px 0px black, 0px 1px 8px 0px black;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--3 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 3px 3px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 3px 4px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 8px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 3px 3px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 3px 4px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 8px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--3 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 4px 5px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 7px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 2px 16px 1px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 3px 3px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 3px 4px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 8px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--3 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 4px 5px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 7px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 2px 16px 1px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 3px 3px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 3px 4px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 8px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 3px 3px -2px rgb(255, 102.6, 129.2095238095), 0px 3px 4px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 8px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--3 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 4px 5px -2px rgb(255, 102.6, 129.2095238095), 0px 7px 10px 1px rgb(255, 102.6, 129.2095238095), 0px 2px 16px 1px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--3 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 3px 3px -2px rgb(255, 102.6, 129.2095238095), 0px 3px 4px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 8px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--4 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 2px 4px -1px black, 0px 4px 5px 0px black, 0px 1px 10px 0px black;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--4 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 2px 4px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 4px 5px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 10px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 2px 4px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 4px 5px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 10px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--4 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 5px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 8px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 14px 2px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 2px 4px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 4px 5px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 10px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--4 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 5px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 8px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 14px 2px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 2px 4px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 4px 5px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 10px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 2px 4px -1px rgb(255, 102.6, 129.2095238095), 0px 4px 5px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 10px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--4 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 5px -3px rgb(255, 102.6, 129.2095238095), 0px 8px 10px 1px rgb(255, 102.6, 129.2095238095), 0px 3px 14px 2px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--4 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 2px 4px -1px rgb(255, 102.6, 129.2095238095), 0px 4px 5px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 10px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--5 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 3px 5px -1px black, 0px 5px 8px 0px black, 0px 1px 14px 0px black;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--5 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 5px 8px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 14px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 5px 8px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 14px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--5 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 9px 12px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 16px 2px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 5px 8px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 14px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--5 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 9px 12px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 16px 2px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 5px 8px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 14px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 3px 5px -1px rgb(255, 102.6, 129.2095238095), 0px 5px 8px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 14px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--5 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 5px 6px -3px rgb(255, 102.6, 129.2095238095), 0px 9px 12px 1px rgb(255, 102.6, 129.2095238095), 0px 3px 16px 2px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--5 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 3px 5px -1px rgb(255, 102.6, 129.2095238095), 0px 5px 8px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 14px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--6 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 3px 5px -1px black, 0px 6px 10px 0px black, 0px 1px 18px 0px black;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--6 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 6px 10px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 18px 0px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 6px 10px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 18px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--6 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 6px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 10px 14px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 18px 3px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 6px 10px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 18px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--6 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 6px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 10px 14px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 18px 3px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 3px 5px -1px rgba(255, 102.6, 129.2095238095, 0.4), 0px 6px 10px 0px rgba(255, 102.6, 129.2095238095, 0.28), 0px 1px 18px 0px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 3px 5px -1px rgb(255, 102.6, 129.2095238095), 0px 6px 10px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 18px 0px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--6 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 6px 6px -3px rgb(255, 102.6, 129.2095238095), 0px 10px 14px 1px rgb(255, 102.6, 129.2095238095), 0px 4px 18px 3px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--6 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 3px 5px -1px rgb(255, 102.6, 129.2095238095), 0px 6px 10px 0px rgb(255, 102.6, 129.2095238095), 0px 1px 18px 0px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--7 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 4px 5px -2px black, 0px 7px 10px 1px black, 0px 2px 16px 1px black;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--7 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 4px 5px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 7px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 2px 16px 1px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 4px 5px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 7px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 2px 16px 1px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--7 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 6px 7px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 11px 15px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 20px 3px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 4px 5px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 7px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 2px 16px 1px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--7 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 6px 7px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 11px 15px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 20px 3px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 4px 5px -2px rgba(255, 102.6, 129.2095238095, 0.4), 0px 7px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 2px 16px 1px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 4px 5px -2px rgb(255, 102.6, 129.2095238095), 0px 7px 10px 1px rgb(255, 102.6, 129.2095238095), 0px 2px 16px 1px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--7 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 6px 7px -4px rgb(255, 102.6, 129.2095238095), 0px 11px 15px 1px rgb(255, 102.6, 129.2095238095), 0px 4px 20px 3px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--7 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 4px 5px -2px rgb(255, 102.6, 129.2095238095), 0px 7px 10px 1px rgb(255, 102.6, 129.2095238095), 0px 2px 16px 1px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--8 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 5px 5px -3px black, 0px 8px 10px 1px black, 0px 3px 14px 2px black;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--8 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 5px 5px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 8px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 14px 2px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 5px 5px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 8px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 14px 2px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--8 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 12px 17px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 22px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 5px 5px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 8px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 14px 2px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--8 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 12px 17px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 22px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 5px 5px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 8px 10px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 14px 2px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 5px 5px -3px rgb(255, 102.6, 129.2095238095), 0px 8px 10px 1px rgb(255, 102.6, 129.2095238095), 0px 3px 14px 2px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--8 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgb(255, 102.6, 129.2095238095), 0px 12px 17px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 22px 4px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--8 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 5px 5px -3px rgb(255, 102.6, 129.2095238095), 0px 8px 10px 1px rgb(255, 102.6, 129.2095238095), 0px 3px 14px 2px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--9 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 5px 6px -3px black, 0px 9px 12px 1px black, 0px 3px 16px 2px black;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--9 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 5px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 9px 12px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 16px 2px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 5px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 9px 12px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 16px 2px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--9 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 13px 19px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 24px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 5px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 9px 12px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 16px 2px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--9 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 13px 19px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 24px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 5px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 9px 12px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 3px 16px 2px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 5px 6px -3px rgb(255, 102.6, 129.2095238095), 0px 9px 12px 1px rgb(255, 102.6, 129.2095238095), 0px 3px 16px 2px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--9 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 8px -4px rgb(255, 102.6, 129.2095238095), 0px 13px 19px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 24px 4px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--9 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 5px 6px -3px rgb(255, 102.6, 129.2095238095), 0px 9px 12px 1px rgb(255, 102.6, 129.2095238095), 0px 3px 16px 2px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--10 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 6px 6px -3px black, 0px 10px 14px 1px black, 0px 4px 18px 3px black;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--10 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 6px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 10px 14px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 18px 3px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 6px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 10px 14px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 18px 3px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--10 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 9px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 14px 21px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 26px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 6px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 10px 14px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 18px 3px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--10 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 9px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 14px 21px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 26px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 6px 6px -3px rgba(255, 102.6, 129.2095238095, 0.4), 0px 10px 14px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 18px 3px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 6px 6px -3px rgb(255, 102.6, 129.2095238095), 0px 10px 14px 1px rgb(255, 102.6, 129.2095238095), 0px 4px 18px 3px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--10 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 7px 9px -4px rgb(255, 102.6, 129.2095238095), 0px 14px 21px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 26px 4px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--10 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 6px 6px -3px rgb(255, 102.6, 129.2095238095), 0px 10px 14px 1px rgb(255, 102.6, 129.2095238095), 0px 4px 18px 3px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--11 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 6px 7px -4px black, 0px 11px 15px 1px black, 0px 4px 20px 3px black;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--11 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 6px 7px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 11px 15px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 20px 3px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 6px 7px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 11px 15px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 20px 3px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--11 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 9px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 15px 22px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 28px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 6px 7px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 11px 15px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 20px 3px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--11 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 9px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 15px 22px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 28px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 6px 7px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 11px 15px 1px rgba(255, 102.6, 129.2095238095, 0.28), 0px 4px 20px 3px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 6px 7px -4px rgb(255, 102.6, 129.2095238095), 0px 11px 15px 1px rgb(255, 102.6, 129.2095238095), 0px 4px 20px 3px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--11 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 9px -5px rgb(255, 102.6, 129.2095238095), 0px 15px 22px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 28px 5px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--11 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 6px 7px -4px rgb(255, 102.6, 129.2095238095), 0px 11px 15px 1px rgb(255, 102.6, 129.2095238095), 0px 4px 20px 3px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--12 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 7px 8px -4px black, 0px 12px 17px 2px black, 0px 5px 22px 4px black;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--12 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 12px 17px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 22px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 12px 17px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 22px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--12 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 10px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 16px 24px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 30px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 12px 17px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 22px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--12 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 10px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 16px 24px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 30px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 12px 17px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 22px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 7px 8px -4px rgb(255, 102.6, 129.2095238095), 0px 12px 17px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 22px 4px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--12 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-4px) scale(1.004);
  box-shadow: 0px 8px 10px -5px rgb(255, 102.6, 129.2095238095), 0px 16px 24px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 30px 5px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--12 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 7px 8px -4px rgb(255, 102.6, 129.2095238095), 0px 12px 17px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 22px 4px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--13 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 7px 8px -4px black, 0px 13px 19px 2px black, 0px 5px 24px 4px black;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--13 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 13px 19px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 24px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 13px 19px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 24px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--13 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 8px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 17px 26px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 32px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 13px 19px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 24px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--13 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 8px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 17px 26px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 32px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 7px 8px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 13px 19px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 24px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 7px 8px -4px rgb(255, 102.6, 129.2095238095), 0px 13px 19px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 24px 4px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--13 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 8px 11px -5px rgb(255, 102.6, 129.2095238095), 0px 17px 26px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 32px 5px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--13 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 7px 8px -4px rgb(255, 102.6, 129.2095238095), 0px 13px 19px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 24px 4px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--14 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 7px 9px -4px black, 0px 14px 21px 2px black, 0px 5px 26px 4px black;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--14 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 7px 9px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 14px 21px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 26px 4px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 7px 9px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 14px 21px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 26px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--14 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 18px 28px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 34px 6px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 7px 9px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 14px 21px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 26px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--14 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 18px 28px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 34px 6px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 7px 9px -4px rgba(255, 102.6, 129.2095238095, 0.4), 0px 14px 21px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 5px 26px 4px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 7px 9px -4px rgb(255, 102.6, 129.2095238095), 0px 14px 21px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 26px 4px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--14 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 11px -5px rgb(255, 102.6, 129.2095238095), 0px 18px 28px 2px rgb(255, 102.6, 129.2095238095), 0px 7px 34px 6px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--14 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 7px 9px -4px rgb(255, 102.6, 129.2095238095), 0px 14px 21px 2px rgb(255, 102.6, 129.2095238095), 0px 5px 26px 4px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--15 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 8px 9px -5px black, 0px 15px 22px 2px black, 0px 6px 28px 5px black;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--15 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 8px 9px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 15px 22px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 28px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 8px 9px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 15px 22px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 28px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--15 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 12px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 19px 29px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 36px 6px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 8px 9px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 15px 22px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 28px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--15 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 12px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 19px 29px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 36px 6px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 8px 9px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 15px 22px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 28px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 8px 9px -5px rgb(255, 102.6, 129.2095238095), 0px 15px 22px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 28px 5px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--15 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 9px 12px -6px rgb(255, 102.6, 129.2095238095), 0px 19px 29px 2px rgb(255, 102.6, 129.2095238095), 0px 7px 36px 6px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--15 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 8px 9px -5px rgb(255, 102.6, 129.2095238095), 0px 15px 22px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 28px 5px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--16 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 8px 10px -5px black, 0px 16px 24px 2px black, 0px 6px 30px 5px black;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--16 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 8px 10px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 16px 24px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 30px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 8px 10px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 16px 24px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 30px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--16 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 20px 31px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 38px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 8px 10px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 16px 24px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 30px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--16 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 20px 31px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 38px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 8px 10px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 16px 24px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 30px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 8px 10px -5px rgb(255, 102.6, 129.2095238095), 0px 16px 24px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 30px 5px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--16 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgb(255, 102.6, 129.2095238095), 0px 20px 31px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 38px 7px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--16 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 8px 10px -5px rgb(255, 102.6, 129.2095238095), 0px 16px 24px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 30px 5px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--17 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 8px 11px -5px black, 0px 17px 26px 2px black, 0px 6px 32px 5px black;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--17 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 8px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 17px 26px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 32px 5px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 8px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 17px 26px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 32px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--17 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 21px 33px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 40px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 8px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 17px 26px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 32px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--17 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 21px 33px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 40px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 8px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 17px 26px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 6px 32px 5px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 8px 11px -5px rgb(255, 102.6, 129.2095238095), 0px 17px 26px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 32px 5px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--17 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 13px -6px rgb(255, 102.6, 129.2095238095), 0px 21px 33px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 40px 7px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--17 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 8px 11px -5px rgb(255, 102.6, 129.2095238095), 0px 17px 26px 2px rgb(255, 102.6, 129.2095238095), 0px 6px 32px 5px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--18 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 9px 11px -5px black, 0px 18px 28px 2px black, 0px 7px 34px 6px black;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--18 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 9px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 18px 28px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 34px 6px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 9px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 18px 28px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 34px 6px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--18 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 14px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 22px 35px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 42px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 9px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 18px 28px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 34px 6px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--18 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 14px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 22px 35px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 42px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 9px 11px -5px rgba(255, 102.6, 129.2095238095, 0.4), 0px 18px 28px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 34px 6px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 9px 11px -5px rgb(255, 102.6, 129.2095238095), 0px 18px 28px 2px rgb(255, 102.6, 129.2095238095), 0px 7px 34px 6px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--18 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0px 10px 14px -6px rgb(255, 102.6, 129.2095238095), 0px 22px 35px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 42px 7px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--18 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 9px 11px -5px rgb(255, 102.6, 129.2095238095), 0px 18px 28px 2px rgb(255, 102.6, 129.2095238095), 0px 7px 34px 6px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--19 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 9px 12px -6px black, 0px 19px 29px 2px black, 0px 7px 36px 6px black;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--19 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 9px 12px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 19px 29px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 36px 6px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 9px 12px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 19px 29px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 36px 6px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--19 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 14px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 23px 36px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 44px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 9px 12px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 19px 29px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 36px 6px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--19 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 14px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 23px 36px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 44px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 9px 12px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 19px 29px 2px rgba(255, 102.6, 129.2095238095, 0.28), 0px 7px 36px 6px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 9px 12px -6px rgb(255, 102.6, 129.2095238095), 0px 19px 29px 2px rgb(255, 102.6, 129.2095238095), 0px 7px 36px 6px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--19 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 14px -7px rgb(255, 102.6, 129.2095238095), 0px 23px 36px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 44px 8px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--19 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 9px 12px -6px rgb(255, 102.6, 129.2095238095), 0px 19px 29px 2px rgb(255, 102.6, 129.2095238095), 0px 7px 36px 6px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--20 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 10px 13px -6px black, 0px 20px 31px 3px black, 0px 8px 38px 7px black;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--20 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 20px 31px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 38px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 20px 31px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 38px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--20 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 20px 31px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 38px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--20 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 20px 31px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 38px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 10px 13px -6px rgb(255, 102.6, 129.2095238095), 0px 20px 31px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 38px 7px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--20 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--20 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 10px 13px -6px rgb(255, 102.6, 129.2095238095), 0px 20px 31px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 38px 7px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--21 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 10px 13px -6px black, 0px 21px 33px 3px black, 0px 8px 40px 7px black;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--21 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 21px 33px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 40px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 21px 33px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 40px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--21 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 21px 33px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 40px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--21 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 10px 13px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 21px 33px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 40px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 10px 13px -6px rgb(255, 102.6, 129.2095238095), 0px 21px 33px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 40px 7px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--21 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--21 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 10px 13px -6px rgb(255, 102.6, 129.2095238095), 0px 21px 33px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 40px 7px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--22 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 10px 14px -6px black, 0px 22px 35px 3px black, 0px 8px 42px 7px black;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--22 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 10px 14px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 22px 35px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 42px 7px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 10px 14px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 22px 35px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 42px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--22 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 10px 14px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 22px 35px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 42px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--22 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 10px 14px -6px rgba(255, 102.6, 129.2095238095, 0.4), 0px 22px 35px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 8px 42px 7px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 10px 14px -6px rgb(255, 102.6, 129.2095238095), 0px 22px 35px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 42px 7px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--22 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--22 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 10px 14px -6px rgb(255, 102.6, 129.2095238095), 0px 22px 35px 3px rgb(255, 102.6, 129.2095238095), 0px 8px 42px 7px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--23 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 11px 14px -7px black, 0px 23px 36px 3px black, 0px 9px 44px 8px black;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--23 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 11px 14px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 23px 36px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 44px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 11px 14px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 23px 36px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 44px 8px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--23 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 11px 14px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 23px 36px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 44px 8px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--23 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 11px 14px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 23px 36px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 44px 8px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 11px 14px -7px rgb(255, 102.6, 129.2095238095), 0px 23px 36px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 44px 8px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--23 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--23 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 11px 14px -7px rgb(255, 102.6, 129.2095238095), 0px 23px 36px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 44px 8px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item {
  border: 0;
  border-radius: 5px;
  color: rgb(255, 90, 118.8095238095);
  font-weight: bold;
  margin: 10px;
  padding: 10px 30px;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--avocado {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--apple {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--apple:focus, .f-material-shadow-demo--24 .f-material-shadow-demo__item--apple:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--peach {
  box-shadow: 0px 11px 15px -7px black, 0px 24px 38px 3px black, 0px 9px 46px 8px black;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--banana {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--banana:focus, .f-material-shadow-demo--24 .f-material-shadow-demo__item--banana:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--banana:active {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--lemon {
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--grapefruit {
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--grapefruit:focus, .f-material-shadow-demo--24 .f-material-shadow-demo__item--grapefruit:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--pumpkin {
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--pumpkin:focus, .f-material-shadow-demo--24 .f-material-shadow-demo__item--pumpkin:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--pumpkin:active {
  box-shadow: 0px 11px 15px -7px rgba(255, 102.6, 129.2095238095, 0.4), 0px 24px 38px 3px rgba(255, 102.6, 129.2095238095, 0.28), 0px 9px 46px 8px rgba(255, 102.6, 129.2095238095, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--cherry {
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--cherry:focus, .f-material-shadow-demo--24 .f-material-shadow-demo__item--cherry:hover {
  transform: translateY(-8px) scale(1.008);
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
}
.f-material-shadow-demo--24 .f-material-shadow-demo__item--cherry:active {
  box-shadow: 0px 11px 15px -7px rgb(255, 102.6, 129.2095238095), 0px 24px 38px 3px rgb(255, 102.6, 129.2095238095), 0px 9px 46px 8px rgb(255, 102.6, 129.2095238095);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}

html {
  scroll-behavior: smooth;
}
html :target:before {
  content: "";
  display: block;
  height: 20px;
  margin: -20px 0 0;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  display: flex;
  justify-content: center;
  background-color: var(--color-background);
  color: var(--color-text);
  background-attachment: fixed;
  letter-spacing: 1px;
}

main {
  width: 100%;
  max-width: 700px;
  padding: 50px;
}
@media (max-width: 700px) {
  main {
    padding: 20px;
    hyphens: auto;
  }
}

h1, h2, h3, h4, h5, h6 {
  background-color: var(--color-headline);
  color: black;
  border-radius: 3px;
  padding: 5px 10px;
}

h1 {
  font-size: 300%;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  h1 {
    font-size: 120%;
  }
}

h2 {
  font-size: 200%;
  margin: 60px 0 0;
}

h3 {
  font-size: 150%;
  margin: 40px 0 20px 20px;
}

p {
  margin: 15px 0 15px 40px;
  line-height: 1.8;
}

table {
  font-size: 80%;
  text-align: center;
  margin: 5px 0 5px 30px;
  border-spacing: 10px;
  width: 100%;
}
@media (max-width: 700px) {
  table {
    display: flex;
    text-align: left;
  }
}
@media (max-width: 700px) {
  table td,
  table th {
    margin-bottom: 10px;
  }
}
table thead {
  font-weight: bold;
}
@media (max-width: 700px) {
  table thead {
    padding-right: 10px;
  }
}
@media (max-width: 700px) {
  table thead tr {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  table tbody tr {
    display: flex;
    flex-direction: column;
  }
}

img {
  box-shadow: 0px 3px 3px -2px rgb(27.2, 27.2, 27.2), 0px 3px 4px 0px rgb(27.2, 27.2, 27.2), 0px 1px 8px 0px rgb(27.2, 27.2, 27.2);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
  border-radius: 5px;
  max-width: 100%;
}
img:focus, img:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 4px 5px -2px rgb(27.2, 27.2, 27.2), 0px 7px 10px 1px rgb(27.2, 27.2, 27.2), 0px 2px 16px 1px rgb(27.2, 27.2, 27.2);
}
img:active {
  box-shadow: 0px 3px 3px -2px rgb(27.2, 27.2, 27.2), 0px 3px 4px 0px rgb(27.2, 27.2, 27.2), 0px 1px 8px 0px rgb(27.2, 27.2, 27.2);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}

a {
  cursor: pointer;
  font-weight: bold;
  color: var(--color-link);
}
a:hover, a:focus {
  text-decoration-thickness: 3px;
}

pre {
  margin: 10px 0;
}

a,
code {
  max-width: 100%;
  display: inline-block;
}

code {
  overflow: auto;
  color: var(--color-text);
  border-radius: 2px;
  padding: 1px 6px 2px;
  font-size: 200%;
  background: var(--color-black);
}

ul,
ol {
  line-height: 1.8;
  list-style-type: disc;
  padding: 10px 20px;
  margin: 15px 0 15px 40px;
}
ul li,
ol li {
  margin: 10px 0;
}
ul li p,
ol li p {
  margin: 0;
}
ul li ul,
ol li ul {
  padding: 0;
}

ol {
  list-style-type: decimal;
}

.user-input {
  box-shadow: 0px 2px 1px -1px rgba(27.2, 27.2, 27.2, 0.4), 0px 1px 1px 0px rgba(27.2, 27.2, 27.2, 0.28), 0px 1px 3px 0px rgba(27.2, 27.2, 27.2, 0.24);
  transition: all 0.25s cubic-bezier(0, 0, 0.35, 1.01) 0s;
  margin: 15px 0 15px 40px;
  font: inherit;
  background-color: var(--color-background);
  border-radius: 3px;
  padding: 10px 20px;
  color: var(--color-text);
  border: 1px dashed var(--color-text);
  width: 100%;
  transition: all 0.2s ease;
}
.user-input:focus, .user-input:hover {
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0px 3px 5px -1px rgba(27.2, 27.2, 27.2, 0.4), 0px 5px 8px 0px rgba(27.2, 27.2, 27.2, 0.28), 0px 1px 14px 0px rgba(27.2, 27.2, 27.2, 0.24);
}
.user-input:active {
  box-shadow: 0px 2px 1px -1px rgba(27.2, 27.2, 27.2, 0.4), 0px 1px 1px 0px rgba(27.2, 27.2, 27.2, 0.28), 0px 1px 3px 0px rgba(27.2, 27.2, 27.2, 0.24);
  outline: none;
  transform: translateY(0) scale(1);
  transition-duration: 0.0625s;
}
.user-input::placeholder {
  color: var(--color-text);
  opacity: 0.8;
}
.user-input:hover, .user-input:focus {
  background-color: var(--color-white);
  color: var(--color-black);
}
.user-input:hover::placeholder, .user-input:focus::placeholder {
  color: var(--color-black);
}

/*# sourceMappingURL=index.css.map */