.media-360-object{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;overflow:hidden}
.media-360-object.media-360-loaded{z-index:300}
.media-360-object.media-360-loaded:hover{cursor:grab}
.media-360-object.media-360-loaded:active{cursor:grabbing}
.spin-inactive-trigger,.pano-inactive-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;margin:1.25rem 0;z-index:300}
.spin-inactive-trigger svg,.pano-inactive-trigger svg{width:7.5rem;height:7.5rem}
.spin-active-trigger,.pano-active-trigger{display:none;cursor:default;outline:0;margin:1.25rem 0}
.spin-active-text,.pano-active-text{color:#666}
.spin-active-text{padding-left:.5rem}
.spin-inactive-text,.pano-inactive-text{color:#666;padding-left:.5rem}
.spin-active-text,.spin-inactive-text,.pano-active-text,.pano-inactive-text{vertical-align:middle}
.media-360-spin-loaded [data-view="ext"] .tmgs-media-image-active{opacity:0}
.media-360-spin-loaded [data-media="360.images"] .media-360-image-active{opacity:0}
.tmgs-header{display:flex}
@media(min-width:1024px){.tmgs-header{margin-bottom:1rem}
}
@media(min-width:1024px){body.chat-opened .tmgs-header{margin-bottom:inherit}
}
@media(min-width:1440px){body.chat-opened .tmgs-header{margin-bottom:1rem}
}
.tmgs-header-title{font-family:"Hyundai Sans Head","Arial",sans-serif;font-weight:500;color:#333;font-size:2.5rem;display:none}
@media(min-width:1024px){.tmgs-header-title{display:block}
}
@media(min-width:1024px){body.chat-opened .tmgs-header-title{display:none}
}
@media(min-width:1440px){body.chat-opened .tmgs-header-title{display:block}
}
.tmgs-views{margin:.5rem auto 1.5rem}
@media(min-width:1024px){.tmgs-views{margin-top:0;margin-right:0;flex-shrink:0}
}
@media(min-width:1024px){body.chat-opened .tmgs-views{margin-top:.5rem;margin-right:auto;flex-shrink:inherit}
}
@media(min-width:1440px){body.chat-opened .tmgs-views{margin-top:0;margin-right:0;flex-shrink:0}
}
.tmgs-view{font-family:"Hyundai Sans Text","Arial",sans-serif;font-weight:700;font-size:.875rem;color:#666;padding:.5rem 0;border-bottom:2px solid transparent;margin-left:1rem;margin-right:1rem}
@media(min-width:1024px){.tmgs-view{margin-right:0}
}
.tmgs-view-active{color:#333;border-color:#00aad2}
.tmgs-media-contain{position:relative;margin:0}
.tmgs-media-contain .loading-indicator{background-color:rgba(255,255,255,0.1)}
.tmgs-media-objects{position:relative}
.tmgs-media{display:none}
.tmgs-media .media-360-trigger{position:relative;display:flex;align-items:center;justify-content:center;transform:none;top:0;left:0;margin:1.25rem 0}
.tmgs-media .media-360-trigger .spin-inactive-button,.tmgs-media .media-360-trigger .spin-active-button{position:relative;transform:none;top:0;left:0;margin-bottom:0}
.tmgs-media .media-360-trigger svg{display:inline-block;fill:#000;width:2.4375rem;height:1.1875rem;vertical-align:middle}
.tmgs-media .spin-inactive-trigger,.tmgs-media .pano-inactive-trigger{top:100%;transform:translate(-50%,0);height:2rem}
.tmgs-media .spin-inactive-trigger svg,.tmgs-media .pano-inactive-trigger svg{fill:#000;width:3.125rem;height:1.25rem}
.tmgs-media-active{display:block}
.tmgs-media-images{position:relative;overflow:hidden;height:0;padding-top:56.25%}
.tmgs-media-image{position:absolute;width:100%;top:0;left:0;transform:translateX(-110%);opacity:0;z-index:1}
.tmgs-media-image-active{opacity:1;transform:translateX(0);transform:scale(1)}
.tmgs-media-image-fade{z-index:2;opacity:0;transition:opacity 200ms linear}
.tmgs-media-spin,.tmgs-media-pano{position:absolute;top:0;right:0;left:0;bottom:0}
.tmgs-media-image-disclaimer{color:#888;font-size:.75rem;line-height:1rem;margin:0 auto;padding:.75rem 0;text-align:center;position:relative;z-index:400}
@media(min-width:1024px){.tmgs-media-image-disclaimer{padding:.5rem 0}
}
@media(min-width:640px){.tmgs-swatch-groups{display:flex;align-items:flex-start}
}
.tmgs-swatch-group+.tmgs-swatch-group{padding-top:.5rem}
@media(min-width:640px){.tmgs-swatch-group+.tmgs-swatch-group{padding-top:0}
}
@media(min-width:640px){.tmgs-swatch-group-ext{flex-basis:68%;max-width:68%;padding-right:.5rem;padding-bottom:2rem}
}
@media(min-width:1024px){.tmgs-swatch-group-ext{padding-bottom:3rem}
}
@media(min-width:1440px){.tmgs-swatch-group-ext{padding-bottom:4.5rem}
}
@media(min-width:1024px){body.chat-opened .tmgs-swatch-group-ext{flex-basis:68%;max-width:68%;padding-right:.5rem;padding-bottom:2rem}
}
@media(min-width:1440px){body.chat-opened .tmgs-swatch-group-ext{padding-bottom:3rem}
}
@media(min-width:1825px){body.chat-opened .tmgs-swatch-group-ext{padding-bottom:4.5rem}
}
@media(min-width:640px){.tmgs-swatch-group-int{flex-basis:32%;max-width:32%;padding-left:.5rem}
}
@media(max-width:639px){.tmgs-swatch-group-int{padding-bottom:2rem}
}
.tmgs-swatches{display:flex;align-items:flex-end;flex-wrap:wrap;margin-top:.875rem;transform:translate3d(0,0,0);filter:drop-shadow(3px 3px 12px rgba(0,0,0,0.15))}
@media(min-width:640px){.tmgs-swatch-group-int .tmgs-swatches{justify-content:flex-end}
}
.tmgs-swatch{position:relative;margin-top:.625rem;height:3rem;flex-basis:2.375rem;max-width:2.375rem}
@media(min-width:640px){.tmgs-swatch{height:1.5rem}
}
@media(min-width:1024px){.tmgs-swatch{flex-basis:2.125rem;max-width:2.125rem}
}
@media(min-width:1260px){.tmgs-swatch{flex-basis:3rem;max-width:3rem}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.tmgs-swatch{box-shadow:.1875rem .1875rem .75rem rgba(0,0,0,0.15)}
}
.tmgs-swatch-active{height:3rem;flex-basis:4.25rem;max-width:4.25rem}
@media(min-width:1260px){.tmgs-swatch-active{flex-basis:4.625rem;max-width:4.625rem}
}
.tmgs-swatch-off{display:none}
.tmgs-swatch-tile{position:absolute;top:50%;bottom:0;left:0;right:0;background-size:cover}
@media(min-width:640px){.tmgs-swatch-tile{top:0}
}
.tmgs-swatch-active .tmgs-swatch-tile{top:0}
.tmgs-swatch-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.tmgs-swatch-label{font-family:"Hyundai Sans Text","Arial",sans-serif;font-weight:700;font-size:1rem;color:#333;padding-top:.5rem}
@media(min-width:640px){.tmgs-swatch-group-int .tmgs-swatch-label{text-align:right}
}
@media(min-width:1024px){.tmgs-swatch-label{font-size:.875rem}
}
@media(min-width:1024px) and (max-width:1439px) and (max-height:850px){.tmgs-media-window{position:relative;margin-bottom:0;overflow:hidden;height:0;padding-top:44%}
.tmgs-media-objects{position:absolute;width:100%;top:50%;transform:translateY(-56%);left:0}
}
.xf-trim-details-model{font-family:'Hyundai Sans Head';font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:-0.1px;color:#333;margin-bottom:16px}
@media(min-width:1440px){.xf-trim-details-model{text-align:left}
}
.xf-wrapper .tdp{background:transparent}
.xf-wrapper .ttbs-bar{background-color:transparent;z-index:auto}
body.chat-opened .xf-wrapper .ttbs-bar{background-color:transparent}
.xf-wrapper .ttbs-dropdown .dropdown-button{background-color:transparent}
.media-360-object{z-index:auto !important}