@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap); @keyframes aiChipShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.ai-mode-container{width:100%;max-width:764px;display:flex;flex-direction:column;align-items:center;gap:24px;margin:0 auto;position:relative;z-index:10}.ai-mode-container .ai-search-box{position:relative;width:100%;height:136px;border-radius:16px;padding:16px;background:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(135deg, #1886E7 0%, #9926D9 100%) border-box;border:1px solid rgba(0,0,0,0);box-shadow:0px 0px 20px 0px rgba(0,0,0,.1019607843);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:space-between}.ai-mode-container .ai-search-box .ai-input-wrapper{display:flex;gap:12px;height:100%}.ai-mode-container .ai-search-box .ai-input-wrapper .ai-sparkle-icon{margin-top:4px;flex-shrink:0;width:16px;height:16px;display:block;filter:brightness(0) saturate(100%) invert(0.4);transition:filter .3s ease}.ai-mode-container .ai-search-box .ai-input-wrapper .ai-sparkle-icon.active{filter:none}.ai-mode-container .ai-search-box .ai-input-wrapper textarea{width:100%;height:100%;border:none;outline:none;resize:none;background:rgba(0,0,0,0);font-family:"Montserrat",sans-serif;font-size:14px;color:#1e1e1e;padding:0;margin-top:2px}.ai-mode-container .ai-search-box .ai-input-wrapper textarea::placeholder{color:#8f90a0;font-weight:400}.ai-mode-container .ai-search-box .ai-action-btn{position:absolute;bottom:16px;right:16px}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #1886E7 0%, #9926D9 100%);border:none;cursor:pointer;transition:opacity .2s ease}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn img{width:20px;height:20px;display:block;filter:brightness(0) invert(1)}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn:hover{opacity:.9}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn:active{transform:scale(0.98)}.ai-mode-container .ai-suggestions{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;width:100%;overflow:hidden}.ai-mode-container .ai-suggestions .ai-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e3e4e6;border-radius:100px;cursor:pointer;transition:all .2s ease;font-family:"Montserrat",sans-serif;font-size:14px;color:#505050;min-width:0;flex:1 1 0}.ai-mode-container .ai-suggestions .ai-chip svg{color:#8f90a0;flex-shrink:0}.ai-mode-container .ai-suggestions .ai-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-mode-container .ai-suggestions .ai-chip.ai-chip--skeleton{cursor:default;pointer-events:none}.ai-mode-container .ai-suggestions .ai-chip.ai-chip--skeleton svg{width:16px;height:16px;border-radius:4px;flex-shrink:0;color:rgba(0,0,0,0);background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:aiChipShimmer 1.5s infinite}.ai-mode-container .ai-suggestions .ai-chip.ai-chip--skeleton svg *{stroke:rgba(0,0,0,0) !important;fill:rgba(0,0,0,0) !important}.ai-mode-container .ai-suggestions .ai-chip.ai-chip--skeleton span{display:block;flex:1 1 auto;width:auto;height:14px;border-radius:6px;color:rgba(0,0,0,0);background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:aiChipShimmer 1.5s infinite}.ai-mode-container .ai-suggestions .ai-chip:hover{border-color:#9926d9;color:#9926d9}.ai-mode-container .ai-suggestions .ai-chip:hover svg{color:#9926d9}.ai-mode-container .ai-suggestions .ai-chip:hover{background-color:#fcfcfc}@media(max-width: 768px){.ai-mode-container{padding:0 12px;gap:12px}.ai-mode-container .ai-search-box{height:120px;padding:10px;border-radius:10px}.ai-mode-container .ai-search-box .ai-input-wrapper{gap:8px}.ai-mode-container .ai-search-box .ai-input-wrapper .ai-sparkle-icon{width:12px;height:12px;margin-top:2px}.ai-mode-container .ai-search-box .ai-input-wrapper textarea{font-size:12px;margin-top:0}.ai-mode-container .ai-search-box .ai-input-wrapper textarea::placeholder{font-size:12px}.ai-mode-container .ai-search-box .ai-action-btn{bottom:10px;right:10px}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:6px}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn img{width:16px;height:16px}.ai-mode-container .ai-search-box .ai-action-btn .ai-submit-btn svg{width:16px;height:16px}.ai-mode-container .ai-suggestions{gap:8px;justify-content:flex-start;overflow:visible;flex-wrap:nowrap;flex-direction:column;align-items:stretch;padding-bottom:0;width:100%;margin:0;padding-left:0;padding-right:0}.ai-mode-container .ai-suggestions .ai-chip{flex:0 0 auto;width:100%;white-space:nowrap;max-width:100%;padding:6px 12px;font-size:12px;gap:6px;border-radius:50px}.ai-mode-container .ai-suggestions .ai-chip.ai-chip--skeleton span{height:12px;flex:1 1 auto;width:auto}.ai-mode-container .ai-suggestions .ai-chip.ai-chip--skeleton svg{width:12px;height:12px;border-radius:3px}.ai-mode-container .ai-suggestions .ai-chip svg{width:12px;height:12px;flex-shrink:0}.ai-mode-container .ai-suggestions .ai-chip span{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}} .segmented-toggle{position:relative;display:flex;flex-direction:row;align-items:center;padding:2px;margin:0 auto;width:233px;height:40px;background:var(--bg-accent-soft);border-radius:6px;flex:none;order:0;align-self:stretch;flex-grow:0}.segmented-toggle__indicator{position:absolute;top:2px;left:0;height:34px;background:var(--bg-primary);box-shadow:0px 0px 3px rgba(0,0,0,.12);border-radius:6px;z-index:0;transition:transform 220ms ease,width 220ms ease;will-change:transform,width}@media(prefers-reduced-motion: reduce){.segmented-toggle__indicator{transition:none}}.segmented-toggle--start{margin:0}.segmented-toggle--error{box-shadow:0 0 0 .1rem rgba(255,0,0,.25)}.segmented-toggle__option{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;gap:8px;width:115px;height:34px;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative;z-index:1;border-radius:100px;font-family:var(--ds-font-family-base);font-style:normal;font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-13);line-height:var(--ds-line-height-140);text-align:center;letter-spacing:var(--ds-letter-spacing-tight);color:var(--fg-secondary);flex:none;order:0;flex-grow:0}.segmented-toggle__option svg{width:18px;height:18px;color:var(--fg-tertiary) !important;flex:none;order:0;flex-grow:0}.segmented-toggle__option svg [stroke],.segmented-toggle__option svg [stroke-width]{stroke:currentColor !important}.segmented-toggle__option svg [fill=none]{fill:none !important}.segmented-toggle__option svg [fill]:not([fill=none]){fill:currentColor !important}.segmented-toggle__option span{flex:none;order:1;flex-grow:0}.segmented-toggle__option:last-child{width:114px}.segmented-toggle__option.is-active{color:var(--fg-brand)}.segmented-toggle__option.is-active svg{color:var(--fg-brand) !important}.segmented-toggle__option:disabled{cursor:not-allowed;opacity:.6}@media(max-width: 767px){.segmented-toggle{width:100%;margin:0}.segmented-toggle__option{flex:1 1 0;width:auto}.segmented-toggle__option:last-child{width:auto}} .recent-ai-chats-section{padding:60px 0;background:rgba(0,0,0,0);margin-top:50px}@media(max-width: 768px){.recent-ai-chats-section{padding:30px 0;margin-top:20px}}.recent-ai-chats-section .recent-chats-header{margin-bottom:40px}.recent-ai-chats-section .recent-chats-header h2{font-size:var(--ds-font-size-23);font-weight:var(--ds-font-weight-bold);color:var(--fg-primary);margin-bottom:12px}.recent-ai-chats-section .recent-chats-header p{font-size:var(--ds-font-size-14);color:var(--fg-secondary);margin-bottom:0;font-weight:var(--ds-font-weight-regular)}.recent-ai-chats-section .recent-chats-content{position:relative;max-width:1200px;margin:0 auto}.recent-ai-chats-section .recent-chat-card{background:var(--bg-secondary);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid var(--bng-gray-border)}.recent-ai-chats-section .recent-chat-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-modal);border-color:var(--border-muted)}.recent-ai-chats-section .recent-chat-card .chat-card-icon{width:40px;height:40px;background:var(--bg-muted);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--fg-secondary)}.recent-ai-chats-section .recent-chat-card .chat-card-icon svg{color:inherit}.recent-ai-chats-section .recent-chat-card .chat-card-icon img{width:16px;height:16px;display:block}.recent-ai-chats-section .recent-chat-card .chat-card-content{flex:1;display:flex;flex-direction:column}.recent-ai-chats-section .recent-chat-card .chat-card-content .chat-title{font-size:var(--ds-font-size-16);font-weight:var(--ds-font-weight-semibold);color:var(--fg-primary);margin-bottom:10px;line-height:var(--ds-line-height-140);word-break:break-word}.recent-ai-chats-section .recent-chat-card .chat-card-content .chat-details{font-size:var(--ds-font-size-12);color:var(--fg-secondary);margin-bottom:8px;line-height:var(--ds-line-height-140);font-weight:var(--ds-font-weight-medium)}.recent-ai-chats-section .recent-chat-card .chat-card-content .chat-summary{font-size:var(--ds-font-size-13);color:var(--fg-tertiary);margin-bottom:0;line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recent-ai-chats-section .recent-chat-card .chat-card-content p{margin-bottom:0}.recent-ai-chats-section .new-chat-card{background:var(--bg-primary);align-items:center;justify-content:center;text-align:center;min-height:180px}.recent-ai-chats-section .new-chat-card .chat-card-content{flex:unset;align-items:center;width:100%}.recent-ai-chats-section .new-chat-card .chat-card-content h3{font-size:var(--ds-font-size-16);font-weight:var(--ds-font-weight-medium);color:var(--fg-primary);margin-bottom:6px}.recent-ai-chats-section .new-chat-card .chat-card-content p{font-size:var(--ds-font-size-13);color:var(--fg-tertiary);font-weight:var(--ds-font-weight-medium)}.recent-ai-chats-section .new-chat-card .chat-card-icon{width:40px;height:40px;padding:12px;border-radius:12px;margin-bottom:8px;background:var(--bg-accent-soft)}.recent-ai-chats-section .new-chat-card .chat-card-icon img{width:16px;height:16px;display:block}.recent-ai-chats-section .ask-zoe-button-wrapper{position:absolute;top:-50px;right:0;display:none;align-items:center;justify-content:flex-end;padding-right:0}@media(max-width: 991px){.recent-ai-chats-section .ask-zoe-button-wrapper{position:relative;margin-top:24px;justify-content:center;padding-right:0}}.recent-ai-chats-section .ask-zoe-button{background:var(--ds-gradient-askai-intro);border:none;border-radius:var(--bng-radius-pill);padding:12px 24px;color:var(--fg-on-primary);font-size:var(--ds-font-size-16);font-weight:var(--ds-font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:var(--ds-shadow-soft)}.recent-ai-chats-section .ask-zoe-button:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-modal)}.recent-ai-chats-section .ask-zoe-button img{width:16px;height:16px;display:block;filter:brightness(0) invert(1)}.recent-ai-chats-section .ask-zoe-button span{color:var(--fg-on-primary)}@media(max-width: 991px){.recent-ai-chats-section .recent-chats-content .ask-zoe-button-wrapper{position:relative;margin-top:24px}} @charset "UTF-8"; .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before { border-color: #ccc; border-style: solid; border-width: 3px 3px 0 0; content: ""; display: block; height: 9px; position: absolute; top: 6px; width: 9px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { margin-left: -4px; position: absolute; width: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; content: ""; z-index: -1; border-width: 8px; left: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { border-top: none; border-bottom-color: #fff; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { top: 0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #ede7e7; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { bottom: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; padding: 0; border: 0; width: 100%; } .react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #22313d; border: 1px solid #eee; border-radius: 0.3rem; display: inline-block; position: relative; box-shadow: 0 5px 5px rgb(0 0 0 / 50%); } .react-datepicker.datesLoading:after { display: flex; content: "Loading Dates..."; background: rgba(255,255,255,0.8); z-index: 2; position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 14px; font-weight: 600; columns: #17517b; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 5; } .react-datepicker-popper[data-placement^=bottom] { padding-top: 14px; z-index: 200; } .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle { left: auto; right: 50px; } .react-datepicker-popper[data-placement^=top] { padding-bottom: 10px; } .react-datepicker-popper[data-placement^=right] { padding-left: 8px; } .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^=left] { padding-right: 8px; } .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #ffffff; border-top-left-radius: 0.25rem; padding: 8px 0; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0; } .react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 2px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #22313d; font-weight: bold; font-size: 0.944rem; margin-bottom: 8px; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { align-items: center; background: none; display: flex; justify-content: center; text-align: center; cursor: pointer; position: absolute; top: 8px; padding: 0; border: none; z-index: 1; height: 32px; width: 32px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 2px; } .react-datepicker__navigation--next { right: 2px; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; } .react-datepicker__navigation--years-upcoming { top: -4px; } .react-datepicker__navigation:hover *::before { border-color: #a6a6a6; } .react-datepicker__navigation-icon { position: relative; top: -1px; font-size: 20px; width: 0; } .react-datepicker__navigation-icon--next { left: -2px; } .react-datepicker__navigation-icon--next::before { transform: rotate(45deg); left: -7px; } .react-datepicker__navigation-icon--previous { right: -2px; } .react-datepicker__navigation-icon--previous::before { transform: rotate(225deg); right: -7px; } .react-datepicker__month-container { float: left; } .react-datepicker__year { margin: 0.4rem; text-align: center; } .react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; } .react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0 10px 15px; text-align: left; } .react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] { -moz-appearance: textfield; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 85px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -72px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0; padding-left: 0; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #17517b; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #17517b; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-names { margin-bottom: -8px; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #22313d; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { border-radius: 0.3rem; background-color: #17517b; color: #fff; } .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: #1d5d90; } .react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: #ccc; pointer-events: none; } .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; } .sField.dep .react-datepicker__day:not(.react-datepicker__day--disabled){ background-color: #f26f22; border-radius: 0.3rem; color: #fff; } .react-datepicker__day:not(.react-datepicker__day--disabled).react-datepicker__day--selected{ background-color: #17517b; } .react-datepicker__day:not(.react-datepicker__day--disabled):hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: 0.3rem; background-color: #f0f0f0; color: #22313d; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: bold; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; } .react-datepicker__day--selected:not(.react-datepicker__day--disabled), .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: #17517b; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: #1d5d90; } .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: #17517b; color:#fff; } .sField .react-datepicker__day--keyboard-selected{ border-radius: 0; background-color: transparent; } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { background-color: #f0f0f0; color: #22313d; } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: transparent; } .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: #17517b; } .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: #f0f0f0; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; position: relative; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { transform: rotate(135deg); right: -16px; top: 0; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0; outline: 0; padding: 0 6px 0 0; position: absolute; top: 0; right: 0; height: 100%; display: table-cell; vertical-align: middle; } .react-datepicker__close-icon::after { cursor: pointer; background-color: #17517b; color: #fff; border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } select.react-datepicker__month-select, select.react-datepicker__year-select { padding: 5px; border: 1px solid #ccc; border-radius: 4px; margin-right: 1px; } .react-datepicker__tab-loop { position: relative; } .react-datepicker-popper { animation: rotateY 300ms ease-in-out forwards; transform-origin: top center; } @keyframes rotateY { 0% { transform: rotateY(90deg) } 80% { transform: rotateY(-10deg) } 100% { transform: rotateY(0) } } .input-range__slider { appearance: none; background: #3f51b5; border: 1px solid #3f51b5; border-radius: 100%; cursor: pointer; display: block; height: 1rem; margin-left: -0.5rem; margin-top: -0.65rem; outline: none; position: absolute; top: 50%; transition: transform 0.3s ease-out, box-shadow 0.3s ease-out; width: 1rem; } .input-range__slider:active { transform: scale(1.3); } .input-range__slider:focus { box-shadow: 0 0 0 5px rgba(63, 81, 181, 0.2); } .input-range--disabled .input-range__slider { background: #cccccc; border: 1px solid #cccccc; box-shadow: none; transform: none; } .input-range__slider-container { transition: left 0.3s ease-out; } .input-range__label { color: #aaaaaa; font-family: "Helvetica Neue", san-serif; font-size: 0.8rem; transform: translateZ(0); white-space: nowrap; } .input-range__label--min, .input-range__label--max { bottom: -1.4rem; position: absolute; } .input-range__label--min { left: 0; } .input-range__label--max { right: 0; } .input-range__label--value { position: absolute; top: -1.8rem; } .input-range__label-container { left: -50%; position: relative; } .input-range__label--max .input-range__label-container { left: 50%; } .input-range__track { background: #eeeeee; border-radius: 0.3rem; cursor: pointer; display: block; height: 0.3rem; position: relative; transition: left 0.3s ease-out, width 0.3s ease-out; } .input-range--disabled .input-range__track { background: #eeeeee; } .input-range__track--background { left: 0; margin-top: -0.15rem; position: absolute; right: 0; top: 50%; } .input-range__track--active { background: #3f51b5; } .input-range { height: 1rem; position: relative; width: 100%; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url(/corporate/e8f6d782b21642a22e7a.gif) center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(/corporate/a4e97f5a2a64f0ab1323.eot); src: url(/corporate/a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/corporate/295183786cd8a1389865.woff) format('woff'), url(/corporate/c94f7671dcc99dce43e2.ttf) format('truetype'), url(/corporate/291c348c601174db561e.svg#slick) format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .ask-ai-card{background:rgba(0,0,0,0);border:none;border-radius:0;padding:0;box-shadow:none;width:100%}html.askai-scroll-lock,body.askai-scroll-lock{overflow:hidden !important;height:100%}.askai-drawer-root{position:fixed;inset:0;pointer-events:none;z-index:10600}.askai-drawer-root.open{pointer-events:auto}.askai-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}.askai-drawer-root.open .askai-drawer-backdrop{opacity:1}.askai-drawer-panel{position:absolute;left:0;right:0;bottom:-30px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -8px 24px rgba(0,0,0,.2);height:auto;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:visible}@supports not (height: 100dvh){.askai-drawer-panel{max-height:calc(100vh - 48px)}}.askai-drawer-root.open .askai-drawer-panel{transform:translateY(0)}.askai-drawer-close{position:absolute;left:50%;transform:translateX(-50%);top:-45px;width:36px;height:36px;border-radius:999px;border:none;background:#2c2c2c;color:#fff;font-size:22px;line-height:36px;text-align:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.askai-drawer-root.open .askai-drawer-close{opacity:1;pointer-events:auto}.askai-drawer-content{overflow:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}@media(min-width: 1024px){.askai-drawer-root{display:none}}.askai-root{position:relative}.askai-intro-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:10500}@media(max-width: 768px){.askai-intro-overlay,.askai-intro-popover{display:none !important}}.askai-intro-overlay~.askai-container{position:relative;z-index:10501 !important}.askai-intro-overlay~.askai-container .askai-container{position:relative;z-index:10501 !important}.askai-intro-popover{position:absolute;top:0;left:calc(100% + 16px);width:315px;min-height:182px;background:var(--ds-gradient-askai-intro, linear-gradient(135deg, #1886E7 0%, #9926D9 100%));color:#fff;border-radius:12px;box-shadow:var(--ds-shadow-modal);padding:12px;z-index:10501;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:20px}@media(max-width: 768px){.askai-intro-popover{left:0;top:calc(100% + 12px);width:min(315px,100%)}}.askai-intro-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:291px}.askai-intro-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:291px}.askai-pop-icon{width:28px;height:28px;display:inline-block;background:url("data:image/svg+xml;utf8,") no-repeat center/contain}.askai-intro-content h3{margin:0;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-16);line-height:var(--ds-line-height-140);letter-spacing:var(--ds-letter-spacing-tight);color:var(--fg-on-primary);display:flex;align-items:center}.askai-intro-content p{margin:0;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-regular);font-size:var(--ds-font-size-14);line-height:var(--ds-line-height-140);letter-spacing:var(--ds-letter-spacing-tight);color:var(--fg-on-primary);opacity:.8;display:flex;align-items:center}.askai-pop-cta{min-width:83px;height:36px;background:var(--bg-primary);color:var(--bg-primary-brand);border:none;border-radius:8px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-14);line-height:var(--ds-line-height-140);letter-spacing:var(--ds-letter-spacing-tight);text-align:center;box-shadow:none}.askai-root .askai-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:16px;width:100%;max-width:272px;min-height:277px;border:1px solid rgba(0,0,0,0) !important;border-radius:16px;background:linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box,var(--ds-gradient-primary-brand) border-box !important;box-shadow:0px 0px 20px rgba(0,0,0,.1);backdrop-filter:blur(5px);margin-bottom:16px;position:relative;z-index:8}@media(max-width: 768px){.resultsSidebar .askai-root .askai-container{max-width:calc(100% - 24px);min-height:auto;padding:10px;margin:0 12px 12px 12px;border-radius:12px}}.askai-root .askai-header{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;max-width:240px;height:25px;margin:0 auto;padding:0}@media(max-width: 768px){.resultsSidebar .askai-root .askai-header{max-width:100%;height:auto;gap:6px}}.askai-root .askai-title{margin:0;display:flex;flex-direction:row;align-items:center;gap:8px}.askai-root .askai-title div.rai-z-50{background-color:#525252;border-radius:10px}.askai-root .askai-title-text{font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-18);color:#333}@media(max-width: 768px){.resultsSidebar .askai-root .askai-title-text{font-size:var(--ds-font-size-14)}}.askai-root .askai-title-icon{display:none}.askai-intro-content-header{display:flex;align-items:center;gap:12px}.askai-root .askai-clearall{margin-left:auto;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-11);line-height:var(--ds-line-height-140);letter-spacing:var(--ds-letter-spacing-tight);color:rgba(0,0,0,0);background:var(--ds-gradient-askai-intro, linear-gradient(135deg, #1886E7 0%, #9926D9 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.askai-root .askai-suggestions{width:100%;max-width:240px;margin:0 auto}.askai-root .askai-pill{background:#fff;border:1px solid #fde4d5;border-radius:999px;padding:6px 10px}.askai-root .askai-textarea{box-sizing:border-box;width:100%;max-width:240px;min-height:160px;flex:1 1 auto;margin:0 auto;padding:12px !important;border:1px solid var(--border-disabled) !important;border-radius:8px;background:var(--bg-primary) !important;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-13) !important;color:var(--fg-primary)}@media(max-width: 768px){.resultsSidebar .askai-root .askai-textarea{max-width:100%;min-height:80px;font-size:var(--ds-font-size-11) !important;padding:8px !important}}.askai-root .askai-textarea::placeholder{font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-regular);font-size:var(--ds-font-size-13) !important;color:var(--fg-muted)}.askai-root .askai-textarea:focus,.askai-root .askai-textarea:focus-visible{outline:none !important;border:1px solid var(--border-disabled) !important;box-shadow:none !important}.askai-root .askai-counter{width:100%;max-width:240px;margin:0 auto;color:var(--fg-muted)}.askai-root .askai-submit{width:100% !important;max-width:240px;height:32px !important;min-height:32px;max-height:32px;margin:0 auto;border-radius:8px !important;background:var(--bg-muted) !important;color:var(--fg-muted) !important;font-family:var(--ds-font-family-base);font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-13);border:none !important;box-shadow:none !important}@media(max-width: 768px){.resultsSidebar .askai-root .askai-submit{max-width:100%;height:28px !important;min-height:28px;max-height:28px;font-size:var(--ds-font-size-11)}}.askai-root .askai-submit:not(:disabled){background:var(--ds-gradient-primary-brand) !important;color:var(--fg-on-primary) !important}.askai-root .askai-submit:disabled{cursor:not-allowed;opacity:1}.askai-root .askai-submit:disabled:hover{background:var(--bg-muted) !important}.askai-root .askai-chips{margin-top:8px}.askai-root .askai-chip{box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding:6px 8px;gap:6px;height:27px;min-height:27px;max-width:100%;background:linear-gradient(135deg, rgba(232, 243, 253, 0.5) 0%, rgba(245, 233, 251, 0.5) 100%) padding-box,linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box,linear-gradient(135deg, rgba(24, 134, 231, 0.4) 0%, rgba(153, 38, 217, 0.4) 100%) border-box;border:1px solid rgba(0,0,0,0);border-radius:8px;box-shadow:none;color:var(--fg-primary)}.askai-root .askai-chip-text{font-family:var(--ds-font-family-base);font-style:normal;font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-11);line-height:var(--ds-line-height-140);letter-spacing:var(--ds-letter-spacing-tight);color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.askai-root .askai-chip-remove{width:12px;height:12px;min-width:12px;min-height:12px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-tertiary)}.askai-root .askai-chip-remove:hover{background-color:rgba(0,0,0,0);color:var(--fg-tertiary)}.askai-root .askai-chip-remove svg{width:12px;height:12px}.askai-custom-title{display:flex;align-items:center;gap:8px}.askai-custom-title .askai-sparkle-icon{width:24px;height:24px;object-fit:contain}@media(max-width: 768px){.resultsSidebar .askai-custom-title .askai-sparkle-icon{width:18px;height:18px}}.askai-custom-title span{font-weight:inherit;font-size:inherit;color:inherit} /* CSS variables. */ :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; align-items: center; } .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } /* Styling native country `