/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.cms-grid-tile[data-v-fc5c0739] {
  animation-name: translateOpacity;
  animation-duration: 600ms;
  overflow: hidden;
  position: relative;
}
.cms-grid-tile--single[data-v-fc5c0739] {
  width: 33%;
  display: inline-block;
}
@supports (display: grid) {
.cms-grid-tile--single[data-v-fc5c0739] {
    width: unset;
    display: unset;
}
}
.cms-grid-tile--single--left[data-v-fc5c0739] {
  grid-column-start: 1;
  grid-column-end: 2;
}
.cms-grid-tile--single--right[data-v-fc5c0739] {
  grid-column-start: 2;
  grid-column-end: 3;
}
@media (min-width: 768px) {
.cms-grid-tile--single--right[data-v-fc5c0739] {
    grid-column-start: 3;
    grid-column-end: 4;
}
}
.cms-grid-tile--double[data-v-fc5c0739] {
  width: 66%;
  display: inline-block;
}
@supports (display: grid) {
.cms-grid-tile--double[data-v-fc5c0739] {
    width: unset;
    display: unset;
}
}
.cms-grid-tile--double--left[data-v-fc5c0739] {
  grid-column-start: 1;
  grid-column-end: 3;
}
.cms-grid-tile--double--right[data-v-fc5c0739] {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 768px) {
.cms-grid-tile--double--right[data-v-fc5c0739] {
    grid-column-start: 2;
    grid-column-end: 4;
}
}
.cmsGridTile__hidden[data-v-fc5c0739] {
  display: none;
}