.g_chio { width: 100%; max-width: 1440px; min-width: 280px; margin: 0 auto; background: no-repeat center/100% #A0A0A0 var(--g-hero-bg-img, none); position: relative; aspect-ratio: var(--g-hero-bg-aspect, none); --g-hero-banner-padding: 60px; }

.g_chio_rotator > figure { display: block; position: absolute; bottom: 0; right: var(--g-hero-banner-padding); width: 472px; margin: 0; overflow: hidden; }
.g_chio_rotator .g_chio_img { grid-area: 1 / 1 / -1 / -1; display: block; width: 100%; height: auto; object-fit: cover; }
.g_chio img._slide { border: none; opacity: 0; position: absolute; top: 0; left: 0; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear; -o-transition: opacity 2s linear; transition: opacity 2s linear; }
.g_chio_rotator img._anchor { position: relative; }
.g_chio img._active { opacity: 1; }

.g_chio_overlay { width: 585px; position: absolute; top: 50%; left: var(--g-hero-banner-padding); transform: translateY(-50%); font-family: Roboto, Arial, sans-serif; text-align: left; color: #FFFFFF; }
.g_chio .g_icon-inline img { display: block; max-width: 200px; }
.g_chio_header > * { font-size: 48px; font-weight: 700; line-height: 1; letter-spacing: 2px; text-transform: none; margin: 0; }
.g_chio_header > *:first-child { margin: 18px 0 0; }
p.g_chio_copy { font-size: 20px; font-weight: 400; line-height: 1.2; letter-spacing: 1px; margin: 16px 0 0; }
.g_chio_button-grid { display: flex; flex-direction: row; grid-gap: 24px; margin: 24px 0 0; }
.g_chio .g_icon-button img { display: block; }
.g_chio .g_button { width: 153px; height: 39px; line-height: 39px; color: #FFFFFF; border-color: #FFFFFF; margin: 0; }
.g_chio .g_button:hover { border-color: #ED1C24; }
.g_chio .g_link { display: block; font: 16px Roboto, Arial, sans-serif; line-height: 39px; color: #FFFFFF; text-decoration: underline; text-decoration-color: #ED1C24; text-underline-position: under; width: max-content; margin: 0; }
.g_chio .g_link:hover { color: #ED1C24; }

.g_chio .g_rotator-controls[data-state=hidden] { display: none; }
.g_chio .g_rotator-controls[data-state=visible] { display: block; }
.g_chio .g_rotator-toggle { width: 50px; height: 50px; font-size: 0; background: transparent; background-size: contain; background-repeat: no-repeat; border: 3px solid #000000; border-radius: 50%; outline-color: #FFFFFF; cursor: pointer; position: absolute; right: 24px; bottom: 24px; z-index: 99; }
.g_chio .g_rotator-toggle:hover { opacity: 1; }
.g_chio .g_rotator-toggle[data-state=play] { background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-play-solid-black"); background-size: 65%; background-position: center; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(50deg) brightness(112%) contrast(105%); }
.g_chio .g_rotator-toggle[data-state=pause] { background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-pause-black?w=24px"); background-size: 80%; background-position: center; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(50deg) brightness(112%) contrast(105%); }

.g_chio .__live-text__ { display: none; }

@media (min-width: 900px) and (max-width: 1199px) {
  .g_chio { --g-hero-banner-padding: 46px; }
  .g_chio_rotator > figure{ width: 350px; }
  .g_chio_overlay { width: 430px; }
  .g_chio_header { font-size: 36px; }
  p.g_chio_copy { font-size: 18px; }
}

@media (min-width: 768px) and (max-width: 899px) {
  .g_chio {--g-hero-banner-padding: 32px; }
  .g_chio_rotator > figure { width: 270px; }
  .g_chio_overlay { width: 320px; }
  .g_chio .g_icon-inline img { max-width: 150px; }
  .g_chio_header > * { font-size: 24px; }
  p.g_chio_copy { font-size: 14px; }
  .g_chio_button-grid { grid-gap: 16px; }
  .g_chio .g_icon-button img { width: 100%; }
  .g_chio .g_rotator-toggle { width: 40px; height: 40px; right: 16px; bottom: 16px; }
}

@media (max-width: 767px) {
  .g_chio { max-width: 560px; aspect-ratio: auto; background: none; display: flex; flex-direction: column; }
  .g_chio_rotator { position: relative; background: no-repeat center/cover #A0A0A0 var(--g-hero-bg-img-mobile, none); }
  .g_chio_rotator._reverse { order: 2; }
  .g_chio_rotator._lock-aspect { aspect-ratio: 1/1; }
  .g_chio_rotator > figure { position: relative; right: 0; width: 100%; }
  .g_chio_overlay { background: #000000; width: 100%; min-width: 280px; height: 100%; position: static; transform: none; margin: 0; padding: 20px; box-sizing: border-box; }
  .g_chio_overlay._light { background: #00000000; color: #000000; }
  .g_chio_overlay._center { text-align: center; }
  .g_chio_overlay._center .g_icon-inline img { margin: 0 auto; }
  .g_chio_overlay._center .g_chio_button-grid { justify-content: center; }
  .g_chio_header > * { font-size: 32px; font-weight: bold; letter-spacing: 0.5px; }
  p.g_chio_copy { font-size: 18px; }
  .g_chio .g_rotator-toggle { width: 40px; height: 40px; right: 16px; bottom: 16px; }
}

@media (max-width: 399px) {
  .g_chio_button-grid { grid-gap: 16px; }
  .g_chio .g_icon-button img { width: 100%; }
  .g_chio .g_button { width: 200px; margin: 0 auto; }
  .g_chio .g_link { margin: 0 auto; }
}