.brand-concierge {
  --bc-header-color: #131313;
  --bc-card-radius: 12px;
  --bc-card-text-color: #292929;
  --bc-input-radius: 28px;
  --bc-input-height: 52px;
  --bc-input-border: linear-gradient(98.11deg, #9A3CF9 -4.21%, #E743C8 35.46%, #ED457E 68.67%, #FF7918 104.7%);
  --bc-button-dimensions: 32px;
  --bc-button-radius: 50%;
  --bc-button-color: #292929;
  --bc-button-hover-color: #131313;
  --bc-keyboard-focus-color: #5574F7;
  --bc-sticky-mobile-height: 44px;
  --bc-sticky-delay: 3s;

  box-sizing: border-box;
  padding: 40px 24px 12px;
}

.brand-concierge.has-bg-color {
  background: var(--brand-concierge-bg);
}

.brand-concierge.has-bg-image {
  background: var(--brand-concierge-bg) 50% / cover no-repeat;
}

.bc-header {
  color: var(--bc-header-color);
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
  margin-bottom: 32px;
  padding: 0 24px;
}

.bc-header-title {
  font-size: var(--type-heading-xl-size);
  line-height: var(--type-heading-xl-lh);
  margin: 0;
}

.bc-header-subtitle {
  font-size: var(--type-body-s-size);
  line-height: var(--type-body-s-lh);
  margin: 0;
}

.bc-prompt-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}

.prompt-card-button {
  background: #fffc;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  width: 100%;
}

.prompt-card-button:hover {
  background: #fff;
}

.prompt-card-button:focus-visible {
  outline: 2px solid var(--bc-keyboard-focus-color);
  outline-offset: 2px;
}

.prompt-card-image {
  display: none;
}

.prompt-card-text {
  color: var(--bc-card-text-color);
  display: grid;
  grid-template-columns: 16px auto;
  font-size: var(--type-body-s-size);
  gap: 8px;
  line-height: var(--type-body-s-lh);
  margin: 0;
  padding: 12px 16px;
  text-align: left;
}

.prompt-card-text .card-icon {
  align-self: flex-start;
  background: linear-gradient(98deg, #9A3CF9 -4.21%, #E743C8 35.46%, #ED457E 68.67%, #FF7918 104.7%);
  margin-top: 4px;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy45MzQ0NiAxMC41OTkyQzcuNzU5NDYgMTAuNTk5MiA3LjU4Mjg5IDEwLjU1MzkgNy40MjM1MiAxMC40NjE3QzcuMDM4MzYgMTAuMjM5IDYuODQzODMgOS43OTc2MyA2LjkzODM2IDkuMzYzMjVMNy41MjAzOSA2LjY2NDA0TDUuNjY1NyA0LjYxNzk0QzUuMzY3MjYgNC4yODgyNSA1LjMxNTcgMy44MDg1NiA1LjUzODM2IDMuNDIzNDFDNS43NjEwMSAzLjAzNzQ4IDYuMjA2MzMgMi44NDI5NCA2LjYzNjggMi45MzgyNUw5LjMzNjAxIDMuNTIwMjhMMTEuMzgyMSAxLjY2NTZDMTEuNzEyNiAxLjM2NTYgMTIuMTkyMyAxLjMxNjM4IDEyLjU3NjYgMS41MzgyNUMxMi45NjE4IDEuNzYwOTEgMTMuMTU2MyAyLjIwMjMyIDEzLjA2MTggMi42MzY2OUwxMi40Nzk4IDUuMzM1OTFMMTQuMzM0NSA3LjM4MkMxNC42MzI5IDcuNzEwOTEgMTQuNjgzNyA4LjE5MDYgMTQuNDYxOCA4LjU3NTc2QzE0LjIzOTEgOC45NjAxMyAxMy43OTkzIDkuMTU2MjMgMTMuMzY0MSA5LjA2MjQ4TDEwLjY2NDkgOC40Nzg4OUw4LjYxODA2IDEwLjMzNDRDOC40MjUwOSAxMC41MDk0IDguMTgwNTQgMTAuNTk5MiA3LjkzNDQ2IDEwLjU5OTJaTTguNzEzMzYgNi44MjY1NEw4LjIyOTc3IDkuMDY2MzhMOS45Mjc0MiA3LjUyNzMyQzEwLjE2OTYgNy4zMDc3OSAxMC41MDQgNy4yMTcxNiAxMC44MjUxIDcuMjg1OTFMMTMuMDY2NSA3Ljc3MDI4TDExLjUyNzQgNi4wNzI2M0MxMS4zMDcxIDUuODI4ODggMTEuMjE3MyA1LjQ5MjE2IDExLjI4NzYgNS4xNzE4NEwxMS43NzA0IDIuOTMzNTZMMTAuMDcyNyA0LjQ3MjYzQzkuODI4OTkgNC42OTI5NCA5LjQ5MzA2IDQuNzgyIDkuMTcxOTYgNC43MTI0N0w2LjkzMzY4IDQuMjI5NjVMOC40NzI3NCA1LjkyNzMxQzguNjkzMDUgNi4xNzAyOCA4Ljc4MjkgNi41MDYyMyA4LjcxMzM2IDYuODI2NTRaIiBmaWxsPSIjMjkyOTI5Ii8+PHBhdGggZD0iTTIuNjc2NDUgMTQuNjAxN0MyLjU3MzMzIDE0LjYwMTcgMi40NzAyMSAxNC41NzUxIDIuMzc2NDUgMTQuNTIxMkMyLjE1MDY3IDE0LjM5MDcgMi4wMzUwNSAxNC4xMjk4IDIuMDg5NzMgMTMuODc1MUwyLjMzNTA1IDEyLjc0MDdMMS41NTUzNiAxMS44ODEzQzEuMzgwMzYgMTEuNjg4NCAxLjM0OTg5IDExLjQwNCAxLjQ4MDM2IDExLjE3ODJDMS42MTA4MyAxMC45NTI0IDEuODczMzMgMTAuODM5OSAyLjEyNjQ1IDEwLjg5MTVMMy4yNjA4MyAxMS4xMzY4TDQuMTIwMjEgMTAuMzU3MUM0LjMxMzk2IDEwLjE4MTMgNC41OTY3NyAxMC4xNTE2IDQuODIzMzMgMTAuMjgyMUM1LjA0OTEyIDEwLjQxMjYgNS4xNjQ3NCAxMC42NzM1IDUuMTEwMDUgMTAuOTI4Mkw0Ljg2NDc0IDEyLjA2MjZMNS42NDQ0MyAxMi45MjJDNS44MTk0MyAxMy4xMTQ5IDUuODQ5OSAxMy4zOTkzIDUuNzE5NDMgMTMuNjI1MUM1LjU4ODk2IDEzLjg1MDkgNS4zMjU2OCAxMy45NjE4IDUuMDczMzMgMTMuOTExOEwzLjkzODk2IDEzLjY2NjVMMy4wNzk1OCAxNC40NDYyQzIuOTY2MyAxNC41NDg1IDIuODIxNzcgMTQuNjAxNyAyLjY3NjQ1IDE0LjYwMTdaIiBmaWxsPSIjMjkyOTI5Ii8+PC9zdmc+') no-repeat center;
  mask-size: contain;
  width: 16px;
  height: 16px;
  color: transparent;
}

.prompt-card-text p {
  color: var(--bc-card-text-color);
  margin: 0;
}

.bc-input-field {
  margin-bottom: 40px;
  position: relative;
}

.input-first .bc-input-field {
  margin-bottom: 24px;
}

.bc-input-field-container {
  align-items: center;
  background: #fff;
  border-radius: calc(var(--bc-input-radius) - 2px);
  display: flex;
  min-height: var(--bc-input-height);
  margin-bottom: 40px;
  padding: 0 10px;
  position: relative;
  gap: 12px;
  z-index: 9;
}

.bc-input-field::before {
  background: var(--bc-input-border);
  border-radius: var(--bc-input-radius);
  content: '';
  height: 100%;
  left: 50%;
  padding: 2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.bc-input-field::after {
  background: var(--bc-input-border);
  border-radius: var(--bc-input-radius);
  content: '';
  filter: blur(30px);
  height: 100%;
  left: 50%;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.bc-input-field-container:has(input:focus-visible) {
  outline: 2px solid var(--bc-keyboard-focus-color);
}

.bc-input-field-label {
  border-radius: var(--bc-button-radius);
  outline-offset: 6px;
  display: flex;
  align-items: center;
  user-select: none;
  align-self: start;
  margin-right: -8px;
  margin-top: 10px;
  height: 32px;
  width: 32px;
  justify-content: center;
}

[dir="rtl"] .bc-input-field-label {
  margin-right: unset;
  margin-left: -8px;
}

.bc-input-field-label:focus-visible {
  outline: 2px solid var(--bc-keyboard-focus-color);
  outline-offset: 2px;
}

.bc-input-field-label svg,
.bc-mobile-button svg {
  background: linear-gradient(98.11deg, #9A3CF9 -4.21%, #E743C8 35.46%, #ED457E 68.67%, #FF7918 104.7%);
  mask: url('data:image/svg+xml;base64,PHN2ZyB0aXRsZT0iQXNrIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yNSAxOC45OThDNi4xNTAzOSAxOC45OTggNi4wNTA3OCAxOC45Nzg1IDUuOTU2MDUgMTguOTM4NUM1LjY3OTY4IDE4LjgyMDMgNS41IDE4LjU0ODggNS41IDE4LjI0OFYxNC45OThINC43NUMyLjY4MjYyIDE0Ljk5OCAxIDEzLjMxNTQgMSAxMS4yNDhWNS43NDgwNUMxIDMuNjgwNjcgMi42ODI2MiAxLjk5ODA1IDQuNzUgMS45OTgwNUg4LjcwMzEyQzkuMTE3MTggMS45OTgwNSA5LjQ1MzEyIDIuMzMzOTkgOS40NTMxMiAyLjc0ODA1QzkuNDUzMTIgMy4xNjIxMSA5LjExNzE4IDMuNDk4MDUgOC43MDMxMiAzLjQ5ODA1SDQuNzVDMy41MDk3NyAzLjQ5ODA1IDIuNSA0LjUwNzgyIDIuNSA1Ljc0ODA1VjExLjI0OEMyLjUgMTIuNDg4MyAzLjUwOTc3IDEzLjQ5OCA0Ljc1IDEzLjQ5OEg2LjI1QzYuNjY0MDYgMTMuNDk4IDcgMTMuODM0IDcgMTQuMjQ4VjE2LjQ4NDRMOS44ODM3OSAxMy43MDhDMTAuMDIzNCAxMy41NzMyIDEwLjIxIDEzLjQ5OCAxMC40MDQzIDEzLjQ5OEgxNS4yNUMxNi40OTAyIDEzLjQ5OCAxNy41IDEyLjQ4ODMgMTcuNSAxMS4yNDhWOS45NzY1N0MxNy41IDkuNTYyNTEgMTcuODM1OSA5LjIyNjU3IDE4LjI1IDkuMjI2NTdDMTguNjY0MSA5LjIyNjU3IDE5IDkuNTYyNTEgMTkgOS45NzY1N1YxMS4yNDhDMTkgMTMuMzE1NCAxNy4zMTc0IDE0Ljk5OCAxNS4yNSAxNC45OThIMTAuNzA3TDYuNzcwNTEgMTguNzg4MUM2LjYyNzkzIDE4LjkyNTggNi40NDA0MyAxOC45OTggNi4yNSAxOC45OThaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTMuMjc3NCA5LjA4MjkyQzEzLjA4ODkgOS4wODI5MiAxMi44OTk1IDkuMDM0MDkgMTIuNzI4NiA4LjkzNTQ2QzEyLjMxMjYgOC42OTYyIDEyLjEwMTYgOC4yMjA2MiAxMi4yMDIyIDcuNzUxODdMMTIuNjYyMiA1LjYyNjg3TDExLjIwMjIgNC4wMTY1MkMxMC44Nzk5IDMuNjYxMDUgMTAuODI0MyAzLjE0NDQ1IDExLjA2MzUgMi43Mjk0MUMxMS4zMDM4IDIuMzE0MzcgMTEuNzg0MiAyLjEwMzQzIDEyLjI0NzEgMi4yMDMwNEwxNC4zNzIxIDIuNjYzTDE1Ljk4MjUgMS4yMDMwNEMxNi4zMzggMC44ODE3NDcgMTYuODU3NSAwLjgyNzA1NyAxNy4yNjk2IDEuMDY0MzdDMTcuNjg1NiAxLjMwMzYzIDE3Ljg5NjUgMS43NzkyMSAxNy43OTYgMi4yNDc5NkwxNy4zMzYgNC4zNzI5NkwxOC43OTYgNS45ODMzMUMxOS4xMTgyIDYuMzM4NzggMTkuMTczOSA2Ljg1NTM4IDE4LjkzNDYgNy4yNzA0MkMxOC42OTQ0IDcuNjg2NDQgMTguMjE3OCA3Ljg5OTMzIDE3Ljc1MSA3Ljc5Njc5TDE1LjYyNiA3LjMzNjgzTDE0LjAxNTcgOC43OTY3OUMxMy44MDc3IDguOTg1MjcgMTMuNTQ0IDkuMDgyOTIgMTMuMjc3NCA5LjA4MjkyWk0xMy4xNTE0IDMuOTMzNUwxMy45MTEyIDQuNzcxMzlDMTQuMTQ3NSA1LjAyOTIgMTQuMjQ2MiA1LjM5MjQ4IDE0LjE3MTkgNS43NDAxNEwxMy45MzI3IDYuODQ3NTdMMTQuNzcwNiA2LjA4NzhDMTUuMDI5NCA1Ljg1MTQ3IDE1LjM5NjYgNS43NTM4MiAxNS43MzkzIDUuODI3MDZMMTYuODQ2NyA2LjA2NjMyTDE2LjA4NyA1LjIyODQzQzE1Ljg1MDYgNC45NzA2MiAxNS43NTIgNC42MDczNCAxNS44MjYyIDQuMjU5NjhMMTYuMDY1NSAzLjE1MjI2TDE1LjIyNzYgMy45MTIwM0MxNC45Njk4IDQuMTQ5MzMgMTQuNjA0NiA0LjI0ODk0IDE0LjI1ODkgNC4xNzI3N0wxMy4xNTE0IDMuOTMzNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik03LjkzMjYxIDExLjUwMzlDNy44MDM3IDExLjUwMzkgNy42NzQ4IDExLjQ3MDcgNy41NTc2MSAxMS40MDMzQzcuMjc1MzggMTEuMjQwMiA3LjEzMDg1IDEwLjkxNDEgNy4xOTkyMSAxMC41OTU3TDcuMzc2OTQgOS43NzUzOEw2LjgxMzQ2IDkuMTU0MjlDNi41OTQ3MSA4LjkxMzA4IDYuNTU2NjIgOC41NTc2MSA2LjcxOTcxIDguMjc1MzhDNi44ODI4IDcuOTkzMTUgNy4yMTA5MiA3Ljg1NDQ4IDcuNTI3MzMgNy45MTY5OEw4LjM0NzY0IDguMDk0NzFMOC45Njg3MyA3LjUzMTIzQzkuMjEwOTIgNy4zMTI0OCA5LjU2NDQzIDcuMjc0MzkgOS44NDc2NCA3LjQzNzQ4QzEwLjEyOTkgNy42MDA1NyAxMC4yNzQ0IDcuOTI2NzQgMTAuMjA2IDguMjQ1MUwxMC4wMjgzIDkuMDY1NDFMMTAuNTkxOCA5LjY4NjVDMTAuODEwNSA5LjkyNzcxIDEwLjg0ODYgMTAuMjgzMiAxMC42ODU1IDEwLjU2NTRDMTAuNTIyNSAxMC44NDc2IDEwLjE5MzMgMTAuOTg5MiA5Ljg3NzkyIDEwLjkyMzhMOS4wNTc2MSAxMC43NDYxTDguNDM2NTIgMTEuMzA5NkM4LjI5NDkyIDExLjQzNzUgOC4xMTQyNSAxMS41MDM5IDcuOTMyNjEgMTEuNTAzOVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==') no-repeat center;
  mask-size: contain;
  width: 20px;
  height: 20px;
  color: transparent;
}

.bc-input-tooltip {
  display: none;
  background: var(--bc-button-color);
  color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px 0 rgba(0 0 0 / 25%);
  font-size: var(--type-body-xs-size);
  line-height: var(--type-body-xs-lh);
  left: 26px;
  padding: 5px 10px;
  position: absolute;
  top: -26px;
  transform: translateX(-50%);
  user-select: none;
  z-index: 9;
} 

.bc-input-tooltip::before {
  border-top: 5px solid var(--bc-button-color);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .bc-input-tooltip {
  left: unset;
  right: -14px;
}

.bc-input-field-label:focus-visible + .bc-input-tooltip,
.bc-input-field-label:hover + .bc-input-tooltip {
  display: block;
}

.bc-textarea-grow-wrap {
  display: grid;
  flex: 1;
}

.bc-input-field-container textarea,
.bc-textarea-grow-wrap::after {
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: var(--type-body-s-size);
  line-height: 1.5;
  outline: none;
  width: 100%;
  resize: none;
  overflow-wrap: break-word;
  min-height: var(--bc-input-height);
  max-height: 35vh;
  padding: 14px 0;
  box-sizing: border-box;
  grid-area: 1 / 1 / 2 / 2;
}

.bc-input-field-container textarea {
  overflow-y: auto;
}

.bc-textarea-grow-wrap::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

.bc-input-field-container textarea::placeholder {
  color: #757575;
}

.input-field-button {
  background: var(--bc-button-color);
  border: none;
  border-radius: var(--bc-button-radius);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--bc-button-dimensions);
  transition: background 0.3s ease;
  width: var(--bc-button-dimensions);
  align-self: end;
  margin-bottom: 10px;
  padding: 0;
}

.input-field-button:hover {
  background: var(--bc-button-hover-color);
}

.input-field-button:focus-visible {
  outline: 2px solid var(--bc-keyboard-focus-color);
  outline-offset: 2px;
}

.input-field-button:disabled {
  background: #fff;
  color: #0004;
  pointer-events: none;
}

.bc-legal {
  color: #4B4B4B;
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.bc-legal p {
  margin: 0;
}

.bc-legal a {
  color: #4B4B4B;
}

.bc-legal-header {
  align-items: center;
  display: flex;
  gap: 8px;
}

/* Temporary override to chat styling */
#brand-concierge-mount .input-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#brand-concierge-mount .chat-input {
  line-height: 1.5 !important;
  padding: 14px 0 !important;
  margin: 0 !important;
}

#brand-concierge-mount .container-mobile .chat-input {
  font-size: 16px !important;
}

#brand-concierge-mount .container-mobile .chat-history {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

#brand-concierge-mount .ai-chat-label {
  height: 32px !important;
  width: 32px !important;
}

#brand-concierge-mount .input-container:has(.ai-chat-label) {
  padding: 0 10px !important;
}

#brand-concierge-mount .ai-chat-label svg {
  background: linear-gradient(98.11deg, #9A3CF9 -4.21%, #E743C8 35.46%, #ED457E 68.67%, #FF7918 104.7%);
  mask: url('data:image/svg+xml;base64,PHN2ZyB0aXRsZT0iQXNrIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yNSAxOC45OThDNi4xNTAzOSAxOC45OTggNi4wNTA3OCAxOC45Nzg1IDUuOTU2MDUgMTguOTM4NUM1LjY3OTY4IDE4LjgyMDMgNS41IDE4LjU0ODggNS41IDE4LjI0OFYxNC45OThINC43NUMyLjY4MjYyIDE0Ljk5OCAxIDEzLjMxNTQgMSAxMS4yNDhWNS43NDgwNUMxIDMuNjgwNjcgMi42ODI2MiAxLjk5ODA1IDQuNzUgMS45OTgwNUg4LjcwMzEyQzkuMTE3MTggMS45OTgwNSA5LjQ1MzEyIDIuMzMzOTkgOS40NTMxMiAyLjc0ODA1QzkuNDUzMTIgMy4xNjIxMSA5LjExNzE4IDMuNDk4MDUgOC43MDMxMiAzLjQ5ODA1SDQuNzVDMy41MDk3NyAzLjQ5ODA1IDIuNSA0LjUwNzgyIDIuNSA1Ljc0ODA1VjExLjI0OEMyLjUgMTIuNDg4MyAzLjUwOTc3IDEzLjQ5OCA0Ljc1IDEzLjQ5OEg2LjI1QzYuNjY0MDYgMTMuNDk4IDcgMTMuODM0IDcgMTQuMjQ4VjE2LjQ4NDRMOS44ODM3OSAxMy43MDhDMTAuMDIzNCAxMy41NzMyIDEwLjIxIDEzLjQ5OCAxMC40MDQzIDEzLjQ5OEgxNS4yNUMxNi40OTAyIDEzLjQ5OCAxNy41IDEyLjQ4ODMgMTcuNSAxMS4yNDhWOS45NzY1N0MxNy41IDkuNTYyNTEgMTcuODM1OSA5LjIyNjU3IDE4LjI1IDkuMjI2NTdDMTguNjY0MSA5LjIyNjU3IDE5IDkuNTYyNTEgMTkgOS45NzY1N1YxMS4yNDhDMTkgMTMuMzE1NCAxNy4zMTc0IDE0Ljk5OCAxNS4yNSAxNC45OThIMTAuNzA3TDYuNzcwNTEgMTguNzg4MUM2LjYyNzkzIDE4LjkyNTggNi40NDA0MyAxOC45OTggNi4yNSAxOC45OThaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTMuMjc3NCA5LjA4MjkyQzEzLjA4ODkgOS4wODI5MiAxMi44OTk1IDkuMDM0MDkgMTIuNzI4NiA4LjkzNTQ2QzEyLjMxMjYgOC42OTYyIDEyLjEwMTYgOC4yMjA2MiAxMi4yMDIyIDcuNzUxODdMMTIuNjYyMiA1LjYyNjg3TDExLjIwMjIgNC4wMTY1MkMxMC44Nzk5IDMuNjYxMDUgMTAuODI0MyAzLjE0NDQ1IDExLjA2MzUgMi43Mjk0MUMxMS4zMDM4IDIuMzE0MzcgMTEuNzg0MiAyLjEwMzQzIDEyLjI0NzEgMi4yMDMwNEwxNC4zNzIxIDIuNjYzTDE1Ljk4MjUgMS4yMDMwNEMxNi4zMzggMC44ODE3NDcgMTYuODU3NSAwLjgyNzA1NyAxNy4yNjk2IDEuMDY0MzdDMTcuNjg1NiAxLjMwMzYzIDE3Ljg5NjUgMS43NzkyMSAxNy43OTYgMi4yNDc5NkwxNy4zMzYgNC4zNzI5NkwxOC43OTYgNS45ODMzMUMxOS4xMTgyIDYuMzM4NzggMTkuMTczOSA2Ljg1NTM4IDE4LjkzNDYgNy4yNzA0MkMxOC42OTQ0IDcuNjg2NDQgMTguMjE3OCA3Ljg5OTMzIDE3Ljc1MSA3Ljc5Njc5TDE1LjYyNiA3LjMzNjgzTDE0LjAxNTcgOC43OTY3OUMxMy44MDc3IDguOTg1MjcgMTMuNTQ0IDkuMDgyOTIgMTMuMjc3NCA5LjA4MjkyWk0xMy4xNTE0IDMuOTMzNUwxMy45MTEyIDQuNzcxMzlDMTQuMTQ3NSA1LjAyOTIgMTQuMjQ2MiA1LjM5MjQ4IDE0LjE3MTkgNS43NDAxNEwxMy45MzI3IDYuODQ3NTdMMTQuNzcwNiA2LjA4NzhDMTUuMDI5NCA1Ljg1MTQ3IDE1LjM5NjYgNS43NTM4MiAxNS43MzkzIDUuODI3MDZMMTYuODQ2NyA2LjA2NjMyTDE2LjA4NyA1LjIyODQzQzE1Ljg1MDYgNC45NzA2MiAxNS43NTIgNC42MDczNCAxNS44MjYyIDQuMjU5NjhMMTYuMDY1NSAzLjE1MjI2TDE1LjIyNzYgMy45MTIwM0MxNC45Njk4IDQuMTQ5MzMgMTQuNjA0NiA0LjI0ODk0IDE0LjI1ODkgNC4xNzI3N0wxMy4xNTE0IDMuOTMzNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik03LjkzMjYxIDExLjUwMzlDNy44MDM3IDExLjUwMzkgNy42NzQ4IDExLjQ3MDcgNy41NTc2MSAxMS40MDMzQzcuMjc1MzggMTEuMjQwMiA3LjEzMDg1IDEwLjkxNDEgNy4xOTkyMSAxMC41OTU3TDcuMzc2OTQgOS43NzUzOEw2LjgxMzQ2IDkuMTU0MjlDNi41OTQ3MSA4LjkxMzA4IDYuNTU2NjIgOC41NTc2MSA2LjcxOTcxIDguMjc1MzhDNi44ODI4IDcuOTkzMTUgNy4yMTA5MiA3Ljg1NDQ4IDcuNTI3MzMgNy45MTY5OEw4LjM0NzY0IDguMDk0NzFMOC45Njg3MyA3LjUzMTIzQzkuMjEwOTIgNy4zMTI0OCA5LjU2NDQzIDcuMjc0MzkgOS44NDc2NCA3LjQzNzQ4QzEwLjEyOTkgNy42MDA1NyAxMC4yNzQ0IDcuOTI2NzQgMTAuMjA2IDguMjQ1MUwxMC4wMjgzIDkuMDY1NDFMMTAuNTkxOCA5LjY4NjVDMTAuODEwNSA5LjkyNzcxIDEwLjg0ODYgMTAuMjgzMiAxMC42ODU1IDEwLjU2NTRDMTAuNTIyNSAxMC44NDc2IDEwLjE5MzMgMTAuOTg5MiA5Ljg3NzkyIDEwLjkyMzhMOS4wNTc2MSAxMC43NDYxTDguNDM2NTIgMTEuMzA5NkM4LjI5NDkyIDExLjQzNzUgOC4xMTQyNSAxMS41MDM5IDcuOTMyNjEgMTEuNTAzOVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==') no-repeat center;
  mask-size: contain;
  width: 20px !important;
  height: 20px !important;
  color: transparent !important;
}

#brand-concierge-mount .disclaimer-message {
  line-height: 1.5 !important;
}

#brand-concierge-mount .container-desktop .bc-response-footer,
#brand-concierge-mount .container-mobile .bc-response-footer {
  margin-top: 16px !important;
}

#brand-concierge-mount .citations-sources-panel:not(.active) {
  padding: 0 !important;
  height: 0 !important;
}

#brand-concierge-mount .bc-response-footer-actions .bc-feedback-buttons {
  margin-top: 4px !important;
}

#brand-concierge-mount .feedback-button:hover:not(:disabled) {
  color: #131313 !important;
  transform: none !important;
}

#brand-concierge-mount .submit-button:hover:not(:disabled) {
  transform: none !important;
}

#brand-concierge-mount .privacy-notice-title {
  display: none !important;
}

#brand-concierge-mount .message-blocker {
  height: calc(90px - 24px) !important;
}

/* Hero */
.brand-concierge.hero {
  padding: 40px 24px 12px;
}

.brand-concierge.hero.has-bg-image {
  background: linear-gradient(180deg, #fff0 0%, #fff0 38%, #fff 100%), var(--brand-concierge-bg) 50% / cover no-repeat;
}

.hero .bc-header-title {
  font-size: 36px;
  line-height: 45px;
}

.hero .bc-input-field {
  max-width: calc(100% - 4px);
  margin-bottom: 24px;
}

.hero .bc-prompt-cards {
  padding: 0;
  margin-bottom: 40px;
}

.light .prompt-card-button,
.hero .prompt-card-button,
.pill-cards .prompt-card-button {
  box-shadow: 0 0 6px 0 rgba(0 0 0 / 25%);
}

.hero .card-icon,
.pill-cards .card-icon {
  align-self: flex-start;
  margin-top: 4px;
}

/* Sticky */
@keyframes sticky-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.brand-concierge.sticky {
  animation-name: sticky-in;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  animation-delay: var(--bc-sticky-delay);
  bottom: 0;
  opacity: 0;
  padding: 0 20px 40px;
  position: fixed;
  right: 0;
  z-index: 9;
}

.sticky .bc-input-field {
  margin-bottom: 0;
}

.sticky .bc-input-field::after {
  opacity: 0;
}

.sticky .bc-input-field-container {
  box-shadow: 0 2px 8px 0 rgba(0 0 0 / 16%);
  min-height: var(--bc-sticky-mobile-height);
  margin: 0;
  padding: 0;
}

.sticky .bc-legal,
.sticky .bc-input-field-label,
.sticky .bc-input-field-container .bc-textarea-grow-wrap,
.sticky .input-field-button {
  display: none;
}

.sticky .bc-input-field:has(textarea:focus-visible)::after {
  opacity: 0.5;
}

.sticky .bc-legal, .bc-legal.legal-closed.legal-shown {
  opacity: 0;
}

.sticky .bc-mobile-button {
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: var(--bc-sticky-mobile-height);
  padding: 0;
  position: relative;
  width: var(--bc-sticky-mobile-height);
  z-index: 9;
}

.sticky .bc-mobile-button:focus-visible {
  outline: 2px solid var(--bc-keyboard-focus-color);
}

.sticky .bc-legal {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 #00000026;
  color: #000;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  position: relative;
  text-align: left;
  z-index: 9;
}

.sticky .bc-legal h1,
.sticky .bc-legal h2,
.sticky .bc-legal h3,
.sticky .bc-legal h4,
.sticky .bc-legal h5,
.sticky .bc-legal h6 {
  font-size: var(--type-body-xxs-size);
  font-weight: normal;
  line-height: var(--type-body-xxs-lh);
  margin: 0;
}

.sticky .bc-legal p {
  margin: 0;
}

.sticky .bc-legal-close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--type-body-m-size);
  height: 20px;
  padding: 3px;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
}

[dir="rtl"] .sticky .bc-legal-close {
  right: auto;
  left: 9px;
}

.sticky .bc-legal-close:focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--bc-keyboard-focus-color);
}

@keyframes slide-up {
  from {
    bottom: -100vh;
  }

  to {
    bottom: 0;
  }
}

@keyframes slide-down {
  from {
    bottom: 0;
  }

  to {
    bottom: -100vh;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

:root {
  --bc-modal-animation-time: 500ms;
}

#brand-concierge-modal {
  --modal-header-height: 57px;
}

#brand-concierge-modal.dialog-modal {
  height: calc(100dvh - 22px);
  width: 100vw;
  max-width: unset;
  max-height: unset;
  margin-top: 22px;
  border-radius: 24px 24px 0 0;
  font-size: 16px;
  top: unset;
  bottom: 0;
  animation: var(--bc-modal-animation-time) ease-in-out slide-up;
}

/* Fallback for browsers that don't support dvh */
@supports not (height: 100dvh) {
  #brand-concierge-modal.dialog-modal {
    height: calc(100vh - 22px);
  }
}

#brand-concierge-modal.dialog-modal.closing {
  animation: var(--bc-modal-animation-time) ease-in-out slide-down;
  bottom: -100vh;
}

#brand-concierge-modal ~ .modal-curtain {
  animation: var(--bc-modal-animation-time) ease-in-out fade-in;
  opacity: 1;
}

#brand-concierge-modal.closing ~ .modal-curtain {
  animation: var(--bc-modal-animation-time) ease-in-out fade-out;
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  #brand-concierge-modal.dialog-modal,
  #brand-concierge-modal.dialog-modal.closing,
  #brand-concierge-modal ~ .modal-curtain,
  #brand-concierge-modal.closing ~ .modal-curtain {
    animation: none;
  }
}

#brand-concierge-modal  .dialog-close {
  z-index: 2;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjA2MDYgMTBMMTYuMjY3MSA0Ljc5Mzk1QzE2LjU2MDEgNC41MDA5OCAxNi41NjAxIDQuMDI2MzcgMTYuMjY3MSAzLjczMzRDMTUuOTc0MSAzLjQ0MDQzIDE1LjQ5OTUgMy40NDA0MyAxNS4yMDY1IDMuNzMzNEwxMCA4LjkzOTQ1TDQuNzkzNDYgMy43MzM0QzQuNTAwNDkgMy40NDA0MyA0LjAyNTg4IDMuNDQwNDMgMy43MzI5MSAzLjczMzRDMy40Mzk5NCA0LjAyNjM3IDMuNDM5OTQgNC41MDA5OCAzLjczMjkxIDQuNzkzOTVMOC45MzkzOSAxMEwzLjczMjkxIDE1LjIwNkMzLjQzOTk0IDE1LjQ5OSAzLjQzOTk0IDE1Ljk3MzYgMy43MzI5MSAxNi4yNjY2QzMuODc5MzkgMTYuNDEzMSA0LjA3MTI5IDE2LjQ4NjMgNC4yNjMxOCAxNi40ODYzQzQuNDU1MDcgMTYuNDg2MyA0LjY0Njk3IDE2LjQxMzEgNC43OTM0NSAxNi4yNjY2TDkuOTk5OTkgMTEuMDYwNUwxNS4yMDY1IDE2LjI2NjZDMTUuMzUzIDE2LjQxMzEgMTUuNTQ0OSAxNi40ODYzIDE1LjczNjggMTYuNDg2M0MxNS45Mjg3IDE2LjQ4NjMgMTYuMTIwNiAxNi40MTMxIDE2LjI2NzEgMTYuMjY2NkMxNi41NiAxNS45NzM2IDE2LjU2IDE1LjQ5OSAxNi4yNjcxIDE1LjIwNkwxMS4wNjA2IDEwWiIgZmlsbD0iIzI5MjkyOSIvPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  border: none;
  top: 12px;
  right: 16px;
}

#brand-concierge-modal  .dialog-close:focus-visible {
  outline: 2px solid #5574F7;
  outline-offset: 2px;
  border-radius: 8px;
}

#brand-concierge-modal  .dialog-close svg {
  display: none;
}

.bc-modal-header {
  height: var(--modal-header-height);
  padding: 12px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgb(0 0 0 / 9%);
}

.bc-modal-title {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  color: #000;
}

.bc-beta-label {
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  color: #6338EE;
  background: #EBEEFF;
  border-radius: 4px;
  height: 14px;
  width: 30px;
  text-align: center;
}

#brand-concierge-modal #brand-concierge-mount {
  height: calc(100% - var(--modal-header-height));
}

  /* large mobile up */
@media screen and (min-width: 600px) {
  .brand-concierge {
    padding: 56px 32px 12px;
  }

  /* Hero */
  .brand-concierge.hero {
    padding: 80px 32px 24px;
  }
}


/* Tablet up */
@media screen and (min-width: 768px) {
  .brand-concierge {
    padding: 56px 24px 12px;
  }

  .bc-prompt-cards {
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: center;
    margin: 0 auto 32px;
    max-width: 670px;
    padding: 0;
  }

  .input-first .bc-prompt-cards {
    margin-bottom: 56px;
  }

  .prompt-card-button {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
  }

  .prompt-card-image {
    border-radius: var(--bc-card-radius) var(--bc-card-radius) 0 0;
    display: block;
  }

  .prompt-card-image img,
  .prompt-card-image  {
    display: block;
    border-radius: var(--bc-card-radius) var(--bc-card-radius) 0 0;
  }

  .prompt-card-text {
    display: flex;
    flex-wrap: wrap;
  }

  .prompt-card-text .card-icon {
    margin-top: 0;
  }

  .bc-input-field {
    margin: 0 auto 80px;
    max-width: calc(670px - 4px);
  }

  .input-first .bc-input-field {
    margin-bottom: calc(32px + 2px);
  }

  .bc-input-field-container textarea,
  .bc-textarea-grow-wrap::after {
    max-height: 244px;
  }

  .bc-legal {
    margin: 0 auto;
    max-width: calc(670px - 4px);
  }

  .brand-concierge.sticky {
    right: initial;
    width: 100%;
  }

  /* Hero */
  .brand-concierge.hero {
    padding: 80px 48px 24px;
  }

  .hero .bc-header {
    padding: 0 50px;
  }

  .hero .bc-input-field {
    margin-bottom: 32px;
    max-width: calc(768px - 4px);
  }

  .hero .bc-prompt-cards,
  .pill-cards .bc-prompt-cards {
    flex-wrap: wrap;
    max-width: 600px;
  }
  
  .hero .prompt-card-button,
  .pill-cards .prompt-card-button {
    flex-direction: row;
    min-height: 40px;
    width: unset;
  }

  .hero .prompt-card-text,
  .pill-cards .prompt-card-text {
    display: grid;
    grid-template-columns: 16px auto;
    padding: 8px 16px;
  }

  .hero .prompt-card-text .card-icon,
  .pill-cards .prompt-card-text .card-icon {
    margin-top: 4px;
  }

  /* Sticky */
  .sticky .bc-legal.legal-shown:not(.legal-closed) {
    opacity: 1;
  }

  .sticky .bc-input-field::before {
    border-radius: var(--bc-input-radius);
  }
  
  .sticky .bc-input-field::after {
    border-radius: var(--bc-input-radius);
  }

  .sticky .bc-input-field-container {
    border-radius: calc(var(--bc-input-radius) - 2px);
    min-height: var(--bc-input-height);
    padding: 0 12px;
  }

  .sticky .bc-input-field-label,
  .sticky .input-field-button {
    display: flex;
  }

  .sticky .bc-input-field-container .bc-textarea-grow-wrap {
    display: grid;
  }

  .sticky .bc-legal {
    display: block;
  }

  .sticky .bc-mobile-button {
    display: none;
  }

  #brand-concierge-modal.dialog-modal {
    height: calc(100dvh - 32px);
    margin-top: 32px;
    border-radius: 12px 12px 0 0;
  }

  /* Fallback for browsers that don't support dvh */
  @supports not (height: 100dvh) {
    #brand-concierge-modal.dialog-modal {
      height: calc(100vh - 32px);
    }
  }
}

/* tablet wide up */
@media screen and (min-width: 960px) {
  .brand-concierge.hero {
    padding: 80px 46px 24px;
  }

  .hero .bc-prompt-cards,
  .pill-cards .bc-prompt-cards {
    max-width: 932px;
  }
}

/* desktop up */
@media screen and (min-width: 1200px) {
  .brand-concierge {
    padding: 80px 48px 12px;
  }

  .bc-header,
  .hero .bc-header {
    padding: 0 24px;
  }

  .bc-prompt-cards {
    max-width: 768px;
  }

  .input-first .bc-prompt-cards {
    margin-bottom: 80px;
  }

  .bc-legal {
    max-width: 678px;
  }

  .bc-input-field {
    max-width: calc(768px - 4px);
  }

  .hero .bc-header-title {
    font-size: 44px;
    line-height: 55px;
  }

  .sticky .bc-input-field,
  .sticky .bc-legal {
    max-width: calc(600px - 4px);
  }

  #brand-concierge-modal.dialog-modal {
    max-width: 80vw;
  }
}