@charset "utf-8";

.embeddedServiceHelpButton { display: none !important; }

#custom-help-btn { position: fixed; left: 12px; bottom: 60px; z-index: 99; cursor: pointer; background: none; border: none; padding: 0px; outline: none; }

@media (max-width: 768px) {
  #custom-help-btn { bottom: 70px; left: 6px; }
}

#custom-help-btn:focus { outline: rgb(50, 83, 184) solid 2px; outline-offset: 2px; }

.custom-help-btn-circle { background: rgb(0, 0, 0); border-radius: 50%; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.133) 0px 0px 16px; position: relative; }

.custom-help-btn-icon { width: 22px; height: 34px; }

.custom-help-btn-label { color: rgb(255, 255, 255); text-align: center; font-size: 14px; margin-top: 4px; }

.custom-help-btn-loading { display: none; width: 24px; height: 24px; border-width: 3px; border-style: solid; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255); border-image: initial; border-radius: 50%; animation: 1s linear 0s infinite normal none running spin; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@keyframes spin { 
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.custom-help-btn-loading.active { display: block; }

.custom-help-btn-icon.hidden { display: none; }

#custom-interstitial-dialog { display: none; position: fixed; bottom: 15px; right: 32px; z-index: 10000; width: 320px; background: rgb(255, 255, 255); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 32px 0px; font-family: Inter, Arial, sans-serif; padding: 0px; overflow: hidden; }

.custom-interstitial-header-bar { background: rgb(34, 34, 34); color: rgb(255, 255, 255); padding: 16px 22px 14px; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 18px; border-top-right-radius: 18px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 6px; }

.custom-interstitial-header-title { font-size: 19px; }

.custom-interstitial-close { background: none; border: none; color: rgb(255, 255, 255); font-size: 24px; cursor: pointer; line-height: 1; margin-left: 8px; }

#custom-interstitial-dialog .interstitial-support-menu_links { width: 90%; max-width: 260px; margin: 18px auto 22px 12px; display: flex; flex-direction: column; align-items: flex-start; padding: 0px; }

.interstitial-support-menu_links a { color: rgb(50, 83, 184); display: block; margin-bottom: 12px; font-size: 16px; font-weight: 500; transition: color 0.15s; text-decoration: none; text-align: left; width: 100%; padding: 0px; }

.interstitial-support-menu_links a:hover { text-decoration: underline; }

.interstitial-support-menu_links a:last-child { margin-bottom: 0px; }

.interstitial-support-menu_buttons { margin: 0px 0px 10px; display: flex; flex-direction: column; align-items: center; }

#custom-interstitial-dialog .interstitial-support-menu_buttons button, #custom-interstitial-dialog .interstitial-support-menu_buttons a { color: rgb(255, 255, 255); border-radius: 4px; text-decoration: none; display: flex; align-items: center; justify-content: center; margin: 16px 0px; font-weight: bold; font-size: 16px; background-color: rgb(50, 83, 184); transition: background 0.15s; box-shadow: rgba(0, 0, 0, 0.067) 0px 1px 4px; letter-spacing: 0.2px; border: none; cursor: pointer; width: 90%; max-width: 260px; height: 48px; min-height: 48px; position: relative; padding: 0px; box-sizing: border-box; }

#custom-interstitial-dialog .interstitial-support-menu_buttons_chat, .spinner { background: url("//static.guitarcenter.com/static/gc/sfChat/gc-chat-icon.png") 22% 16px / 20px no-repeat rgb(50, 83, 184); padding: 10px 0px 10px 23px; }

#custom-interstitial-dialog .interstitial-support-menu_buttons_phone, .spinner { background: url("//static.guitarcenter.com/static/gc/sfChat/gc-phone-icon.png") 22% 14px / 20px no-repeat rgb(50, 83, 184); padding: 10px 0px 10px 23px; display: inline-block; margin-right: 10px; }

.interstitial-support-menu_buttons button:hover, .interstitial-support-menu_buttons a:hover { background-color: rgb(50, 83, 184); }

.interstitial-support-menu_buttons_text { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 16px; text-align: center; white-space: nowrap; line-height: 1; }

.custom-interstitial-phone-hours { text-align: center; font-size: 14px; color: rgb(34, 34, 34); margin-bottom: 12px; font-weight: 500; margin-top: 2px; }

.custom-interstitial-footer { font-size: 10.5px; color: rgb(68, 68, 68); text-align: center; margin-top: 14px; margin-bottom: 2px; line-height: 1.4; }

.custom-interstitial-footer a { color: rgb(34, 34, 34); text-decoration: underline; }

.interstitial-support-menu_banner { position: relative; height: 91px; width: 100%; background: rgb(242, 242, 242); border-bottom: 1px solid rgb(221, 221, 221); overflow: hidden; }

.interstitial-support-menu_banner-img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: contain; object-position: left center; z-index: 1; }

.interstitial-support-menu_banner-text { position: absolute; right: 0px; top: 0px; height: 100%; width: 68%; background: rgb(255, 255, 255); z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 12px 0px; font-size: 15px; color: rgb(68, 68, 68); font-weight: 500; line-height: 1.35; box-sizing: border-box; text-align: center; letter-spacing: 0.01em; }

.embeddedMessagingConversationButton { display: none !important; }