style-tile.default {
  --style-tile-padding: 3rem;
    --style-tile-color: #555;
    --style-tile-color-margin: 1.5rem;
    --style-tile-background-color: #fff;
    --style-tile-grid: 'header header header header header header'
'color color color color typo typo'
'pattern pattern pattern pattern typo typo'
'adjective adjective adjective adjective adjective adjective'
'button button button button button button'
'footer footer footer footer footer footer';

  --style-tile-button-background-color: var(--style-tile-color-2);
}

style-tile.default .group > label {
  opacity: 0.8;
}

style-tile.default .btn:last-child {
  --style-tile-button-background-color: var(--style-tile-color-3);
}

style-tile.default .typo {
  margin-bottom: 0;
}

style-tile.default .typo .detail {
  opacity: 0.9;
}

style-tile.default .header {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #333;

  display: flex;
  position: relative;
}

style-tile.default .header .version {
  position: absolute;
  right: 0%;
  top: 40%;
}

style-tile.default .footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #333;
}
style-tile.default .footer .website {
  float: right;
}