@charset "utf-8";

.blue-assist-wrapper { display: flex; align-items: flex-end; justify-content: flex-end; position: fixed; bottom: 0px; right: 0px; pointer-events: none; z-index: 97; height: 100%; }

.blue-assist-wrapper > * { pointer-events: auto; }

.blue-assist-fullscreen { z-index: 1000 !important; }

.notification-badge { position: absolute; top: 0px; right: 4px; width: 22px; height: 22px; border-radius: 100%; font-size: 13px; display: flex; justify-content: center; align-items: center; background-color: rgb(187, 6, 40); color: rgb(255, 255, 255); font-weight: 500; z-index: 1; }

.blue-assist--s .notification-badge { width: 20px; height: 20px; font-size: 11px; top: -6px; right: 0px; }

.blue-assist-transitioning-icon { position: relative; }

.blue-assist-transitioning-icon img { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; animation-fill-mode: both; }

.blue-assist-banner-wrapper { position: absolute; right: 57.5px; bottom: 20px; height: 85px; font-size: 15px; overflow: hidden; }

.blue-assist--s .blue-assist-banner-wrapper { right: 33px; bottom: 30px; max-width: calc(-33px + 100vw); font-size: 13px; height: unset; }

@media screen and (max-height: 730px) {
  .blue-assist-banner-wrapper.extraSpace { right: 60px; }
}

.blue-assist-banner-wrapper .blue-assist-banner-container { display: flex; align-items: center; height: 100%; padding: 1rem 0px; border: 2px solid rgb(0, 70, 190); border-radius: 6px; background-color: rgb(255, 255, 255); overflow: hidden; }

.blue-assist-banner-wrapper .blue-assist-banner-container .blue-assist-banner-close-button { height: 24px; width: 24px; margin: 1rem; flex-shrink: 0; }

.blue-assist-banner-wrapper .blue-assist-banner-container .blue-assist-banner-close-button > svg { height: 100%; width: 100%; fill: rgb(0, 70, 190); }

.blue-assist-banner-wrapper .blue-assist-banner-container .blue-assist-banner-text { height: 100%; padding: 0px 8rem 0px 0px; text-align: left; white-space: nowrap; }

.blue-assist--s .blue-assist-banner-wrapper .blue-assist-banner-container .blue-assist-banner-text { padding: 0px 4rem 0px 0px; }

.blue-assist-banner-wrapper .blue-assist-banner-container:not(.ba-out) { animation: 1s ease 0s 1 normal backwards running blue-assist-beacon-banner-slide-in; }

.blue-assist-banner-wrapper .blue-assist-banner-container.ba-out { animation: 1s ease 0s 1 normal forwards running blue-assist-beacon-banner-slide-out; }

@keyframes blue-assist-beacon-banner-slide-in { 
  0% { transform: translateX(101%); }
  100% { transform: translateX(0px); }
}

@keyframes blue-assist-beacon-banner-slide-out { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(100%); }
}

.blue-assist-minimized-beacon-wrapper { height: 144px; width: 260px; overflow: hidden; position: absolute; right: 15px; bottom: 20px; border-radius: 0px 0px 40%; }

.blue-assist--s .blue-assist-minimized-beacon-wrapper { height: 126px; width: 234px; }

@media only screen and (max-width: 1175px) {
  .blue-assist--l.blue-assist--with-back-to-top .blue-assist-minimized-beacon-wrapper { transform: translateY(-60px); }
}

.blue-assist--l.blue-assist--with-compare-tray .blue-assist-minimized-beacon-wrapper { transform: translateY(-195px); transition: transform 0.4s; }

.blue-assist--s.blue-assist--with-back-to-top .blue-assist-minimized-beacon-wrapper { transform: translateY(-60px); }

.blue-assist--s.blue-assist--with-back-to-top.blue-assist--with-compare-tray .blue-assist-minimized-beacon-wrapper { transform: translateY(-195px); }

.blue-assist--s.blue-assist--with-compare-tray .blue-assist-minimized-beacon-wrapper { transform: translateY(-160px); }

.blue-assist-minimized-beacon-container { display: flex; position: relative; margin-right: 15px; margin-bottom: 20px; padding: 0px; border: 0px; border-radius: 100%; background: none; }

.blue-assist-minimized-beacon-container .blue-assist-minimized-beacon { width: 85px; height: 85px; border-radius: 50%; justify-content: center; align-items: center; display: flex; z-index: 1; }

.blue-assist--s .blue-assist-minimized-beacon-container .blue-assist-minimized-beacon { width: 56px; height: 56px; }

.blue-assist-minimized-beacon-container .blue-assist-minimized-beacon-img { width: 100%; height: 100%; overflow: hidden; background-color: rgb(0, 70, 190); border: 3px solid rgb(0, 70, 190); border-radius: 50%; }

.blue-assist--s .blue-assist-minimized-beacon-container .blue-assist-minimized-beacon-img { border-width: 2px; }

.blue-assist-minimized-beacon-container .blue-assist-minimized-icon { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgb(255, 255, 255); border: 2px solid rgb(0, 70, 190); border-radius: 100%; }

.blue-assist-minimized-beacon-container .blue-assist-minimized-icon svg { fill: rgb(0, 70, 190); width: 38px; height: 38px; }

.blue-assist--s .blue-assist-minimized-beacon-container .blue-assist-minimized-icon svg { width: 32px; height: 32px; }

.blue-assist--s .blue-assist-minimized-beacon-container { margin-right: 5px; margin-bottom: 10px; transform: translate(0px); transition: transform 0.5s; }

@media screen and (max-height: 730px) {
  .blue-assist--s .blue-assist-minimized-beacon-container.extraSpace { right: 32px; }
}

@media only screen and (max-width: 1175px) {
  .blue-assist--l.blue-assist--with-back-to-top .blue-assist-minimized-beacon-container { transform: translateY(-60px); }
}

.blue-assist--l.blue-assist--with-compare-tray .blue-assist-minimized-beacon-container { transform: translateY(-195px); transition: transform 0.4s; }

.blue-assist--s.blue-assist--with-back-to-top .blue-assist-minimized-beacon-container { transform: translateY(-60px); }

.blue-assist--s.blue-assist--with-back-to-top.blue-assist--with-compare-tray .blue-assist-minimized-beacon-container { transform: translateY(-195px); }

.blue-assist--s.blue-assist--with-compare-tray .blue-assist-minimized-beacon-container { transform: translateY(-160px); }

.blueAssistHeader { background: rgb(0, 70, 190); color: rgb(255, 255, 255); width: 100%; display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 16px; }

.blueAssistHeading { font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 0px !important; }

.closeIcon { width: 20px; height: 20px; }

.blue-assist--s .blueAssistHeader { border-radius: 10px 10px 0px 0px; }

.headerContainer { background-color: rgb(255, 255, 255); position: relative; }

.newBlueAssistHeader { text-align: left; margin: 0px 15px; border-bottom: 2px solid rgb(155, 207, 252); }

.newBlueAssistHeading { font-family: "Human BBY Digital"; font-weight: 400; color: rgb(3, 3, 3); margin-bottom: 10px; font-size: 24px; }

@media screen and (max-width: 768px) {
  .newBlueAssistHeading { font-family: "Human BBY Digital"; font-weight: 400; color: rgb(3, 3, 3); margin-bottom: 10px; font-size: 25px; }
}

.buttonWrapper { display: flex; align-items: flex-start; padding: 10px 10px 0px 0px; justify-content: flex-end; }

.blue-assist--s .newBlueAssistHeader { border-radius: 10px 10px 0px 0px; }

.box { background-color: rgb(240, 242, 244); border: 1px solid rgb(112, 117, 125); text-align: center; margin: 0px; border-radius: 4px; padding: 2px; position: absolute; right: 20px; top: 7px; }

.colorRed { color: rgb(150, 41, 24); }

.invalid { color: rgb(187, 6, 40); }

.fieldWrapper { position: relative; }

.fieldWrapper textarea { display: block; height: 48px; min-height: 48px; max-height: 120px; padding: 15px 36px 12px 12px; width: 100%; line-height: 16.9px; font-size: 13px; border-radius: 8px; resize: none; transition: 0.25s cubic-bezier(0.77, 1.09, 0.26, -0.11); background: rgb(255, 255, 255); border-color: rgb(112, 117, 125); overflow-y: auto; }

.fieldWrapper textarea::placeholder { color: rgb(112, 117, 125); font-size: 13px; }

.fieldWrapper .sendIconButton { background: none; position: absolute; bottom: 1rem; right: 2rem; width: auto; }

.fieldWrapper .sendIconButton svg { height: 24px; width: 24px; fill: rgb(112, 117, 125); }

.fieldWrapper .sendIconButton:disabled svg { fill: rgb(144, 149, 158); }

@keyframes rotate { 
  100% { transform: rotate(1turn); }
}

.bypassCaipContentWrapper { display: flex; }

.bypassCaipContentWrapper .bypassCaipIconContent svg { width: 40px; height: 40px; margin-right: 15px; }

.bypassCaipContentWrapper .ucc-messaging-spacing { padding: 25px 15px; }

.bypassCaipContentWrapper .bypassCaipTextContent { padding-bottom: 46px; }

.bypassCaipContentWrapper .bypassCaipTextContent .bypassCaipTextHeader { font-weight: 500; }

.appleMessageModule { max-height: 152px; margin: 0px -15px; padding: 25px 15px 20px; display: flex; justify-content: flex-start; background-color: rgb(255, 255, 255); border-top: 8px solid rgb(240, 242, 244); border-bottom: 8px solid rgb(240, 242, 244); }

.appleMessageModule .textUsBox { display: flex; align-items: center; flex-shrink: 0; }

.appleMessageModule .textUsImage { width: 40px; height: 40px; }

.appleMessageModule .textUsText { font-size: 15px; padding-left: 10px; }

.appleMessageModule .textContent { font-size: 11px; color: rgb(0, 0, 0); padding-left: 2rem; font-weight: 400 !important; }

.appleMessageModule .messageText { padding-bottom: 5px; text-indent: -8px; padding-left: 8px; }

.appleMessageModule .messageText:last-of-type { padding-bottom: 0px; }

.appleMessageModule .textLine { font-weight: 500; font-size: 15px; }

.quickLinks { width: 100%; margin-top: 10px; margin-bottom: 30px; display: flex; flex-direction: column; align-items: flex-start; }

.quickLinks > :not(:last-child) { margin-bottom: 8px; }

.chat-box { position: absolute; background-color: rgb(251, 251, 251); width: 285px; height: 160px; border: 1px solid rgb(196, 200, 207); border-radius: 5px; flex-direction: column; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; }

.service-question { display: flex; align-items: center; margin-bottom: 10px; margin-left: 12px; padding-top: 10px; gap: 10px; }

.service-question .text { display: flex; flex-direction: column; font-size: 12px; font-family: "Human BBY Digital"; }

.service-question .text .boldText { font-weight: 500; padding-bottom: 5px; }

.service-question .text .description { white-space: pre-line; font-size: 11px; }

.input { border-color: rgb(196, 200, 207); }

.input, .terms-text { padding-left: 5%; width: 95%; }

.terms-text { font-size: 10px; font-family: "Human BBY Digital"; padding-top: 5px; }

@media screen and (max-width: 768px) {
  .chat-box { position: absolute; background-color: rgb(251, 251, 251); width: 85%; height: 160px; border: 1px solid rgb(196, 200, 207); border-radius: 5px; flex-direction: column; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; margin-bottom: 15px; }
  .service-question { display: flex; align-items: center; margin-bottom: 5px; margin-left: 8px; padding-top: 10px; gap: 10px; }
  .service-question .text { font-size: 16px; }
  .service-question .text .description { font-size: 13px; }
}

@media screen and (max-width: 375px) {
  .chat-box { padding: 0px 5px; position: absolute; background-color: rgb(251, 251, 251); width: 85%; height: 140px; border: 1px solid rgb(196, 200, 207); border-radius: 5px; flex-direction: column; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; margin-bottom: 10px; }
  .service-question { display: flex; align-items: center; margin-bottom: 5px; margin-left: 8px; padding-top: 5px; gap: 10px; }
  .service-question .text { font-size: 11px; }
  .service-question .text .description { white-space: pre-line; font-size: 10px; }
  .terms-text { padding-top: 0px; font-size: 9px; }
}

.uccUnavailable { padding: 25px 15px 20px; width: 100%; min-height: 176px; max-height: 220px; display: flex; background-color: rgb(255, 255, 255); }

.uccUnavailable svg { margin-right: 15px; width: 40px; height: 40px; }

.uccUnavailable .header { font-weight: 500 !important; font-size: 15px !important; margin-bottom: 5px !important; }

.uccUnavailable .unavailableContent { display: flex; flex-direction: column; font-size: 13px; line-height: 16px; }

.uccUnavailable .unavailableContent a { color: rgb(0, 70, 190); font-weight: 600; margin-bottom: 8px; }

.uccUnavailable .unavailableContent a:hover { text-decoration: underline rgb(0, 70, 190); }

.ucc-unavailable-content { min-height: 218px; overflow-y: auto; display: flex; flex-direction: column; justify-content: space-between; background-color: rgb(255, 255, 255); }

.ucc-unavailable-spacing { padding: 25px 15px; }

.caipContentWrapper { display: flex; padding-top: 10px; gap: 10px; }

.caipContentWrapper .caipIconContent { width: 60px; height: 60px; background-color: rgb(255, 255, 255); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(196, 200, 207); }

.caipContentWrapper .caipIconContent svg { width: 40px; height: 40px; }

.caipContentWrapper .caipTextContent { padding-bottom: 10px; }

.caipContentWrapper .caipTextContent .caipTextHeader { font-size: 20px; font-weight: 400; }

.caip-chat-content { display: flex; flex-direction: column; justify-content: space-between; background-color: rgb(255, 255, 255); }

.caip-chat-content .header-and-links { display: flex; flex-direction: column; width: 100%; }

.caip-chat-content .header { justify-content: start; display: flex; align-items: center; margin-bottom: 10px; }

.caip-chat-content .header h3 { font-size: 14px; font-weight: 500; }

.caip-chat-content .header svg { height: 32px; width: 32px; margin-right: 15px; flex-shrink: 0; }

.ucc-messaging-spacing { padding: 10px 15px; }

.caip-chat-spacing { padding: 15px; }

.header-padding { padding: 25px 15px 0px; }

.caip-module-padding { padding: 16px 15px 25px; }

.caip-icon { width: 40px; height: 40px; background-color: rgb(255, 255, 255); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(196, 200, 207); }

.caip-redesign { min-height: 320px; align-items: center; display: flex; flex-direction: column; justify-content: flex-end; max-height: 90vh; height: auto; box-sizing: border-box; overflow-y: auto; }

.fieldWrapper textarea { border-color: rgb(144, 149, 158); }

.parent { position: relative; width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; }

.blueShirt { position: absolute; bottom: -10px; margin: 0px auto; background-position: center bottom; background-repeat: no-repeat; width: 96%; filter: saturate(0.8); }

@media screen and (max-width: 768px) {
  .caip-redesign { min-height: auto; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; max-height: 90%; height: auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 0px; overflow-y: auto; box-sizing: border-box; }
  .blueShirt { position: relative; width: 80%; margin: 0px auto; bottom: 0px; background-position: center bottom; background-repeat: no-repeat; filter: saturate(0.8); }
}

@media screen and (max-width: 390px) {
  .blueShirt { position: relative; width: 85%; margin: 0px auto; bottom: 0px; background-position: center bottom; background-repeat: no-repeat; filter: saturate(0.8); }
}

@media screen and (max-width: 375px) {
  .caip-redesign { padding-top: 0px; }
  .blueShirt { position: relative; width: 68%; margin: 0px auto; bottom: 0px; filter: saturate(0.8); }
}

@media screen and (aspect-ratio: 3 / 4), screen and (aspect-ratio: 4 / 3) {
  .blueShirt { width: 50%; margin: 0px auto; }
}

.oneClickVideoVirtualStoreModule { padding: 24px 16px 8px 24px; background-color: rgb(255, 255, 255); gap: 16px; }

.oneClickVideoVirtualStoreModule .buttons { display: flex; justify-content: flex-start; }

.oneClickVideoVirtualStoreModule .agentImageContainer { position: relative; flex-shrink: 0; width: 64px; height: auto; }

.oneClickVideoVirtualStoreModule .agentImageContainer img { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-color: rgb(0, 70, 190); border: 2px solid rgb(0, 70, 190); }

.oneClickVideoVirtualStoreModule .agentImageContainer .greenDot { height: 16px; width: 16px; position: absolute; border: 1px solid rgb(255, 255, 255); border-radius: 50%; top: 4px; left: 0px; background-color: rgb(49, 128, 0); }

.oneClickVideoVirtualStoreModule .textContent { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-size: 13px; padding-left: 15px; }

.oneClickVideoVirtualStoreModule .title { font-weight: 500; font-size: 15px; }

.oneClickVideoVirtualStoreModule .body { font-size: 13px; margin-top: 5px; text-align: center; }

.oneClickVideoVirtualStoreModule .textUsBtn { margin-top: 16px; width: 100%; fill: rgb(0, 70, 190); background-color: rgb(0, 0, 0); align-items: normal; font-weight: 500 !important; }

.oneClickVideoVirtualStoreModule .textUsIcon { transform: scale(0.8); }

.oneClickVideoVirtualStoreModule .textUsMessage { padding-left: 14px; align-content: center; color: rgb(224, 230, 239); }

.oneClickVideoVirtualStoreModule .chatNowBtn { margin-top: 16px; width: 100%; fill: rgb(0, 70, 190); font-weight: 500 !important; }

.oneClickVideoVirtualStoreModule .chatNowBtn svg { width: 23px; height: 16px; }

.oneClickVideoVirtualStoreModule .chatNowBtn:hover { fill: rgb(255, 255, 255) !important; }

.oneClickVideoVirtualStoreModule .chatNowBtn:active { fill: rgb(0, 70, 190) !important; }

.oneClickVideoVirtualStoreModule .chatNowIcon { padding-right: 6px; }

.oneClickVideoVirtualStoreModuleRedesign { padding: 15px 13px 20px; background-color: rgb(255, 255, 255); }

.oneClickVideoVirtualStoreModuleRedesign .textUsIcon { transform: scale(0.8); }

.oneClickVideoVirtualStoreModuleRedesign .boldText { font-weight: 500; }

.oneClickVideoVirtualStoreModuleRedesign .category { display: inline-block; padding: 5px 10px; border: 1px solid rgb(244, 193, 56); border-radius: 12.5px; background-color: rgb(255, 246, 209); font-weight: 500; font-size: 10px; text-align: center; max-width: 120px; white-space: normal; line-height: 1.2; box-sizing: border-box; overflow: hidden; overflow-wrap: break-word; }

.oneClickVideoVirtualStoreModuleRedesign .expertText { font-size: 16px; white-space: nowrap; padding-bottom: 5px; }

.oneClickVideoVirtualStoreModuleRedesign .header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5px; gap: 10px; }

.oneClickVideoVirtualStoreModuleRedesign .virtualStoreContent { display: flex; flex-direction: column; width: 100%; }

.oneClickVideoVirtualStoreModuleRedesign .bodyText { font-size: 11px; font-weight: 400; margin-left: 5px; }

.oneClickVideoVirtualStoreModuleRedesign .buttonContainer { justify-content: space-between; display: flex; margin-top: 10px; }

.oneClickVideoVirtualStoreModuleRedesign .chatButton { display: flex; padding: 8px 10px; border: 1px solid rgb(210, 212, 220); border-radius: 5px; background-color: rgb(255, 255, 255); font-size: 12px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; color: rgb(3, 3, 3); gap: 5px; white-space: nowrap; }

.oneClickVideoVirtualStoreModuleRedesign .chatButton:active, .oneClickVideoVirtualStoreModuleRedesign .chatButton:focus, .oneClickVideoVirtualStoreModuleRedesign .chatButton:hover { color: rgb(3, 3, 3) !important; background-color: rgb(242, 242, 242); }

.oneClickVideoVirtualStoreModuleRedesign .chatButton:disabled { opacity: 0.4; background-color: rgb(255, 255, 255); }

.oneClickVideoVirtualStoreModuleRedesign .liveChatButton { padding: 8px 10px; font-size: 14px; gap: 5px; }

.oneClickVideoVirtualStoreModuleRedesign .liveChatButton .buttonIcon, .oneClickVideoVirtualStoreModuleRedesign .liveChatButton svg, .oneClickVideoVirtualStoreModuleRedesign .liveChatButton:active .buttonIcon, .oneClickVideoVirtualStoreModuleRedesign .liveChatButton:focus .buttonIcon, .oneClickVideoVirtualStoreModuleRedesign .liveChatButton:hover .buttonIcon { fill: rgb(255, 255, 255) !important; }

.oneClickVideoVirtualStoreModuleRedesign .liveChatButton:disabled { opacity: 0.4; background-color: rgb(255, 255, 255); }

.oneClickVideoVirtualStoreModuleRedesign .liveChatButton:disabled svg { fill: rgb(0, 0, 0) !important; }

.oneClickVideoVirtualStoreModuleRedesign .availabilityText { justify-content: start; margin-top: 10px; font-size: 8.5px; width: 100%; }

.oneClickVideoVirtualStoreModuleRedesign .bullet { background-color: rgb(58, 150, 0); width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 2px; }

.oneClickVideoVirtualStoreModuleRedesign .bullet.disabled { background-color: rgb(112, 117, 125); }

.oneClickVideoVirtualStoreModuleRedesign .appleButton { display: flex; align-items: center; padding: 8px 10px; border: 1px solid rgb(210, 212, 220); border-radius: 5px; background-color: rgb(255, 255, 255); font-size: 12px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; color: rgb(3, 3, 3); gap: 5px; font-weight: 400; width: 80%; }

.oneClickVideoVirtualStoreModuleRedesign .appleButton:active, .oneClickVideoVirtualStoreModuleRedesign .appleButton:focus, .oneClickVideoVirtualStoreModuleRedesign .appleButton:hover { color: rgb(3, 3, 3) !important; background-color: rgb(242, 242, 242); }

.oneClickVideoVirtualStoreModuleRedesign .appleButton .caretIcon { margin-bottom: 2px; }

.oneClickVideoVirtualStoreModuleRedesign .messageBody { margin-top: 14px; margin-bottom: 14px; }

.oneClickVideoVirtualStoreModuleRedesign .callbackButton { padding: 5px; gap: 2px; }

.oneClickVideoVirtualStoreModuleRedesign .callbackButtonContainer { justify-content: space-between; display: flex; margin-top: 10px; }

.oneClickVideoVirtualStoreModuleRedesign .callbackButtonContainerDisabled { justify-content: space-between; display: flex; margin-top: 10px; gap: 5px; }

@media screen and (max-width: 768px) {
  .oneClickVideoVirtualStoreModuleRedesign .expertText { font-size: 22px; }
  .oneClickVideoVirtualStoreModuleRedesign .bodyText { font-size: 15px; }
  .oneClickVideoVirtualStoreModuleRedesign .buttonContainer { width: 100%; box-sizing: border-box; }
  .oneClickVideoVirtualStoreModuleRedesign .callbackButtonContainer { display: flex; justify-content: space-between; margin-top: 10px; width: 100%; box-sizing: border-box; }
  .oneClickVideoVirtualStoreModuleRedesign .callbackButtonContainerDisabled { justify-content: space-between; display: flex; margin-top: 10px; }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton { font-size: 16px; height: 50px; flex: 1 1 auto; text-align: center; }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton:active, .oneClickVideoVirtualStoreModuleRedesign .chatButton:focus, .oneClickVideoVirtualStoreModuleRedesign .chatButton:hover { background-color: rgb(240, 240, 240); }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton:disabled { opacity: 0.4; }
  .oneClickVideoVirtualStoreModuleRedesign .availabilityText { margin-top: 10px; font-size: 11px; }
  .oneClickVideoVirtualStoreModuleRedesign .liveChatButton { padding: 8px 25px; font-size: 16px; gap: 10px; height: 50px; }
  .oneClickVideoVirtualStoreModuleRedesign .category { font-size: 12px; }
  .oneClickVideoVirtualStoreModuleRedesign .appleButton { padding: 20px 10px; font-size: 16px; }
  .oneClickVideoVirtualStoreModuleRedesign .messageBody { font-size: 16px; }
  .oneClickVideoVirtualStoreModuleRedesign .availabilityTextApple { font-size: 12px; }
  .oneClickVideoVirtualStoreModuleRedesign .bulletApple { background-color: rgb(58, 150, 0); width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 2px; margin-bottom: 2px; }
}

@media screen and (max-width: 390px) {
  .oneClickVideoVirtualStoreModuleRedesign .messageBody { font-size: 14px; margin-top: 10px; }
  .oneClickVideoVirtualStoreModuleRedesign .appleButton { width: 80%; }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton { font-size: 16px; }
  .oneClickVideoVirtualStoreModuleRedesign .availabilityText { font-size: 10px; }
  .oneClickVideoVirtualStoreModuleRedesign .callbackButtonContainerDisabled { justify-content: space-between; display: flex; margin-top: 10px; }
}

@media screen and (max-width: 375px) {
  .oneClickVideoVirtualStoreModuleRedesign .expertText { font-size: 18px; }
  .oneClickVideoVirtualStoreModuleRedesign .bodyText { font-size: 11px; margin-left: 5px; }
  .oneClickVideoVirtualStoreModuleRedesign .buttonContainer { margin-top: 10px; gap: 10px; }
  .oneClickVideoVirtualStoreModuleRedesign .callbackButtonContainerDisabled { justify-content: space-between; display: flex; margin-top: 10px; gap: 5px; }
  .oneClickVideoVirtualStoreModuleRedesign .liveChatButton { padding: 8px 25px; font-size: 14px; gap: 10px; height: 40px; }
  .oneClickVideoVirtualStoreModuleRedesign .messageBody { margin-top: 8px; margin-bottom: 5px; font-size: 13px; }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton { padding: 8px 10px; font-size: 14px; height: 40px; flex: 1 1 auto; text-align: center; white-space: nowrap; box-sizing: border-box; }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton:active, .oneClickVideoVirtualStoreModuleRedesign .chatButton:focus, .oneClickVideoVirtualStoreModuleRedesign .chatButton:hover { background-color: rgb(240, 240, 240); }
  .oneClickVideoVirtualStoreModuleRedesign .chatButton:disabled { opacity: 0.4; }
  .oneClickVideoVirtualStoreModuleRedesign .availabilityText { margin-top: 10px; font-size: 9px; }
  .oneClickVideoVirtualStoreModuleRedesign .appleButton { height: 30px; padding: 0px; font-size: 12px; width: 70%; }
  .oneClickVideoVirtualStoreModuleRedesign .availabilityTextApple { margin-top: 2px; font-size: 10px; }
}

@media screen and (max-width: 390px) {
  .oneClickVideoVirtualStoreModuleRedesign { padding-bottom: 10px; padding-top: 5px; }
}

.blueAssistModules { display: flex; flex-direction: column; justify-content: space-between; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }

.blueAssistModules > :last-child { margin-bottom: 0px; }

.blue-assist--s .blueAssistModules { overflow-y: auto; }

.blueAssistModulesRedesign { display: flex; flex-direction: column; justify-content: space-between; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }

.blueAssistModulesRedesign > :not(:last-child) { margin-bottom: 2rem; }

.blueAssistModulesRedesign > :last-child { margin-bottom: 0px; }

.wrapper { margin: 0px; }

.shoppingCallback { background-color: rgb(255, 255, 255); padding: 2rem 1.5rem; }

.textNotify { font-size: 12px; }

.inputLabel { font-size: 14px; }

@keyframes blue-assist-slide-in { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

.blue-assist-chat-container { width: 310px; margin-right: 2rem; border: 1px solid rgb(149, 154, 162); overflow-y: auto; animation: 0.35s ease-out 0s 1 normal none running blue-assist-slide-in; }

.blue-assist--s .blue-assist-chat-container { display: flex; flex-direction: column; left: 0px; right: 0px; bottom: 0px; width: 100%; max-height: 100vh; border: none; position: fixed; }

.blue-assist-chat-container.new-feature, .blue-assist-container-redesign { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px; border: 2px solid rgb(155, 207, 252); border-radius: 5px; }

.blue-assist-container-redesign { width: 310px; margin-right: 2rem; overflow-y: auto; animation: 0.35s ease-out 0s 1 normal none running blue-assist-slide-in; }

@media screen and (max-width: 768px) {
  .blue-assist-container-redesign { position: fixed; bottom: 0px; width: 100%; left: 0px; overflow-y: auto; background-color: rgb(255, 255, 255); border-width: 2px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(155, 207, 252); border-radius: 5px 5px 0px 0px; height: calc(-15% + 100vh); }
}

@media screen and (max-width: 375px) {
  .blue-assist-container-redesign { height: calc(-10% + 100vh); bottom: 0px; }
}

@media screen and (aspect-ratio: 3 / 4), screen and (aspect-ratio: 4 / 3) {
  .blue-assist-container-redesign { bottom: 0px; }
}

@keyframes slideUp { 
  0% { margin-bottom: -100vh; }
  100% { margin-bottom: 0px; }
}

@keyframes slideDown { 
  0% { margin-bottom: 0px; }
  100% { margin-bottom: -100vh; }
}

@keyframes slideLeft { 
  0% { right: -600px; }
  100% { right: 4rem; }
}

@keyframes slideRight { 
  0% { right: 4rem; }
  100% { right: -600px; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.blueAssistOffer { display: flex; overflow: hidden; position: fixed; height: fit-content; width: 600px; bottom: 4rem; border-radius: 12px; background-color: rgb(29, 37, 44); animation-duration: 0.5s; animation-timing-function: ease-out; z-index: 1001; }

.blueAssistOffer.slideOpen { animation-name: slideLeft; right: 4rem; }

.blueAssistOffer.slideClosed { animation-name: slideRight; right: -600px; }

.blueAssistOfferImage { display: flex; justify-content: center; overflow: hidden; }

.blueAssistOfferImage img { height: 125%; width: auto; }

.blueAssistOfferContent { flex-shrink: 0; width: 335px; height: min-content; padding: 2.5rem 2rem; }

.blueAssistOfferContent h1 { font-size: 17px; }

.blueAssistOfferButtons { display: flex; justify-content: space-between; margin: 2rem 0px; gap: 2rem; }

.blueAssistOfferButtons button { font-size: 13px; color: rgb(4, 12, 19); width: 50%; padding: 0px; }

.blueAssistOfferButtons button:active, .blueAssistOfferButtons button:focus, .blueAssistOfferButtons button:hover { border-color: rgb(224, 230, 239); background-color: rgb(197, 203, 213); color: rgb(4, 12, 19); }

.blueAssistOfferButtons button svg { color: rgb(4, 12, 19); width: 24px; margin-right: 1rem; }

.blue-assist--s .blueAssistOffer { width: 100vw; height: auto; bottom: 0px; right: 0px; left: 0px; flex-direction: column; border-radius: 12px 12px 0px 0px; animation-duration: 0.7s; }

.blue-assist--s .blueAssistOffer.slideOpen { animation-name: slideUp; margin-bottom: -2px; }

.blue-assist--s .blueAssistOffer.slideClosed { animation-name: slideDown; margin-bottom: -100vh; }

.blue-assist--s .blueAssistOfferImage { width: 100vw; }

.blue-assist--s .blueAssistOfferImage img { width: 100%; height: auto; }

.blue-assist--s .blueAssistOfferButtons { margin: 3rem 0px; }

.blue-assist--s .blueAssistOfferButtons button svg { margin-right: 0.5rem; }

.blue-assist--s .blueAssistOfferContent { height: fit-content; width: 100vw; padding: 3rem 2rem; }

.blue-assist--s .blueAssistOfferContent h1 { font-size: 20px; }

.blue-assist--s .blueAssistOfferBackdrop { animation-duration: 0.5s; top: unset; }

.blue-assist--s .blueAssistOfferBackdrop.fadeIn { animation-name: fadeIn; opacity: 1; }

.blue-assist--s .blueAssistOfferBackdrop.fadeOut { animation-name: fadeOut; opacity: 0; }

.blue-assist { position: sticky; bottom: 15px; }

.blue-assist.blue-assist--s { bottom: calc(var(--lower-smart-banner-visible-height, 0px) + var(--tab-bar-visible-height, 56px) + var(--compare-tray-visible-height, 0px) + var(--sticky-footer-visible-height, 0px)); transition: bottom var(--tab-bar-transition-timing); }

.app-widget-container { width: 512px; height: 58px; border: 1px solid rgb(155, 207, 252); border-radius: 0px 24px 24px 16px; display: flex; align-items: center; margin: 10px; justify-content: space-evenly; background-color: rgb(238, 248, 255); }

.widget-image { width: 48px; height: 49px; border-radius: 50%; border: 1px solid rgb(155, 207, 252); }

.widget-button { border: 0px; background-color: rgb(238, 248, 255); color: rgb(1, 79, 211); cursor: pointer; }