/*
name: @skyhawk/components
version: 1.9.0
date: Thu Oct 08 2026 15:20:42 GMT+0000 (Coordinated Universal Time)
Copyright 2025 GM Global Technology Operations LLC
All Rights Reserved.
This software is proprietary to GM Global Technology Operations LLC
and is protected by intellectual property laws and international
intellectual property treaties. Your access to this software is governed
by the terms of your license agreement with GM Global Technology Operations LLC.
Any other use of the software is strictly prohibited.
*/

@layer gmx.components{gmx-toggle-tile{--lt-toggle-btn-position-bottom:var(--spacing-16);--lt-toggle-btn-position-left:var(--spacing-16);--lt-toggle-btn-aspect-ratio:1/1;aspect-ratio:var(--lt-toggle-btn-aspect-ratio);display:block;&:not(.gmx-expand-tile-base){border-radius:var(--image-rounded-corner-border-radius);overflow:hidden;position:relative}picture{height:100%;width:100%;img{width:100%}}.expanded-content-container picture img{aspect-ratio:var(--lt-toggle-btn-aspect-ratio);-o-object-fit:cover;object-fit:cover}.toggle-btn{background-color:var(--colors-button-secondary)!important;border-color:var(--colors-border-button-secondary)!important;bottom:var(--lt-toggle-btn-position-bottom);color:var(--colors-content-primary)!important;left:var(--lt-toggle-btn-position-left);position:absolute;z-index:2}.img-container,.light{position:relative}.light{opacity:1;transition:opacity .25s ease-in;z-index:1}.dark{left:0;position:absolute;top:0}&[data-mode=dark]{.toggle-btn{transform:scale(-1)}>.light,>div>.img-container>.light{opacity:0}}&.override-light-heading-color{&[data-mode=light]{.collapsed-content-container{.tile-heading{.heading{color:var(--colors-content-invert-primary)}}&.content-overlay-gradient:before{background-image:var(--gradient-invert-top)}}}}&.override-dark-heading-color{&[data-mode=dark]{.collapsed-content-container{.tile-heading{.heading{color:var(--colors-content-invert-primary)}}&.content-overlay-gradient:before{background-image:var(--gradient-invert-top)}}}}@media (width >= 481px){--lt-toggle-btn-position-bottom:var(--spacing-24);--lt-toggle-btn-aspect-ratio:16/9;--lt-toggle-btn-position-left:50%;.toggle-btn{transform:translateX(-50%)}&[data-mode=dark]{.toggle-btn{transform:translateX(-50%) scale(-1)}}}@media (width >= 1280px){--lt-toggle-btn-position-bottom:var(--spacing-32);&:not(.gmx-expand-tile-base){--lt-toggle-btn-aspect-ratio:auto;height:calc(100vh - 120px);max-height:940px;min-height:720px}}@media (width >= 1922px){.toggle-btn{height:var(--sizing-64);width:var(--sizing-64)}}}}@layer gmx.components{.gmx-expand-tile-base,gmx-expand-tile-base{--expand-btn-inset-inline-end-offset:var(--spacing-32);--expand-tile-text-content-position-bottom:var(--spacing-96);--expand-tile-text-content-padding:var(--utility-padding);--expand-fix-to-position-left:0;--expand-fix-to-position-top:0;--expand-tile-overlay-layer-max-width:calc(100% - var(--spacing-48) - var(--spacing-32));--expand-tile-expand-btn-position-bottom:var(--spacing-16);--expand-tile-expand-btn-position-inset-inline-end:var(--spacing-16);aspect-ratio:2/3;border-radius:var(--radius-large);display:block;position:relative;width:100%;img{width:100%}&.gmx-tile-collapsed-bg-accent{.collapsed-content-container{--collapsed-bg-color:var(--colors-background-accent)}}&.gmx-tile-expanded-bg-accent{.expanded-content-container{--expanded-bg-color:var(--colors-background-accent)}}.collapsed-content-container,.expanded-content-container{&.protection-gradient-from-top{background-image:linear-gradient(180deg,#00000050 0,#0000 50%,transparent);background-repeat:no-repeat}}.collapsed-content-container{--collapsed-bg-color:var(--colors-background-default);background-color:var(--collapsed-bg-color);border-radius:var(--radius-large);cursor:pointer;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1;img{height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top}.overlay-layer{max-width:var(--expand-tile-overlay-layer-max-width)}gmx-video-brightcove{height:100%;.video-container{height:100%;width:100%}.video-js{height:100%!important;video{height:100%;-o-object-fit:cover!important;object-fit:cover!important}}.play-pause-toggle{inset-inline-start:var(--video-overlay-padding)}&:has(.video-disclosure){.play-pause-toggle{bottom:unset;inset-inline-end:var(--video-overlay-padding);inset-inline-start:unset;top:var(--video-overlay-padding)}}}>.collapsed-text-content{height:100%;.text-content{bottom:var(--expand-tile-text-content-position-bottom);color:var(--colors-content-secondary);font:var(--display2-font);left:0;letter-spacing:var(--display2-letter-spacing);padding:var(--expand-tile-text-content-padding);position:absolute;.featured-text{color:var(--colors-content-primary)}}}}.tile-heading{.heading{font:var(--display3-font);letter-spacing:var(--display3-letter-spacing);margin-bottom:var(--spacing-4)}.heading,.tile-description{color:var(--colors-content-primary)}.tile-description{font:var(--display5-font);letter-spacing:var(--display5-letter-spacing)}}.tile-expand-btn{background-color:var(--expand-tile-expand-btn-bg-color)!important;border-color:var(--expand-tile-expand-btn-border-color)!important;bottom:var(--expand-tile-expand-btn-position-bottom);color:var(--expand-tile-expand-btn-color)!important;inset-inline-end:var(--expand-tile-expand-btn-position-inset-inline-end);position:absolute;z-index:3}.expanded-content-container{--expanded-bg-color:var(--colors-background-default);background-color:var(--expanded-bg-color);height:100%;left:0;max-width:calc(var(--container-max-width) - 32px);overflow:hidden;position:absolute;top:0;visibility:hidden;width:100%;z-index:-1;@media (width < 900px){left:0!important}.gmx-expand-tile-base:nth-child(2n) &{&:not(.fix-to-expand-position){left:auto;right:0}}.expanded-content{height:100%;overflow:hidden;position:relative;width:100%}.cta-container,.overlay-content-body{opacity:0}&.expanded{height:100dvh;transition-duration:var(--duration-moderate);transition-property:transform,background-color,height,width;transition-timing-function:var(--ease-productive-overshoot);width:100vw;.gmx-btn-primary{background-color:var(--expand-tile-cta-primary-btn-bg-color);border-color:var(--expand-tile-cta-primary-btn-border-color);color:var(--expand-tile-cta-primary-btn-color)}.gmx-btn-secondary{background-color:var(--expand-tile-cta-secondary-btn-bg-color);border-color:var(--expand-tile-cta-secondary-btn-border-color);color:var(--expand-tile-cta-secondary-btn-color)}.cta-container{animation:gmx-fade-in .5s ease forwards;animation-delay:.5s;height:auto}.overlay-content-body{animation:gmx-fade-in var(--duration-moderate) ease forwards;animation-delay:var(--delay-slow)}.cta-container,.overlay-content-mobile-button-group{.gmx-btn-primary:not(.interior-exterior-toggle){background-color:var(--expand-tile-cta-primary-btn-bg-color);color:var(--expand-tile-cta-primary-btn-color)}.gmx-btn-secondary:not(.interior-exterior-toggle){background-color:var(--expand-tile-cta-secondary-btn-bg-color);color:var(--expand-tile-cta-secondary-btn-color)}}}&.fix-to-expand-position{left:var(--expand-fix-to-position-left);position:fixed;top:var(--expand-fix-to-position-top);transform:unset;transition:unset}}&.expanded{.collapsed-content-container{visibility:hidden;z-index:-1}.expanded-content-container{visibility:visible;z-index:1003}}&.disable-expand{pointer-events:none}&:not([data-expanded-content-path]){.expanded-content-container{.expanded-content{padding:0!important}}}gmx-overlay{height:100%}@media (width >= 481px){--expand-tile-expand-btn-position-bottom:var(--spacing-24);--expand-tile-expand-btn-position-inset-inline-end:var(--spacing-24);aspect-ratio:1/1;.img-container,picture{height:100%}}@media (width >= 900px){--expand-btn-inset-inline-end-offset:var(--spacing-48);--expand-fix-to-position-left:var(--spacing-12);--expand-fix-to-position-top:var(--spacing-16);display:inline-block;flex:1;.expanded-content-container{border-radius:var(--radius-large);overflow:hidden;position:absolute;transition-property:background-color,height,width;&.expanded{height:calc(100vh - 32px);width:calc(100vw - 24px)}}}@media (width >= 1280px){--expand-tile-expand-btn-position-bottom:var(--spacing-32);--expand-tile-expand-btn-position-inset-inline-end:var(--spacing-32);--expand-fix-to-position-left:var(--spacing-16);--expand-fix-to-position-top:var(--spacing-16);max-height:750px;.expanded-content-container{&.expanded{height:calc(100vh - 32px);width:calc(100vw - 32px)}}}@media (width >= 1922px){--expand-tile-text-content-position-bottom:var(--spacing-160);--expand-tile-overlay-layer-max-width:calc(100% - var(--spacing-64) - var(--spacing-32));max-height:none;.cta-container{a,button{height:var(--spacing-64);line-height:var(--spacing-64)}}.close-btn,.tile-expand-btn{height:var(--spacing-64);width:var(--spacing-64)}}@media (width >= 2020px){--expand-fix-to-position-left:calc(50vw - 1010px + var(--spacing-16));--expand-fix-to-position-top:var(--spacing-16)}}}@layer gmx.components{.gmx-expand-tile-base,gmx-expand-tile-base{--expand-tile-cta-primary-btn-bg-color:var(--neutral-90);--expand-tile-cta-primary-btn-border-color:var(--neutral-90);--expand-tile-cta-primary-btn-color:var(--neutral-0);--expand-tile-cta-secondary-btn-bg-color:var(--neutral-0);--expand-tile-cta-secondary-btn-border-color:var(--neutral-0);--expand-tile-cta-secondary-btn-color:var(--neutral-90);--expand-tile-expand-btn-bg-color:var(--neutral-0);--expand-tile-expand-btn-border-color:var(--neutral-0);--expand-tile-expand-btn-color:var(--neutral-90)}}@layer gmx.components{gmx-carousel-tile{display:block;--ct-carousel-aspect-ratio:2/3;--ct-carousel-text-content-padding:var(--utility-padding);--ct-carousel-text-content-position-bottom:var(--spacing-96);--ct-carousel-controls-position-bottom:var(--spacing-16);--ct-carousel-controls-position-inset-inline-start:var(--spacing-16);@media (width >= 481px){--ct-carousel-aspect-ratio:1;--ct-carousel-controls-position-bottom:var(--spacing-24);--ct-carousel-controls-position-inset-inline-start:var(--spacing-24)}@media (width >= 1280px){--ct-carousel-controls-position-bottom:var(--spacing-32);--ct-carousel-controls-position-inset-inline-start:var(--spacing-32)}@media (width >= 1922px){--ct-carousel-text-content-position-bottom:var(--spacing-160)}.gmx-controls-container{bottom:var(--ct-carousel-controls-position-bottom);inset-inline-start:var(--ct-carousel-controls-position-inset-inline-start);position:absolute}.collapsed-content-container,.expanded-content-container{background-color:var(--colors-background-default);.tile-heading{.heading{color:var(--colors-content-primary)}}}.collapsed-content-container{gmx-carousel{height:100%;.slides-collection{height:100%}.slide{aspect-ratio:var(--ct-carousel-aspect-ratio);height:100%;position:relative;.text-content{bottom:var(--ct-carousel-text-content-position-bottom);color:var(--colors-content-secondary);font:var(--display2-font);left:0;letter-spacing:var(--display2-letter-spacing);padding:var(--ct-carousel-text-content-padding);position:absolute;.featured-text{color:var(--colors-content-primary)}}}}}.expanded-content-container{.expanded-content{height:100%;.overlay-content{overflow:clip visible}gmx-carousel-media{overflow:visible!important;padding:0!important}}}}:where(.gmx-invert gmx-carousel-tile),:where(gmx-carousel-tile.gmx-invert){--colors-control-media-default:var(--colors-fill-light-40);--colors-control-media-hover:var(--colors-fill-light-60);--colors-control-media-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none' viewBox='0 0 6 10'%3E%3Cpath fill='%23232323' fill-rule='evenodd' d='M.598 5.334a.5.5 0 0 1 0-.666L4.436.374a.5.5 0 0 1 .706-.039l.186.167a.5.5 0 0 1 .04.705L1.975 5.001l3.391 3.793a.5.5 0 0 1-.039.706l-.186.167a.5.5 0 0 1-.706-.04z' clip-rule='evenodd'/%3E%3C/svg%3E")}}@layer gmx.components{gmx-wheel-tile{display:block;--wt-swatches-position-bottom:var(--spacing-24);--swatch-controls-padding:var(--spacing-8);img{width:100%}.small-wheel-control{bottom:var(--wt-swatches-position-bottom);display:none;left:50%;position:absolute;transform:translateX(-50%)}.large-wheel-control{background-color:var(--swatch-controls-bg-color);border-radius:var(--radius-small);padding:var(--swatch-controls-padding);.wheel-description{font:var(--paragraph1-font);letter-spacing:var(--paragraph1-letter-spacing);margin-bottom:var(--spacing-16)}.controls-vehicle-color{padding:0;label{height:var(--spacing-48);width:var(--spacing-48);input{height:var(--spacing-32);width:var(--spacing-32)}}}}.expanded-tile-footer{bottom:0;left:50%;padding:0 var(--spacing-8) var(--spacing-8);position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:901}.colorizer-overlay-footer{display:grid;gap:var(--spacing-8);grid-template-rows:auto auto;justify-content:center;.cta-list-with-toggle{display:inline-flex;gap:var(--spacing-8);width:100%}.overlay-content-mobile-button-group{margin:0 auto;padding:0!important}}>.expanded-content-container{.expanded-content{z-index:1}.wheel-bg-img{height:100%;left:0;position:absolute;top:0;width:100%}.wheel-cta{bottom:20px;position:absolute;right:20px;z-index:1}}.wheel-image-overlay-container{bottom:0;height:100%;overflow:hidden;pointer-events:none;position:absolute;transition:height .5s ease-out,bottom .5s ease-out;width:100%;>.wheel-group{aspect-ratio:1/1;box-sizing:border-box;left:50%;max-width:350px;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:75%;z-index:1;&:before{background:radial-gradient(#000,transparent 50%) 0 0 no-repeat;border-radius:50%;bottom:-5%;content:"";display:block;height:15%;left:-5%;position:absolute;width:110%;z-index:-1}&.enter-tile{animation:slide-in-sm 2s ease-out;>.wheel-overlay{animation:rotate-in 2s ease-out}}&.exit-tile{animation:slide-out-sm 2s ease-out;>.wheel-overlay{animation:rotate-out 2s ease-out}}}}.tile-bg-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}&.expanded{.wheel-image-overlay-container{pointer-events:unset;z-index:0;>.wheel-group{&.enter-tile{animation:slide-in-lg 2s ease-out}&.exit-tile{animation:slide-out-lg 2s ease-out}}}}@media (width >= 481px){.wheel-image-overlay-container{>.wheel-group{width:50%}}.large-wheel-control{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:var(--spacing-16);justify-content:space-between;margin:auto;padding:var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-32);.wheel-description{margin-bottom:0;margin-inline-end:var(--spacing-16)}}&.expanded{.wheel-image-overlay-container{>.wheel-group{width:40%}}}}@media (width >= 900px){.small-wheel-control{display:block}&.expanded{.wheel-image-overlay-container{>.wheel-group{width:30%}}}}@media (width >= 1280px){--wt-swatches-position-bottom:var(--spacing-32)}}@keyframes slide-in-sm{0%{transform:translateY(-50%) translateX(150%)}to{transform:translateY(-50%) translateX(-50%)}}@keyframes slide-out-sm{0%{transform:translateY(-50%) translateX(-50%)}to{transform:translateY(-50%) translateX(-250%)}}@keyframes slide-in-lg{0%{transform:translateY(-50%) translateX(50vw)}to{transform:translateY(-50%) translateX(-50%)}}@keyframes slide-out-lg{0%{transform:translateY(-50%) translateX(-50%)}to{transform:translateY(-50%) translateX(calc(-50vw - 350px))}}@keyframes rotate-in{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes rotate-out{0%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}}@layer gmx.components{gmx-wheel-tile{--swatch-controls-bg-color:var(--neutral-0)}}@layer gmx.components{gmx-colorizer-tile{--swatches-position-bottom:var(--spacing-16);--swatch-position-inline-start:var(--spacing-16);--swatch-controls-padding:var(--spacing-8);.collapsed-content-container,.expanded-content-container{transition:background-color var(--duration-moderate) var(--ease-expressive);&:after{background-image:linear-gradient(180deg,#00000050 0,#0000 50%,transparent);background-repeat:no-repeat;content:"";display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}}.colorizer-swatches,.expanded-color-swatches{.controls-vehicle-color{background-color:var(--swatch-bg-color);label{display:grid;place-items:center;>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-color:var(--vc-chip-color);background-image:none;border:var(--border-default) solid var(--swatch-default-border-color);border-radius:var(--radius-circle);margin:0;padding:0;&:hover{border-color:var(--swatch-active-border-color)}&:checked,&:hover{box-shadow:inset 0 0 0 2px var(--swatch-bg-color)}&:checked{border:var(--border-active) solid var(--swatch-active-border-color)}}}}}.collapsed-content-container{.collapsed-bg-img-cntr{height:100%;width:100%}.colorizer-swatches{bottom:var(--swatches-position-bottom);inset-inline-start:var(--swatch-position-inline-start);max-width:calc(100% - var(--swatch-position-inline-start)*2 - 64px);position:absolute}}.expanded-content-container{.exterior-view,.interior-view{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.interior-view{img{aspect-ratio:var(--tile-aspect-ratio);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}.interior-exterior-toggle{background-color:var(--toggle-btn-bg-color)!important;border-color:var(--toggle-btn-border-color)!important;color:var(--toggle-btn-color)!important}img.colorizer-bg-img{aspect-ratio:16/9;height:100%;-o-object-fit:cover;object-fit:cover}.expanded-tile-footer{bottom:0;left:50%;opacity:0;padding:0 var(--spacing-8) var(--spacing-8);position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:901}.swatch-controls{background-color:var(--swatch-bg-color);border-radius:var(--radius-small);padding:var(--swatch-controls-padding)}.color-name{color:var(--swatch-controls-color-name);font:var(--paragraph1-font);letter-spacing:var(--paragraph1-letter-spacing);margin-bottom:var(--spacing-16);span[data-toast-style=legal]{color:var(--swatch-controls-color-name);&:hover{color:var(--swatch-controls-color-name)}}}.expanded-color-swatches{.controls-vehicle-color{padding:0;label{height:var(--spacing-48);width:var(--spacing-48);input{height:var(--spacing-32);width:var(--spacing-32)}}}}&.expanded{.expanded-tile-footer{animation:gmx-fade-in .5s ease forwards;animation-delay:.5s}}}.bg-image-blend{display:inline-block;height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;vertical-align:middle;width:100%}.header-navigation .selected-dropdown-text,.header-navigation .tab-link-btn,.tile-heading .heading,.tile-heading .tile-description{color:var(--heading-color)!important;span[data-toast-style=legal]{&:focus-visible,&:hover{color:var(--heading-color)!important}&:focus-visible{outline-color:var(--heading-color)!important}}}.tile-heading{&.expanded-tile-heading{z-index:901}}.vehicle-image-overlay-container{aspect-ratio:16/9;height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:90%;z-index:1;gmx-flipbook{&.new-color{left:0;position:absolute;top:0;z-index:1}}&.swapping{gmx-flipbook{animation:gmx-fade-out var(--duration-moderate) var(--ease-expressive) forwards;&.new-color{animation:gmx-fade-in var(--duration-moderate) var(--ease-expressive) forwards}}}}&[data-current-view=exterior]{.exterior-view{opacity:1;transition:background-color var(--duration-moderate) var(--ease-expressive)}}&[data-current-view=interior]{.interior-view{opacity:1;transition:opacity var(--duration-moderate) var(--ease-expressive)}}&.expanded{.collapsed-content-container{pointer-events:none}gmx-overlay{.header-navigation{background-color:transparent}.overlay-content-body{z-index:901}}.vehicle-image-overlay-container{pointer-events:unset;width:60%;z-index:900}}.colorizer-overlay-footer{display:grid;gap:var(--spacing-8);grid-template-rows:auto auto;justify-content:center;.cta-list-with-toggle{display:inline-flex;gap:var(--spacing-8);width:100%}.overlay-content-mobile-button-group{margin:0 auto;padding:0!important}}@media (width >= 481px){--swatches-position-bottom:var(--spacing-24);--swatch-position-inline-start:var(--spacing-24);.expanded-content-container{.swatch-controls{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:var(--spacing-16);justify-content:space-between;margin:auto;padding:var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-32);.color-name{margin-bottom:0;margin-inline-end:var(--spacing-16)}}}}@media (width >= 900px){.collapsed-content-container{.colorizer-swatches{left:50%;transform:translateX(-50%);.controls-vehicle-color{flex-wrap:nowrap}}}.colorizer-overlay-footer{grid-template-columns:max-content max-content}.cta-list-with-toggle{a,button{height:var(--sizing-64)}}}@media (width >= 1280px){--swatches-position-bottom:var(--spacing-32)}}}@layer gmx.components{gmx-colorizer-tile{--swatch-bg-color:var(--neutral-0);--swatch-active-border-color:var(--neutral-90);--swatch-default-border-color:var(--dark-30);--swatch-controls-color-name:var(--neutral-90);--toggle-btn-bg-color:var(--neutral-0);--toggle-btn-border-color:var(--neutral-0);--toggle-btn-color:var(--neutral-90);--heading-color:var(--neutral-0)}}
/*# sourceMappingURL=expand-tiles.buick.css.map */