/*! @algolia/autocomplete-theme-classic 1.19.4 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root{--aa-search-input-height:44px;--aa-input-icon-size:20px;--aa-base-unit:16;--aa-spacing-factor:1;--aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);--aa-spacing-half:calc(var(--aa-spacing)/2);--aa-panel-max-height:650px;--aa-base-z-index:9999;--aa-font-size:calc(var(--aa-base-unit)*1px);--aa-font-family:inherit;--aa-font-weight-medium:500;--aa-font-weight-semibold:600;--aa-font-weight-bold:700;--aa-icon-size:20px;--aa-icon-stroke-width:1.6;--aa-icon-color-rgb:119,119,163;--aa-icon-color-alpha:1;--aa-action-icon-size:20px;--aa-text-color-rgb:38,38,39;--aa-text-color-alpha:1;--aa-primary-color-rgb:62,52,211;--aa-primary-color-alpha:0.2;--aa-muted-color-rgb:128,126,163;--aa-muted-color-alpha:0.6;--aa-panel-border-color-rgb:128,126,163;--aa-panel-border-color-alpha:0.3;--aa-input-border-color-rgb:128,126,163;--aa-input-border-color-alpha:0.8;--aa-background-color-rgb:255,255,255;--aa-background-color-alpha:1;--aa-input-background-color-rgb:255,255,255;--aa-input-background-color-alpha:1;--aa-selected-color-rgb:179,173,214;--aa-selected-color-alpha:0.205;--aa-description-highlight-background-color-rgb:245,223,77;--aa-description-highlight-background-color-alpha:0.5;--aa-detached-media-query:(max-width:680px);--aa-detached-modal-media-query:(min-width:680px);--aa-detached-modal-max-width:680px;--aa-detached-modal-max-height:500px;--aa-overlay-color-rgb:115,114,129;--aa-overlay-color-alpha:0.4;--aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);--aa-scrollbar-width:13px;--aa-scrollbar-track-background-color-rgb:234,234,234;--aa-scrollbar-track-background-color-alpha:1;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb);--aa-scrollbar-thumb-background-color-alpha:1}@media (hover:none) and (pointer:coarse){:root{--aa-spacing-factor:1.2;--aa-action-icon-size:22px}}body.dark,body[data-theme=dark]{--aa-text-color-rgb:183,192,199;--aa-primary-color-rgb:146,138,255;--aa-muted-color-rgb:146,138,255;--aa-input-background-color-rgb:0,3,9;--aa-background-color-rgb:21,24,42;--aa-selected-color-rgb:146,138,255;--aa-selected-color-alpha:0.25;--aa-description-highlight-background-color-rgb:0 255 255;--aa-description-highlight-background-color-alpha:0.25;--aa-icon-color-rgb:119,119,163;--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--aa-scrollbar-track-background-color-rgb:44,46,64;--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)}.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{box-sizing:border-box}.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-family:inherit;font-family:var(--aa-font-family);font-size:calc(16 * 1px);font-size:var(--aa-font-size);font-weight:400;line-height:1em;margin:0;padding:0;text-align:left}.aa-Form{align-items:center;background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128, 126, 163,0.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;display:flex;line-height:1em;margin:0;position:relative;width:100%}.aa-Form:focus-within{border-color:rgba(62, 52, 211,1);border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:rgba(62, 52, 211,0.2) 0 0 0 2px,inset rgba(62, 52, 211,0.2) 0 0 0 2px;box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-InputWrapperPrefix{align-items:center;display:flex;flex-shrink:0;height:44px;height:var(--aa-search-input-height);order:1}.aa-Label,.aa-LoadingIndicator{cursor:auto;flex-shrink:0;height:100%;padding:0;text-align:left}.aa-Label svg,.aa-LoadingIndicator svg{color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1);height:auto;max-height:20px;max-height:var(--aa-input-icon-size);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-input-icon-size)}.aa-LoadingIndicator,.aa-SubmitButton{height:100%;padding-left:calc((16 * 1 * 1px)*0.75 - 1px);padding-left:calc(calc(16 * 1 * 1px)*0.75 - 1px);padding-left:calc(var(--aa-spacing)*0.75 - 1px);padding-right:calc((16 * 1 * 1px) / 2);padding-right:calc(calc(16 * 1 * 1px) / 2);padding-right:var(--aa-spacing-half);width:calc((16 * 1 * 1px)*1.75 + 20px - 1px);width:calc(calc(16 * 1 * 1px)*1.75 + 20px - 1px);width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)}@media (hover:none) and (pointer:coarse){.aa-LoadingIndicator,.aa-SubmitButton{padding-left:calc(((16 * 1 * 1px) / 2)/2 - 1px);padding-left:calc(calc(calc(16 * 1 * 1px) / 2)/2 - 1px);padding-left:calc(var(--aa-spacing-half)/2 - 1px);width:calc(20px + (16 * 1 * 1px)*1.25 - 1px);width:calc(20px + calc(16 * 1 * 1px)*1.25 - 1px);width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)}}.aa-SubmitButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0}.aa-LoadingIndicator{align-items:center;display:flex;justify-content:center}.aa-LoadingIndicator[hidden]{display:none}.aa-InputWrapper{order:3;position:relative;width:100%}.aa-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font:inherit;height:44px;height:var(--aa-search-input-height);padding:0;width:100%}.aa-Input::-moz-placeholder{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input::placeholder{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));opacity:1}.aa-Input:focus{border-color:none;box-shadow:none;outline:none}.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.aa-InputWrapperSuffix{align-items:center;display:flex;height:44px;height:var(--aa-search-input-height);order:4}.aa-ClearButton{align-items:center;background:none;border:0;color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;height:100%;margin:0;padding:0 calc((16 * 1 * 1px)*0.83333 - .5px);padding:0 calc(calc(16 * 1 * 1px)*0.83333 - .5px);padding:0 calc(var(--aa-spacing)*0.83333 - .5px)}@media (hover:none) and (pointer:coarse){.aa-ClearButton{padding:0 calc((16 * 1 * 1px)*0.66667 - .5px);padding:0 calc(calc(16 * 1 * 1px)*0.66667 - .5px);padding:0 calc(var(--aa-spacing)*0.66667 - .5px)}}.aa-ClearButton:focus,.aa-ClearButton:hover{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}.aa-ClearButton[hidden]{display:none}.aa-ClearButton svg{stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-icon-size)}.aa-Panel{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:calc((16 * 1 * 1px)/4);border-radius:calc(calc(16 * 1 * 1px)/4);border-radius:calc(var(--aa-spacing)/4);box-shadow:0 0 0 1px rgba(35, 38, 59, 0.1),
0 6px 16px -4px rgba(35, 38, 59, 0.15);box-shadow:var(--aa-panel-shadow);margin:8px 0 0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,filter .2s ease-in}@media screen and (prefers-reduced-motion){.aa-Panel{transition:none}}.aa-Panel button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0}.aa-PanelLayout{height:100%;margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-y:auto;padding:0;position:relative;text-align:left}.aa-PanelLayoutColumns--twoGolden{display:grid;grid-template-columns:39.2% auto;overflow:hidden;padding:0}.aa-PanelLayoutColumns--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:0}.aa-PanelLayoutColumns--three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:0}.aa-Panel--stalled .aa-Source{filter:grayscale(1);opacity:.8}.aa-Panel--scrollable{margin:0;max-height:650px;max-height:var(--aa-panel-max-height);overflow-x:hidden;overflow-y:auto;padding:calc((16 * 1 * 1px) / 2);padding:calc(calc(16 * 1 * 1px) / 2);padding:var(--aa-spacing-half);scrollbar-color:rgba(255, 255, 255,1) rgba(234, 234, 234,1);scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));scrollbar-width:thin}.aa-Panel--scrollable::-webkit-scrollbar{width:13px;width:var(--aa-scrollbar-width)}.aa-Panel--scrollable::-webkit-scrollbar-track{background-color:rgba(234, 234, 234,1);background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))}.aa-Panel--scrollable::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));border-radius:9999px;border:3px solid rgba(234, 234, 234,1);border:3px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));border-right-width:2px}.aa-Source{margin:0;padding:0;position:relative;width:100%}.aa-Source:empty{display:none}.aa-SourceNoResults{font-size:1em;margin:0;padding:calc(16 * 1 * 1px);padding:var(--aa-spacing)}.aa-List{list-style:none;margin:0}.aa-List,.aa-SourceHeader{padding:0;position:relative}.aa-SourceHeader{margin:calc((16 * 1 * 1px) / 2) .5em calc((16 * 1 * 1px) / 2) 0;margin:calc(calc(16 * 1 * 1px) / 2) .5em calc(calc(16 * 1 * 1px) / 2) 0;margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0}.aa-SourceHeader:empty{display:none}.aa-SourceHeaderTitle{background:rgba(255, 255, 255,1);background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1);display:inline-block;font-size:.8em;font-weight:600;font-weight:var(--aa-font-weight-semibold);margin:0;padding:0 calc((16 * 1 * 1px) / 2) 0 0;padding:0 calc(calc(16 * 1 * 1px) / 2) 0 0;padding:0 var(--aa-spacing-half) 0 0;position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-SourceHeaderLine{border-bottom:1px solid rgba(62, 52, 211,1);border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);display:block;height:2px;left:0;margin:0;opacity:.3;padding:0;position:absolute;right:0;top:calc((16 * 1 * 1px) / 2);top:calc(calc(16 * 1 * 1px) / 2);top:var(--aa-spacing-half);z-index:calc(9999 - 1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-SourceFooterSeeAll{background:linear-gradient(180deg,rgba(255, 255, 255,1),rgba(128,126,163,.14));background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));border:1px solid rgba(128, 126, 163,0.6);border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));border-radius:5px;box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);color:inherit;font-size:.95em;font-weight:500;font-weight:var(--aa-font-weight-medium);padding:.475em 1em .6em;-webkit-text-decoration:none;text-decoration:none}.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{border:1px solid rgba(62, 52, 211,1);border:1px solid rgba(var(--aa-primary-color-rgb),1);color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1)}.aa-Item{align-items:center;border-radius:3px;cursor:pointer;display:grid;min-height:calc((16 * 1 * 1px)*2.5);min-height:calc(calc(16 * 1 * 1px)*2.5);min-height:calc(var(--aa-spacing)*2.5);padding:calc(((16 * 1 * 1px) / 2)/2);padding:calc(calc(calc(16 * 1 * 1px) / 2)/2);padding:calc(var(--aa-spacing-half)/2)}.aa-Item[aria-selected=true]{background-color:rgba(179, 173, 214,0.205);background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))}.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{visibility:visible}.aa-ItemIcon{align-items:center;background:rgba(255, 255, 255,1);background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:3px;box-shadow:inset 0 0 0 1px rgba(128, 126, 163,0.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));color:rgba(119, 119, 163,1);color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));display:flex;flex-shrink:0;font-size:.7em;height:calc(20px + ((16 * 1 * 1px) / 2));height:calc(20px + calc(calc(16 * 1 * 1px) / 2));height:calc(var(--aa-icon-size) + var(--aa-spacing-half));justify-content:center;overflow:hidden;stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);text-align:center;width:calc(20px + ((16 * 1 * 1px) / 2));width:calc(20px + calc(calc(16 * 1 * 1px) / 2));width:calc(var(--aa-icon-size) + var(--aa-spacing-half))}.aa-ItemIcon img{height:auto;max-height:calc(20px + ((16 * 1 * 1px) / 2) - 8px);max-height:calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);max-width:calc(20px + ((16 * 1 * 1px) / 2) - 8px);max-width:calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);width:auto}.aa-ItemIcon svg{height:20px;height:var(--aa-icon-size);width:20px;width:var(--aa-icon-size)}.aa-ItemIcon--alignTop{align-self:flex-start}.aa-ItemIcon--noBorder{background:none;box-shadow:none}.aa-ItemIcon--picture{height:96px;width:96px}.aa-ItemIcon--picture img{max-height:100%;max-width:100%;padding:calc((16 * 1 * 1px) / 2);padding:calc(calc(16 * 1 * 1px) / 2);padding:var(--aa-spacing-half)}.aa-ItemContent{align-items:center;cursor:pointer;display:grid;gap:calc((16 * 1 * 1px) / 2);gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:calc((16 * 1 * 1px) / 2);grid-gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;line-height:1.25em;overflow:hidden}.aa-ItemContent:empty{display:none}.aa-ItemContent mark{background:none;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:700;font-weight:var(--aa-font-weight-bold)}.aa-ItemContent--dual{display:flex;flex-direction:column;justify-content:space-between;text-align:left}.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{display:block}.aa-ItemContent--indented{padding-left:calc(20px + (16 * 1 * 1px));padding-left:calc(20px + calc(16 * 1 * 1px));padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-ItemContentBody{display:grid;gap:calc(((16 * 1 * 1px) / 2)/2);gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(((16 * 1 * 1px) / 2)/2);grid-gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2)}.aa-ItemContentTitle{display:inline-block;margin:0 .5em 0 0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.aa-ItemContentSubtitle{font-size:.92em}.aa-ItemContentSubtitleIcon:before{border-color:rgba(128, 126, 163,.64);border-color:rgba(var(--aa-muted-color-rgb),.64);border-style:solid;content:"";display:inline-block;left:1px;position:relative;top:-3px}.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{border-width:0 0 1.5px;margin-left:calc((16 * 1 * 1px) / 2);margin-left:calc(calc(16 * 1 * 1px) / 2);margin-left:var(--aa-spacing-half);margin-right:calc(((16 * 1 * 1px) / 2)/2);margin-right:calc(calc(calc(16 * 1 * 1px) / 2)/2);margin-right:calc(var(--aa-spacing-half)/2);width:calc(((16 * 1 * 1px) / 2) + 2px);width:calc(calc(calc(16 * 1 * 1px) / 2) + 2px);width:calc(var(--aa-spacing-half) + 2px)}.aa-ItemContentSubtitle--standalone{align-items:center;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));display:grid;gap:calc((16 * 1 * 1px) / 2);gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:calc((16 * 1 * 1px) / 2);grid-gap:calc(calc(16 * 1 * 1px) / 2);grid-gap:var(--aa-spacing-half);gap:var(--aa-spacing-half);grid-auto-flow:column;justify-content:start}.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{border-radius:0 0 0 3px;border-width:0 0 1.5px 1.5px;height:calc((16 * 1 * 1px) / 2);height:calc(calc(16 * 1 * 1px) / 2);height:var(--aa-spacing-half);width:calc((16 * 1 * 1px) / 2);width:calc(calc(16 * 1 * 1px) / 2);width:var(--aa-spacing-half)}.aa-ItemContentSubtitleCategory{color:rgba(128, 126, 163,1);color:rgba(var(--aa-muted-color-rgb),1);font-weight:500}.aa-ItemContentDescription{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-size:.85em;max-width:100%;overflow-x:hidden;text-overflow:ellipsis}.aa-ItemContentDescription:empty{display:none}.aa-ItemContentDescription mark{background:rgba(245, 223, 77,0.5);background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));font-style:normal;font-weight:500;font-weight:var(--aa-font-weight-medium)}.aa-ItemContentDash{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));display:none;opacity:.4}.aa-ItemContentTag{background-color:rgba(62, 52, 211,0.2);background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));border-radius:3px;margin:0 .4em 0 0;padding:.08em .3em}.aa-ItemLink,.aa-ItemWrapper{align-items:center;color:inherit;display:grid;gap:calc(((16 * 1 * 1px) / 2)/2);gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(((16 * 1 * 1px) / 2)/2);grid-gap:calc(calc(calc(16 * 1 * 1px) / 2)/2);grid-gap:calc(var(--aa-spacing-half)/2);gap:calc(var(--aa-spacing-half)/2);grid-auto-flow:column;justify-content:space-between;width:100%}.aa-ItemLink{color:inherit;-webkit-text-decoration:none;text-decoration:none}.aa-ItemActions{display:grid;grid-auto-flow:column;height:100%;justify-self:end;margin:0 calc((16 * 1 * 1px)/-3);margin:0 calc(calc(16 * 1 * 1px)/-3);margin:0 calc(var(--aa-spacing)/-3);padding:0 2px 0 0}.aa-ItemActionButton{align-items:center;background:none;border:0;color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;flex-shrink:0;padding:0}.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))}@media (hover:none) and (pointer:coarse){.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{color:inherit}}.aa-ItemActionButton svg{color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));margin:0;margin:calc(calc(16 * 1 * 1px)/3);margin:calc(var(--aa-spacing)/3);stroke-width:1.6;stroke-width:var(--aa-icon-stroke-width);width:20px;width:var(--aa-action-icon-size)}.aa-ActiveOnly{visibility:hidden}.aa-PanelHeader{align-items:center;background:rgba(62, 52, 211,1);background:rgba(var(--aa-primary-color-rgb),1);color:#fff;display:grid;height:var(--aa-modal-header-height);margin:0;padding:calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px);padding:calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px);padding:var(--aa-spacing-half) var(--aa-spacing);position:relative}.aa-PanelHeader:after{background-image:linear-gradient(rgba(255, 255, 255,1),rgba(255, 255, 255,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));bottom:calc(((16 * 1 * 1px) / 2)*-1);bottom:calc(calc(calc(16 * 1 * 1px) / 2)*-1);bottom:calc(var(--aa-spacing-half)*-1);content:"";height:calc((16 * 1 * 1px) / 2);height:calc(calc(16 * 1 * 1px) / 2);height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));box-shadow:inset 0 1px 0 rgba(128, 126, 163,0.3);box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;justify-content:space-between;margin:0;padding:calc(16 * 1 * 1px);padding:var(--aa-spacing);position:relative;z-index:9999;z-index:var(--aa-base-z-index)}.aa-PanelFooter:after{background-image:linear-gradient(rgba(255, 255, 255,0),rgba(128, 126, 163,0.6));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));content:"";height:calc(16 * 1 * 1px);height:var(--aa-spacing);left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:calc((16 * 1 * 1px)*-1);top:calc(calc(16 * 1 * 1px)*-1);top:calc(var(--aa-spacing)*-1);z-index:calc(9999 - 1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-DetachedContainer{background:rgba(255, 255, 255,1);background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));bottom:0;box-shadow:0 0 0 1px rgba(35, 38, 59, 0.1),
0 6px 16px -4px rgba(35, 38, 59, 0.15);box-shadow:var(--aa-panel-shadow);display:flex;flex-direction:column;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-DetachedContainer:after{height:32px}.aa-DetachedContainer .aa-SourceHeader{margin:calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px;margin:calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px;margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px}.aa-DetachedContainer .aa-Panel{background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));border-radius:0;box-shadow:none;flex-grow:1;margin:0;padding:0;position:relative}.aa-DetachedContainer .aa-PanelLayout{bottom:0;box-shadow:none;left:0;margin:0;max-height:none;overflow-y:auto;position:absolute;right:0;top:0;width:100%}.aa-DetachedFormContainer{border-bottom:1px solid rgba(128, 126, 163,0.3);border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:calc((16 * 1 * 1px) / 2);padding:calc(calc(16 * 1 * 1px) / 2);padding:var(--aa-spacing-half)}.aa-DetachedCancelButton{background:none;border:0;border-radius:3px;color:inherit;color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));cursor:pointer;font:inherit;margin:0 0 0 calc((16 * 1 * 1px) / 2);margin:0 0 0 calc(calc(16 * 1 * 1px) / 2);margin:0 0 0 var(--aa-spacing-half);padding:0 calc((16 * 1 * 1px) / 2);padding:0 calc(calc(16 * 1 * 1px) / 2);padding:0 var(--aa-spacing-half)}.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{box-shadow:inset 0 0 0 1px rgba(128, 126, 163,0.3);box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))}.aa-DetachedContainer--modal{border-radius:6px;bottom:inherit;height:auto;margin:0 auto;max-width:680px;max-width:var(--aa-detached-modal-max-width);position:absolute;top:3%}.aa-DetachedContainer--modal .aa-PanelLayout{max-height:500px;max-height:var(--aa-detached-modal-max-height);padding-bottom:calc((16 * 1 * 1px) / 2);padding-bottom:calc(calc(16 * 1 * 1px) / 2);padding-bottom:var(--aa-spacing-half);position:static}.aa-DetachedContainer--modal .aa-PanelLayout:empty{display:none}.aa-DetachedSearchButton{align-items:center;background-color:rgba(255, 255, 255,1);background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));border:1px solid rgba(128, 126, 163,0.8);border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));border-radius:3px;color:rgba(128, 126, 163,0.6);color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--aa-font-family);font-size:calc(16 * 1px);font-size:var(--aa-font-size);height:44px;height:var(--aa-search-input-height);margin:0;padding:0 calc(44px/8);padding:0 calc(var(--aa-search-input-height)/8);position:relative;text-align:left;width:100%}.aa-DetachedSearchButton:focus{border-color:rgba(62, 52, 211,1);border-color:rgba(var(--aa-primary-color-rgb),1);box-shadow:rgba(62, 52, 211,0.2) 0 0 0 3px,inset rgba(62, 52, 211,0.2) 0 0 0 2px;box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;outline:medium none currentColor}.aa-DetachedSearchButtonIcon{align-items:center;color:rgba(62, 52, 211,1);color:rgba(var(--aa-primary-color-rgb),1);cursor:auto;display:flex;flex-shrink:0;height:100%;justify-content:center;width:calc(20px + (16 * 1 * 1px));width:calc(20px + calc(16 * 1 * 1px));width:calc(var(--aa-icon-size) + var(--aa-spacing))}.aa-DetachedSearchButtonQuery{color:rgba(38, 38, 39,1);color:rgba(var(--aa-text-color-rgb),1);line-height:1.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-DetachedSearchButtonPlaceholder[hidden]{display:none}.aa-Detached{height:100vh;overflow:hidden}.aa-DetachedOverlay{background-color:rgba(115, 114, 129,0.4);background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:calc(9999 - 1);z-index:calc(var(--aa-base-z-index) - 1)}.aa-GradientBottom,.aa-GradientTop{height:calc((16 * 1 * 1px) / 2);height:calc(calc(16 * 1 * 1px) / 2);height:var(--aa-spacing-half);left:0;pointer-events:none;position:absolute;right:0;z-index:9999;z-index:var(--aa-base-z-index)}.aa-GradientTop{background-image:linear-gradient(rgba(255, 255, 255,1),rgba(255, 255, 255,0));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));top:0}.aa-GradientBottom{background-image:linear-gradient(rgba(255, 255, 255,0),rgba(255, 255, 255,1));background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));border-bottom-left-radius:calc((16 * 1 * 1px)/4);border-bottom-left-radius:calc(calc(16 * 1 * 1px)/4);border-bottom-left-radius:calc(var(--aa-spacing)/4);border-bottom-right-radius:calc((16 * 1 * 1px)/4);border-bottom-right-radius:calc(calc(16 * 1 * 1px)/4);border-bottom-right-radius:calc(var(--aa-spacing)/4);bottom:0}@media (hover:none) and (pointer:coarse){.aa-DesktopOnly{display:none}}@media (hover:hover){.aa-TouchOnly{display:none}}[class^=ais-] {
box-sizing: border-box;
}
.ais-Breadcrumb-list,
.ais-Carousel-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-FrequentlyBoughtTogether-list,
.ais-LookingSimilar-list,
.ais-RelatedProducts-list,
.ais-TrendingItems-list,
.ais-Results-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-ToggleRefinement-list {
margin: 0;
padding: 0;
list-style: none;
}
.ais-Carousel-navigation,
.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-submit,
.ais-SearchBox-reset,
.ais-VoiceSearch-button {
padding: 0;
overflow: visible;
font: inherit;
line-height: normal;
color: inherit;
background: none;
border: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ais-Carousel-navigation::-moz-focus-inner,
.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
padding: 0;
border: 0;
}
.ais-Carousel-navigation[disabled],
.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-submit[disabled],
.ais-SearchBox-reset[disabled],
.ais-VoiceSearch-button[disabled] {
cursor: default;
}
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
overflow-anchor: none;
}
.ais-Breadcrumb-list,
.ais-Breadcrumb-item,
.ais-Pagination-list,
.ais-RangeInput-form,
.ais-RatingMenu-link,
.ais-PoweredBy {
display: flex;
align-items: center;
}
.ais-GeoSearch,
.ais-GeoSearch-map {
height: 100%;
}
.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
margin-left: 1em;
}
.ais-PoweredBy-logo {
display: block;
height: 1.2em;
width: auto;
}
.ais-PoweredBy-text {
margin-right: 0.3rem;
}
.ais-RatingMenu-starIcon {
display: block;
width: 20px;
height: 20px;
}
.ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
display: none;
}
.ais-RangeSlider .rheostat {
overflow: visible;
margin-top: 40px;
margin-bottom: 40px;
}
.ais-RangeSlider .rheostat-background {
height: 6px;
top: 0px;
width: 100%;
}
.ais-RangeSlider .rheostat-handle {
margin-left: -12px;
top: -7px;
}
.ais-RangeSlider .rheostat-background {
position: relative;
background-color: #ffffff;
border: 1px solid #aaa;
}
.ais-RangeSlider .rheostat-progress {
position: absolute;
top: 1px;
height: 4px;
background-color: #333;
}
.rheostat-handle {
position: relative;
z-index: 1;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #333;
border-radius: 50%;
cursor: grab;
}
.rheostat-marker {
margin-left: -1px;
position: absolute;
width: 1px;
height: 5px;
background-color: #aaa;
}
.rheostat-marker--large {
height: 9px;
}
.rheostat-value {
margin-left: 50%;
padding-top: 15px;
position: absolute;
text-align: center;
transform: translateX(-50%);
}
.rheostat-tooltip {
margin-left: 50%;
position: absolute;
top: -22px;
text-align: center;
transform: translateX(-50%);
}
.ais-Carousel {
position: relative;
}
.ais-Carousel-list {
grid-auto-columns: 42%;
display: grid;
grid-auto-flow: column;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x proximity;
}
@media (min-width: 999px) {
.ais-Carousel-list {
grid-auto-columns: 20%;
}
}
.ais-Carousel-navigation {
position: absolute;
top: 35%;
z-index: 1;
}
.ais-Carousel-navigation--previous {
left: 0;
transform: translateX(-25%);
}
.ais-Carousel-navigation--next {
right: 0;
transform: translateX(25%);
}
.ais-Carousel-item {
scroll-snap-align: start;
}
:root {
/* Text colors */
--ais-text-color-rgb: 38, 38, 38;
--ais-text-color-alpha: 1;
--ais-primary-color-rgb: 30, 89, 255;
--ais-primary-color-alpha: 1;
--ais-muted-color-rgb: 82, 82, 82;
--ais-muted-color-alpha: 1;
--ais-button-text-color-rgb: 255, 255, 255;
--ais-button-text-color-alpha: 1;
/* Border color */
--ais-border-color-rgb: 150, 150, 150;
--ais-border-color-alpha: 1;
/* Background color */
--ais-background-color-rgb: 255, 255, 255;
--ais-background-color-alpha: 1;
/* Shadow color */
--ais-shadow-color-rgb: 23, 23, 23;
/* Size and spacing */
--ais-spacing: 1rem;
/* Shadows */
--ais-shadow-xs: 0px 1px 2px 0px rgba(var(--ais-shadow-color-rgb), 0.15);
--ais-shadow-sm: 0px 0px 0px 1px rgba(var(--ais-shadow-color-rgb), 0.05),
0px 1px 3px 0px rgba(var(--ais-shadow-color-rgb), 0.25);
--ais-shadow-md: 0px 0px 0px 1px rgba(var(--ais-shadow-color-rgb), 0.05),
0px 4px 8px -2px rgba(var(--ais-shadow-color-rgb), 0.25);
/* Border radius */
--ais-border-radius-sm: 4px;
--ais-border-radius-md: 8px;
--ais-border-radius-lg: 16px;
--ais-border-radius-full: 9999px;
/* Transitions */
--ais-transition-duration: 0.3s;
--ais-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
/* Z-index layers */
--ais-z-index-chat: 9999;
/* Chat component */
--ais-chat-width: 22.5rem;
--ais-chat-height: 70%;
--ais-chat-maximized-width: 70%;
--ais-chat-maximized-height: 100%;
--ais-chat-margin: 1.5rem;
/* Chat carousel component */
--ais-chat-carousel-item-width: calc(var(--ais-spacing) * 10);
}
/* Dark Mode */
:root[data-theme=dark] {
/* Text colors */
--ais-text-color-rgb: 255, 255, 255;
--ais-muted-color-rgb: 190, 190, 190;
--ais-button-text-color-rgb: 255, 255, 255;
/* Border color */
--ais-border-color-rgb: 100, 100, 100;
/* Background color */
--ais-background-color-rgb: 38, 38, 38;
/* Shadow color */
--ais-shadow-color-rgb: 0, 0, 0;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme=light]) {
/* Text colors */
--ais-text-color-rgb: 255, 255, 255;
--ais-muted-color-rgb: 190, 190, 190;
--ais-button-text-color-rgb: 255, 255, 255;
/* Border color */
--ais-border-color-rgb: 100, 100, 100;
/* Background color */
--ais-background-color-rgb: 38, 38, 38;
/* Shadow color */
--ais-shadow-color-rgb: 0, 0, 0;
}
}
.ais-Scrollbar, .ais-ChatMessage-message .ais-Carousel-list {
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 40%, rgb(var(--ais-background-color-rgb))) transparent;
}
.ais-Scrollbar::-webkit-scrollbar, .ais-ChatMessage-message .ais-Carousel-list::-webkit-scrollbar {
width: 6px;
}
.ais-Scrollbar::-webkit-scrollbar-track, .ais-ChatMessage-message .ais-Carousel-list::-webkit-scrollbar-track {
background-color: transparent;
}
.ais-Scrollbar::-webkit-scrollbar-thumb, .ais-ChatMessage-message .ais-Carousel-list::-webkit-scrollbar-thumb {
background-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 40%, rgb(var(--ais-background-color-rgb)));
border-radius: var(--ais-border-radius-sm);
}
.ais-ChatMessage-message .ais-Carousel-list:focus-visible, .ais-Button:focus-visible {
outline: 2px solid rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
outline-offset: 2px;
}
.ais-Button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: calc(var(--ais-spacing) * 0.25);
margin: 0;
background-color: transparent;
border-radius: var(--ais-border-radius-sm);
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.ais-Button:disabled {
cursor: not-allowed;
}
@media (prefers-reduced-motion: no-preference) {
.ais-Button {
transition: background-color var(--ais-transition-duration) var(--ais-transition-timing-function), color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-Button--sm {
padding: calc(var(--ais-spacing) * 0.25) calc(var(--ais-spacing) * 0.5);
}
.ais-Button--md {
padding: calc(var(--ais-spacing) * 0.5) calc(var(--ais-spacing) * 1);
}
.ais-Button--icon-only.ais-Button--sm {
padding: calc(var(--ais-spacing) * 0.25);
}
.ais-Button--icon-only.ais-Button--md {
padding: calc(var(--ais-spacing) * 0.5);
}
.ais-Button--primary {
background-color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
color: rgba(var(--ais-button-text-color-rgb), var(--ais-button-text-color-alpha));
}
.ais-Button--primary:disabled {
background-color: rgba(var(--ais-primary-color-rgb), calc(var(--ais-primary-color-alpha) * 0.5));
}
@media (hover: hover) {
.ais-Button--primary:hover:not(:disabled) {
background-color: color-mix(in srgb, rgb(var(--ais-primary-color-rgb)), rgb(var(--ais-background-color-rgb)) 20%);
}
}
.ais-Button--primary:active:not(:disabled) {
background-color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
}
.ais-Button--ghost {
color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
}
.ais-Button--ghost:disabled {
color: rgba(var(--ais-muted-color-rgb), 0.5);
}
@media (hover: hover) {
.ais-Button--ghost:hover:not(:disabled) {
background-color: rgba(var(--ais-muted-color-rgb), 0.1);
}
}
.ais-Button--ghost:active:not(:disabled) {
background-color: rgba(var(--ais-muted-color-rgb), 0.2);
}
.ais-Button--outline {
color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
border: 1px solid color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 30%, rgb(var(--ais-background-color-rgb)));
}
.ais-Button--outline:disabled {
color: rgba(var(--ais-text-color-rgb), 0.4);
}
@media (hover: hover) {
.ais-Button--outline:hover:not(:disabled) {
background-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 10%, rgb(var(--ais-background-color-rgb)));
}
}
.ais-Button--outline:active:not(:disabled) {
background-color: color-mix(in srgb, rgb(var(--ais-muted-color-rgb)) 20%, rgb(var(--ais-background-color-rgb)));
}
.ais-Chat {
position: fixed;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: var(--ais-spacing);
align-items: flex-end;
right: var(--ais-chat-margin);
bottom: var(--ais-chat-margin);
width: var(--ais-chat-width);
height: var(--ais-chat-height);
max-width: calc(100% - var(--ais-chat-margin) * 2);
max-height: calc(100% - var(--ais-chat-margin) * 2);
z-index: var(--ais-z-index-chat);
pointer-events: none;
}
.ais-Chat--maximized {
width: var(--ais-chat-maximized-width);
height: var(--ais-chat-maximized-height);
}
@media (prefers-reduced-motion: no-preference) {
.ais-Chat {
transition: width var(--ais-transition-duration) var(--ais-transition-timing-function), height var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-Chat-container {
display: flex;
flex-direction: column;
background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
border-radius: var(--ais-border-radius-lg);
box-shadow: var(--ais-shadow-md);
transform-origin: bottom right;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
transform: scale(0.95) translateY(var(--ais-spacing));
}
@media (prefers-reduced-motion: no-preference) {
.ais-Chat-container {
transition: opacity var(--ais-transition-duration) var(--ais-transition-timing-function), transform var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-Chat-container--open {
pointer-events: auto;
opacity: 1;
transform: scale(1) translateY(0);
}
.ais-Chat-toggleButtonWrapper {
pointer-events: auto;
}
@media (max-width: 680px) {
.ais-Chat {
inset: 0;
height: 100%;
width: 100%;
transition: none;
max-width: initial;
max-height: initial;
gap: 0;
}
.ais-Chat-container {
border-radius: 0;
transition: none;
}
}
.ais-ChatToggleButton {
width: calc(var(--ais-spacing) * 3);
height: calc(var(--ais-spacing) * 3);
border-radius: var(--ais-border-radius-full);
box-shadow: var(--ais-shadow-sm);
flex-shrink: 0;
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatToggleButton {
transition: transform var(--ais-transition-duration) var(--ais-transition-timing-function), background-color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-ChatToggleButton--open {
transform: rotate(180deg);
}
@media (max-width: 680px) {
.ais-ChatToggleButton {
position: relative;
right: var(--ais-chat-margin);
bottom: var(--ais-chat-margin);
}
.ais-ChatToggleButton.ais-ChatToggleButton--open {
display: none;
}
}
.ais-ChatHeader {
display: flex;
gap: calc(var(--ais-spacing) * 2);
align-items: center;
justify-content: space-between;
padding: var(--ais-spacing);
border-bottom: 1px solid rgba(var(--ais-border-color-rgb), 0.2);
color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
position: relative;
}
.ais-ChatHeader::after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 1px;
height: calc(var(--ais-spacing) - 1px);
background: linear-gradient(to bottom, rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha)), transparent);
pointer-events: none;
z-index: 1;
}
.ais-ChatHeader-title {
display: flex;
align-items: center;
gap: calc(var(--ais-spacing) / 2);
font-weight: 600;
}
.ais-ChatHeader-titleIcon {
display: inline-flex;
align-items: center;
color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
}
.ais-ChatHeader-actions {
display: flex;
align-items: center;
gap: calc(var(--ais-spacing) / 2);
}
.ais-ChatHeader-clear {
font-size: calc(var(--ais-spacing) * 0.875);
}
@media (max-width: 680px) {
.ais-ChatHeader-maximize {
display: none;
}
}
.ais-ChatMessages {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
height: 100%;
}
.ais-ChatMessages-scroll {
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: none;
width: 100%;
height: 100%;
padding: var(--ais-spacing);
}
.ais-ChatMessages-content {
display: flex;
flex-direction: column;
gap: calc(var(--ais-spacing) * 1.5);
width: 100%;
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessages-content {
transition: opacity var(--ais-transition-duration) var(--ais-transition-timing-function), filter var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-ChatMessages-content--clearing {
opacity: 0;
filter: blur(8px);
}
.ais-ChatMessages-scrollToBottom {
position: absolute;
bottom: var(--ais-spacing);
left: 50%;
transform: translateX(-50%);
width: calc(var(--ais-spacing) * 1.5);
height: calc(var(--ais-spacing) * 1.5);
border-radius: var(--ais-border-radius-full);
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessages-scrollToBottom {
transition: background-color var(--ais-transition-duration) var(--ais-transition-timing-function), transform var(--ais-transition-duration) var(--ais-transition-timing-function), opacity var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-ChatMessages-scrollToBottom--hidden {
opacity: 0;
pointer-events: none;
transform: translateX(-50%) translateY(var(--ais-spacing)) scale(0.95);
}
.ais-ChatMessage {
position: relative;
width: 100%;
scroll-margin-top: var(--ais-spacing);
color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
}
.ais-ChatMessage-container {
display: flex;
align-items: flex-start;
gap: calc(var(--ais-spacing) * 0.75);
position: relative;
}
.ais-ChatMessage[data-role=user] .ais-ChatMessage-container {
max-width: 70%;
}
.ais-ChatMessage--left .ais-ChatMessage-container {
justify-content: flex-start;
}
.ais-ChatMessage--right .ais-ChatMessage-container {
margin-inline-start: auto;
flex-direction: row-reverse;
}
.ais-ChatMessage-leading {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ais-ChatMessage-content {
display: flex;
flex-direction: column;
gap: 0.75rem;
min-width: 0;
}
.ais-ChatMessage-message {
position: relative;
text-wrap: pretty;
font-size: calc(var(--ais-spacing) * 0.875);
line-height: calc(var(--ais-spacing) * 1.25);
}
.ais-ChatMessage-message img {
max-width: 100%;
height: auto;
}
.ais-ChatMessage-code {
overflow-x: auto;
}
.ais-ChatMessage--neutral .ais-ChatMessage-message {
background-color: rgba(var(--ais-muted-color-rgb), 0.1);
padding: calc(var(--ais-spacing) * 0.75);
border-radius: var(--ais-border-radius-md);
}
.ais-ChatMessage-actions {
display: flex;
align-items: center;
gap: calc(var(--ais-spacing) * 0.25);
position: relative;
}
.ais-ChatMessage--right .ais-ChatMessage-actions {
justify-content: flex-end;
}
.ais-ChatMessage--auto-hide-actions .ais-ChatMessage-actions {
opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessage--auto-hide-actions .ais-ChatMessage-actions {
transition: opacity 150ms ease-in-out;
}
}
@media (hover: hover) {
.ais-ChatMessage:hover .ais-ChatMessage-actions {
opacity: 1;
}
}
.ais-ChatMessageLoader .ais-ChatMessage-content {
width: 100%;
}
.ais-ChatMessageLoader .ais-ChatMessage-message {
width: 100%;
display: flex;
flex-direction: column;
gap: calc(var(--ais-spacing) * 0.5);
}
.ais-ChatMessageLoader .ais-ChatMessageLoader-spinner {
width: calc(var(--ais-spacing) * 1.5);
height: calc(var(--ais-spacing) * 1.5);
color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessageLoader .ais-ChatMessageLoader-spinner {
animation: ais-chat-loader-spinner 1.4s linear infinite;
}
}
.ais-ChatMessageLoader .ais-ChatMessageLoader-text {
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
background: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha)) linear-gradient(to right, rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha)) 0%, rgba(255, 255, 255, 0.75) 40%, rgba(255, 255, 255, 0.75) 60%, rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha)) 100%);
-webkit-background-clip: text;
background-clip: text;
background-repeat: no-repeat;
background-size: 50% 200%;
display: inline-block;
background-position: -100% 0;
font-weight: 500;
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessageLoader .ais-ChatMessageLoader-text {
animation-delay: 0.5s;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-name: ais-chat-loader-text;
}
}
.ais-ChatMessageLoader .ais-ChatMessageLoader-skeletonWrapper {
display: flex;
flex-direction: column;
gap: calc(var(--ais-spacing) * 0.25);
}
.ais-ChatMessageLoader .ais-ChatMessageLoader-skeletonItem {
height: var(--ais-spacing);
background-color: rgba(var(--ais-muted-color-rgb), 0.2);
border-radius: var(--ais-border-radius-sm);
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessageLoader .ais-ChatMessageLoader-skeletonItem {
animation: ais-chat-loader-skeleton 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
}
.ais-ChatMessageLoader .ais-ChatMessageLoader-skeletonItem:nth-child(2) {
width: 40%;
}
@keyframes ais-chat-loader-spinner {
0% {
transform: rotate(0deg);
stroke-dasharray: 1px, 200px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -15px;
}
100% {
transform: rotate(360deg);
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -125px;
}
}
@keyframes ais-chat-loader-skeleton {
50% {
opacity: 0.5;
}
}
@keyframes ais-chat-loader-text {
from {
background-position: -100% 0%;
}
to {
background-position: 250% 0%;
}
}
.ais-ChatPrompt {
display: flex;
flex-direction: column;
align-items: stretch;
gap: calc(var(--ais-spacing) * 0.5);
width: 100%;
position: relative;
padding: 0 var(--ais-spacing) var(--ais-spacing) var(--ais-spacing);
}
.ais-ChatPrompt::before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: var(--ais-spacing);
background: linear-gradient(to top, rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha)), transparent);
pointer-events: none;
}
.ais-ChatPrompt-header {
display: flex;
align-items: center;
gap: calc(var(--ais-spacing) * 0.375);
}
.ais-ChatPrompt-footer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: calc(var(--ais-spacing) * 0.375);
}
.ais-ChatPrompt-footer .ais-ChatPrompt-disclaimer {
font-size: calc(var(--ais-spacing) * 0.75);
color: rgba(var(--ais-muted-color-rgb), var(--ais-muted-color-alpha));
}
.ais-ChatPrompt-body {
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
background-color: rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha));
border-radius: var(--ais-border-radius-sm);
border: 1px solid rgba(var(--ais-border-color-rgb), var(--ais-border-color-alpha));
outline: 1px solid transparent;
z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatPrompt-body {
transition: border-color var(--ais-transition-duration) var(--ais-transition-timing-function), outline-color var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-ChatPrompt-body:focus-within {
outline: 1px solid rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
border-color: rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
}
.ais-ChatPrompt-textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
outline: none;
resize: none;
padding: calc(var(--ais-spacing) * 0.75);
padding-bottom: 0;
caret-color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
font-family: inherit;
line-height: inherit;
color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
font-size: calc(var(--ais-spacing) * 0.875);
line-height: 1.25rem;
}
.ais-ChatPrompt-textarea::-moz-placeholder {
color: rgba(var(--ais-text-color-rgb), 0.7);
}
.ais-ChatPrompt-textarea::placeholder {
color: rgba(var(--ais-text-color-rgb), 0.7);
}
.ais-ChatPrompt-textarea:disabled,
.ais-ChatPrompt-actions--disabled {
background-color: rgba(var(--ais-muted-color-rgb), 0.1);
}
.ais-ChatPrompt-actions {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: calc(var(--ais-spacing) * 0.75);
padding-top: calc(var(--ais-spacing) * 0.5);
cursor: text;
}
@media (max-width: 680px) {
.ais-ChatPrompt .ais-ChatPrompt-textarea {
font-size: var(--ais-spacing);
}
}
.ais-ChatMessage-message .ais-ChatToolSearchIndexCarouselHeader {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: calc(var(--ais-spacing) * 0.5);
}
.ais-ChatMessage-message .ais-ChatToolSearchIndexCarouselHeaderResults {
display: flex;
align-items: center;
gap: calc(var(--ais-spacing) * 0.5);
}
.ais-ChatMessage-message .ais-ChatToolSearchIndexCarouselHeaderCount {
color: rgba(var(--ais-text-color-rgb), 0.8);
font-weight: 600;
}
.ais-ChatMessage-message .ais-ChatToolSearchIndexCarouselHeaderScrollButtons {
display: flex;
align-items: center;
gap: calc(var(--ais-spacing) * 0.25);
}
.ais-ChatMessage-message .ais-Carousel {
position: relative;
}
.ais-ChatMessage-message .ais-Carousel a {
color: rgba(var(--ais-text-color-rgb), var(--ais-text-color-alpha));
text-decoration: none;
}
.ais-ChatMessage-message .ais-Carousel::before, .ais-ChatMessage-message .ais-Carousel::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: var(--ais-spacing);
pointer-events: none;
z-index: 1;
}
.ais-ChatMessage-message .ais-Carousel::before {
left: calc(-1 * var(--ais-spacing));
background: linear-gradient(to right, rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha)), transparent);
}
.ais-ChatMessage-message .ais-Carousel::after {
right: calc(-1 * var(--ais-spacing));
background: linear-gradient(to left, rgba(var(--ais-background-color-rgb), var(--ais-background-color-alpha)), transparent);
}
.ais-ChatMessage-message .ais-Carousel-list {
gap: 0;
grid-auto-columns: var(--ais-chat-carousel-item-width) !important;
margin-left: calc(-1 * var(--ais-spacing));
margin-right: calc(-1 * var(--ais-spacing));
padding-left: calc(var(--ais-spacing) * 0.5);
padding-right: calc(var(--ais-spacing) * 0.5);
scroll-padding-left: calc(var(--ais-spacing) * 0.5);
scroll-padding-right: calc(var(--ais-spacing) * 0.5);
outline: none;
}
.ais-ChatMessage-message .ais-Carousel-list:has(.ais-Carousel-item:only-child) {
grid-auto-columns: calc(var(--ais-chat-carousel-item-width) * 1.5) !important;
}
.ais-ChatMessage-message .ais-Carousel-hit {
position: relative;
display: flex;
flex-direction: column;
gap: calc(var(--ais-spacing) * 0.5);
border-radius: var(--ais-border-radius-md);
padding: calc(var(--ais-spacing) * 0.5);
height: 100%;
}
.ais-ChatMessage-message .ais-Carousel-hit::before {
content: "";
position: absolute;
inset: 0;
border-radius: var(--ais-border-radius-md);
background-color: rgba(var(--ais-muted-color-rgb), 0);
pointer-events: none;
z-index: -1;
transform: scale(0.95);
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessage-message .ais-Carousel-hit::before {
transition: all var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
@media (hover: hover) {
.ais-ChatMessage-message .ais-Carousel-hit:hover::before {
background-color: rgba(var(--ais-muted-color-rgb), 0.1);
transform: scale(1);
}
.ais-ChatMessage-message .ais-Carousel-hit:hover .ais-Carousel-hit-image img {
transform: scale(1.05);
}
}
.ais-ChatMessage-message .ais-Carousel-hit:active:not(:disabled)::before {
background-color: rgba(var(--ais-muted-color-rgb), 0.2);
}
.ais-ChatMessage-message .ais-Carousel-hit:has(:focus-visible) {
outline: 2px solid rgba(var(--ais-primary-color-rgb), var(--ais-primary-color-alpha));
outline-offset: 2px;
}
.ais-ChatMessage-message .ais-Carousel-hit-title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ais-ChatMessage-message .ais-Carousel-hit-link::before {
content: "";
position: absolute;
inset: 0;
}
.ais-ChatMessage-message .ais-Carousel-hit-link:focus-visible {
outline: none;
}
.ais-ChatMessage-message .ais-Carousel-hit-image {
position: relative;
display: flex;
justify-content: center;
border-radius: var(--ais-border-radius-md);
overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
.ais-ChatMessage-message .ais-Carousel-hit-image img {
transition: transform var(--ais-transition-duration) var(--ais-transition-timing-function);
}
}
.ais-ChatMessage-message .ais-Carousel-hit-favorite {
position: absolute;
top: calc(var(--ais-spacing) * 0.5);
right: calc(var(--ais-spacing) * 0.5);
z-index: 1;
}
.ais-ChatMessage-message .ais-Carousel-hit-title {
font-weight: normal;
}
.ais-ChatMessage-message .ais-Carousel-hit-title a {
font-size: var(--ais-spacing);
}
.ais-ChatMessage-message .ais-Carousel-hit-title,
.ais-ChatMessage-message .ais-Carousel-hit-price {
margin: 0;
}
.ais-ChatMessage-message .ais-Carousel-hit-price {
font-weight: 600;
margin-top: auto;
}
@media (max-width: 680px) {
.ais-ChatMessage-message .ais-ChatToolSearchIndexCarouselHeaderScrollButtons {
display: none;
}
}
/**
* Reset
*/
[class^=ais-] {
box-sizing: border-box;
}
/**
* Disabled
*/
[class^=ais-][class$="--disabled"],
[class^=ais-][class$="--disabled"] *,
.ais-VoiceSearch-button:disabled {
cursor: not-allowed;
}
/**
* Buttons
*/
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-ClearRefinements-button,
.ais-InfiniteHits-loadMore,
.ais-RangeInput-submit,
.ais-InfiniteHits-loadPrevious,
.ais-Pagination-link,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-VoiceSearch-button,
.ais-RelevantSort-button,
.ais-Carousel-navigation {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: linear-gradient(-180deg, #fff, #fcfcfd);
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
color: #23263b;
cursor: pointer;
display: inline-flex;
font-size: 0.875rem;
font-weight: 400;
height: 2rem;
justify-content: center;
line-height: 1.25rem;
padding: 0 1rem;
place-items: center;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
height: 1.5rem;
}
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
margin-top: 1rem;
}
.ais-HierarchicalMenu-showMore:hover,
.ais-Menu-showMore:hover,
.ais-RefinementList-showMore:hover,
.ais-ClearRefinements-button:hover,
.ais-InfiniteHits-loadMore:hover,
.ais-RangeInput-submit:hover,
.ais-InfiniteHits-loadPrevious:hover,
.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:hover,
.ais-VoiceSearch-button:hover,
.ais-Carousel-navigation:hover {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #d6d6e7;
}
.ais-HierarchicalMenu-showMore:focus,
.ais-Menu-showMore:focus,
.ais-RefinementList-showMore:focus,
.ais-ClearRefinements-button:focus,
.ais-InfiniteHits-loadMore:focus,
.ais-RangeInput-submit:focus,
.ais-InfiniteHits-loadPrevious:focus,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-reset:focus,
.ais-VoiceSearch-button:focus,
.ais-Carousel-navigation:focus {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #3c4fe0;
box-shadow: #3c4fe0 0 0 0 1px, rgba(35, 38, 59, 0.05) 0 2px 0 1px;
outline: currentcolor none medium;
}
.ais-HierarchicalMenu-showMore:active,
.ais-Menu-showMore:active,
.ais-RefinementList-showMore:active,
.ais-ClearRefinements-button:active,
.ais-InfiniteHits-loadMore:active,
.ais-InfiniteHits-loadPrevious:active,
.ais-Pagination-item--selected .ais-Pagination-link,
.ais-Pagination-link:active,
.ais-GeoSearch-redo:active,
.ais-GeoSearch-reset:active,
.ais-VoiceSearch-button:active,
.ais-Carousel-navigation:active {
border-color: #d6d6e7;
box-shadow: rgba(119, 122, 175, 0.4) 0 1px 4px 0 inset, rgba(119, 122, 175, 0.4) 0 1px 1px 0 inset, rgba(35, 38, 59, 0.05) 0 1px 0 0;
}
.ais-ClearRefinements-button:disabled[disabled],
.ais-InfiniteHits-loadMore:disabled[disabled],
.ais-InfiniteHits-loadPrevious:disabled[disabled],
.ais-Pagination-item--disabled .ais-Pagination-link,
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-VoiceSearch-button:disabled {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #efeff5;
box-shadow: none;
color: #b6b7d5;
}
.ais-HierarchicalMenu-showMore--disabled[disabled],
.ais-Menu-showMore--disabled[disabled],
.ais-RefinementList-showMore--disabled[disabled] {
display: none;
}
/**
* Labels
*/
.ais-NumericMenu-label,
.ais-ToggleRefinement-label,
.ais-HierarchicalMenu-item,
.ais-Menu-item,
.ais-RatingMenu-item,
.ais-RefinementList-item {
display: block;
font-size: 0.875rem;
line-height: 1.75rem;
}
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
align-items: center;
cursor: pointer;
display: flex;
flex-wrap: nowrap;
}
.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link {
color: inherit;
text-decoration: none;
}
.ais-Breadcrumb-link:hover {
text-decoration: underline;
}
.ais-HierarchicalMenu-label,
.ais-Menu-label,
.ais-RefinementList-labelText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link > .ais-HierarchicalMenu-label,
.ais-Menu-item--selected .ais-Menu-label,
.ais-RefinementList-item--selected,
.ais-RatingMenu-item--selected {
font-weight: 600;
}
/**
* Count
*/
.ais-ToggleRefinement-count,
.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count {
background: #f5f5fa none repeat scroll 0% 0%;
border: 1px solid #b6b7d5;
border-radius: 99999px;
color: #23263b;
display: inline-flex;
flex-shrink: 0;
font-size: 0.75rem;
font-weight: 400;
line-height: 1rem;
margin-left: 0.5rem;
overflow: hidden;
padding: 0 0.25rem;
}
/**
* No Results
*/
.ais-Menu-noResults,
.ais-HierarchicalMenu-noResults,
.ais-RefinementList-noResults {
color: #5a5e9a;
font-size: 0.875rem;
line-height: 1.25rem;
margin-top: 1rem;
}
/**
* Selectors
*/
.ais-MenuSelect-select,
.ais-HitsPerPage-select,
.ais-SortBy-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #fcfcfd);
background-position: right 1rem center, 0 0;
background-repeat: no-repeat;
background-size: 10px, auto;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0;
color: #23263b;
cursor: pointer;
font: inherit;
height: 2.5rem;
outline: currentcolor none medium;
padding: 0 2.5rem 0 1rem;
position: relative;
width: 100%;
}
.ais-HitsPerPage-select:-moz-focusring,
.ais-HitsPerPage-select::-moz-focus-inner,
.ais-SortBy-select:-moz-focusring,
.ais-SortBy-select::-moz-focus-inner {
color: transparent;
outline: currentcolor none medium;
}
.ais-HitsPerPage-select > option:not(:checked),
.ais-SortBy-select > option:not(:checked) {
color: #23263b;
}
.ais-HitsPerPage-select > option:disabled,
.ais-SortBy-select > option:disabled {
color: #b6b7d5;
}
.ais-HitsPerPage-select:hover,
.ais-SortBy-select:hover {
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fcfcfd, #f5f5fa);
border-color: #d6d6e7;
}
.ais-HitsPerPage-select:focus,
.ais-SortBy-select:focus {
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #3c4fe0;
box-shadow: #3c4fe0 0 0 0 1px, rgba(35, 38, 59, 0.05) 0 2px 0 0;
}
.ais-HitsPerPage-select:disabled,
.ais-SortBy-select:disabled {
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #efeff5;
box-shadow: none;
color: #b6b7d5;
cursor: not-allowed;
}
/**
* Panel
*/
.ais-Panel {
margin-bottom: 2rem;
}
.ais-Panel-header {
color: #5a5e9a;
font-size: 0.75rem;
font-weight: 600;
line-height: 1rem;
margin-bottom: 1rem;
text-transform: uppercase;
}
.ais-Panel-footer {
color: #5a5e9a;
font-size: 0.75rem;
font-weight: 600;
line-height: 1rem;
margin-top: 1rem;
}
.ais-Panel--collapsible {
position: relative;
}
.ais-Panel--collapsible .ais-Panel-collapseButton {
background: none;
border: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
display: none;
}
/**
* SearchBox
*/
.ais-SearchBox-form {
background-color: #fff;
display: flex;
font-size: 0.875rem;
height: 2.5rem;
line-height: 1.25rem;
position: relative;
width: 100%;
}
.ais-SearchBox-form::before {
background: rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0% 0%;
content: "";
height: 1rem;
left: 1rem;
margin-top: -0.5rem;
position: absolute;
top: 50%;
width: 1rem;
}
.ais-SearchBox-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: rgba(119, 122, 175, 0.3) 0 1px 4px 0 inset;
caret-color: #5a5e9a;
color: #23263b;
flex: 1 1 0%;
font: inherit;
max-width: 100%;
padding-left: 2.5rem;
}
.ais-SearchBox-input::-moz-placeholder {
color: #5a5e9a;
}
.ais-SearchBox-input::placeholder {
color: #5a5e9a;
}
.ais-SearchBox-input:focus {
border-color: #3c4fe0;
box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0;
outline: currentcolor none medium;
}
.ais-SearchBox-input:disabled {
background: rgba(0, 0, 0, 0) linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0% 0%;
border-color: #efeff5;
box-shadow: none;
cursor: not-allowed;
}
.ais-SearchBox-input:disabled::-moz-placeholder {
color: #b6b7d5;
pointer-events: none;
}
.ais-SearchBox-input:disabled::placeholder {
color: #b6b7d5;
pointer-events: none;
}
.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
}
.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset {
align-items: center;
border-radius: 50%;
display: flex;
fill: #484c7a;
height: 20px;
justify-content: center;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
width: 20px;
}
.ais-SearchBox-reset:focus {
background: #b6b7d5;
fill: #fff;
outline: 0;
}
.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator,
.ais-RefinementList-searchBox .ais-SearchBox-reset {
right: 0.5rem;
}
.ais-SearchBox-loadingIndicator[hidden],
.ais-SearchBox-reset[hidden] {
display: none;
}
.ais-SearchBox-submit {
display: none;
}
.ais-Menu-searchBox,
.ais-RefinementList-searchBox {
margin-bottom: 0.5rem;
}
.ais-Menu-searchBox .ais-SearchBox-form,
.ais-RefinementList-searchBox .ais-SearchBox-form {
height: 2rem;
}
.ais-Menu-searchBox .ais-SearchBox-form::before,
.ais-RefinementList-searchBox .ais-SearchBox-form::before {
left: 0.5rem;
}
.ais-Menu-searchBox .ais-SearchBox-input,
.ais-RefinementList-searchBox .ais-SearchBox-input {
padding-left: 2rem;
}
/**
* VoiceSearch
*/
.ais-VoiceSearch-button {
color: #5a5e9a;
height: 48px;
width: 48px;
}
.ais-VoiceSearch-button svg {
color: currentcolor;
}
/**
* Highlighting and Snippeting
*/
.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
background-color: rgba(84, 104, 255, 0.1);
color: #5468ff;
font-style: normal;
}
/**
* ReverseHighlighting and ReverseSnippeting
*/
.ais-ReverseHighlight-highlighted,
.ais-ReverseSnippet-highlighted {
font-weight: bold;
font-style: normal;
background: none;
}
/**
* Hits, InfiniteHits, FrequentlyBoughtTogether, LookingSimilar,
* RelatedProducts and TrendingItems
*/
.ais-Hits-item,
.ais-InfiniteHits-item,
.ais-FrequentlyBoughtTogether-item,
.ais-LookingSimilar-item,
.ais-RelatedProducts-item,
.ais-TrendingItems-item {
align-items: center;
background: #fff;
box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.05), 0 1px 3px 0 rgba(35, 38, 59, 0.15);
display: flex;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
padding: 1.5rem;
}
.ais-Hits-item:first-of-type,
.ais-InfiniteHits-item:first-of-type,
.ais-FrequentlyBoughtTogether-item:first-of-type,
.ais-LookingSimilar-item:first-of-type,
.ais-RelatedProducts-item:first-of-type,
.ais-TrendingItems-item:first-of-type {
border-radius: 3px 3px 0 0;
}
.ais-Hits-item:last-of-type,
.ais-InfiniteHits-item:last-of-type,
.ais-FrequentlyBoughtTogether-item:last-of-type,
.ais-LookingSimilar-item:last-of-type,
.ais-RelatedProducts-item:last-of-type,
.ais-TrendingItems-item:last-of-type {
border-radius: 0 0 3px 3px;
}
.ais-Hits-item:only-of-type,
.ais-InfiniteHits-item:only-of-type,
.ais-FrequentlyBoughtTogether-item:only-of-type,
.ais-LookingSimilar-item:only-of-type,
.ais-RelatedProducts-item:only-of-type,
.ais-TrendingItems-item:only-of-type {
border-radius: 3px;
}
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious {
display: flex;
margin: 1rem auto;
}
.ais-Hits-banner,
.ais-InfiniteHits-banner {
display: flex;
justify-content: center;
}
.ais-Hits-banner-image,
.ais-InfiniteHits-banner-image {
max-width: 100%;
}
/**
* GeoSearch
*/
.ais-GeoSearch {
position: relative;
}
.ais-GeoSearch-control {
left: 3.75rem;
position: absolute;
top: 1rem;
}
.ais-GeoSearch-label {
align-items: center;
background-color: #f5f5fa;
border: 1px solid #b6b7d5;
border-radius: 3px;
cursor: pointer;
display: inline-flex;
font-size: 0.875rem;
line-height: 1.5;
min-height: 1.5rem;
padding: 0.25rem 0.5rem;
}
.ais-GeoSearch-label,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
white-space: nowrap;
}
.ais-GeoSearch-reset {
bottom: 1.25rem;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
/**
* RefinementList
*/
.ais-RefinementList-checkbox,
.ais-GeoSearch-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-position: 50%;
background-size: 180%;
border: 1px solid currentcolor;
border-radius: 3px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4);
color: #d6d6e7;
cursor: inherit;
height: 1rem;
margin: 0 0.5rem 0 0;
min-width: 1rem;
}
.ais-RefinementList-item--selected .ais-RefinementList-checkbox,
.ais-GeoSearch-input:checked {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
background-size: 14px;
border-color: currentcolor;
box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0 inset;
color: #3c4fe0;
}
.ais-RefinementList-checkbox:focus,
.ais-GeoSearch-input:focus {
outline: currentcolor none medium;
}
.ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus,
.ais-GeoSearch-input:checked:focus {
box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0 inset, currentcolor 0 0 0 1px;
}
/**
* NumericMenu
*/
.ais-NumericMenu-label {
align-items: center;
cursor: pointer;
display: flex;
}
.ais-NumericMenu-radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 1px solid #d6d6e7;
border-radius: 50%;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3);
height: 16px;
margin: 0 0.5rem 0 0;
outline: 0;
position: relative;
width: 16px;
}
.ais-NumericMenu-radio:checked,
.ais-NumericMenu-radio:focus {
border-color: #3c4fe0;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
}
.ais-NumericMenu-radio:focus {
box-shadow: 0 0 0 1px #3c4fe0, 0 1px 0 0 rgba(35, 38, 59, 0.05);
}
.ais-NumericMenu-radio:checked:after {
background: #3c4fe0;
border-radius: 50%;
bottom: 4px;
content: "";
left: 4px;
position: absolute;
right: 4px;
top: 4px;
}
/**
* HierarchicalMenu
*/
.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
margin-left: 1.5rem;
}
.ais-HierarchicalMenu-link::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 1rem;
margin-right: 0.5rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 1rem;
}
.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}
/**
* RatingMenu
*/
.ais-RatingMenu-starIcon {
margin-right: 0.25rem;
}
.ais-RatingMenu-starIcon {
fill: #5a5e9a;
position: relative;
width: 16px;
}
.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
fill: #b6b7d5;
}
.ais-RatingMenu-item--disabled .ais-RatingMenu-count,
.ais-RatingMenu-item--disabled .ais-RatingMenu-label {
color: #b6b7d5;
}
/**
* ClearRefinements
*/
.ais-ClearRefinements-button {
width: 100%;
}
/**
* CurrentRefinements
*/
.ais-CurrentRefinements-list {
display: inline-grid;
gap: 1rem;
grid-auto-flow: column;
}
.ais-CurrentRefinements-item {
align-items: center;
background-color: #f5f5fa;
border: 1px solid #b6b7d5;
border-radius: 3px;
display: flex;
display: inline-flex;
font-size: 0.875rem;
line-height: 1.5;
min-height: 1.5rem;
padding: 0.05rem 0.5rem;
}
.ais-CurrentRefinements-category {
display: flex;
margin-left: 0.5rem;
}
.ais-CurrentRefinements-delete {
color: #9698c3;
height: 100%;
margin-left: 0.25rem;
outline-width: 0;
}
/**
* ToggleRefinement
*/
.ais-ToggleRefinement-label {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.ais-ToggleRefinement-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(65, 66, 71, 0.08);
background: #f5f5fa;
border-radius: 9999px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4);
height: 18px;
pointer-events: none;
position: relative;
width: 32px;
}
.ais-ToggleRefinement-checkbox:checked {
background: #3c4fe0;
box-shadow: inset 0 1px 4px 0 rgba(35, 38, 59, 0.1);
}
.ais-ToggleRefinement-checkbox:focus {
outline: 0;
}
.ais-ToggleRefinement-checkbox::after {
background: linear-gradient(-180deg, #fff, #f5f5fa);
border-radius: 9999px;
box-shadow: 1px 1px 1px 0 rgba(35, 38, 59, 0.05);
content: "";
height: 16px;
left: 1px;
position: absolute;
top: 1px;
transition: all 100ms ease-in-out;
width: 16px;
}
.ais-ToggleRefinement-checkbox:checked::after {
transform: translateX(14px);
}
/**
* RangeInput
*/
.ais-RangeInput-input {
align-items: center;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3);
caret-color: #5a5e9a;
color: #23263b;
cursor: text;
display: flex;
flex: 1;
font-size: 0.875rem;
height: 2rem;
line-height: 1.25rem;
min-width: 0;
overflow: hidden;
padding: 0 1rem;
position: relative;
}
.ais-RangeInput-input:focus {
border-color: #3c4fe0;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
outline: 0;
}
.ais-RangeInput-separator {
margin: 0 0.5rem;
}
.ais-RangeInput-submit {
margin-left: 0.5rem;
}
/**
* RangeSlider
*/
.ais-RangeSlider .rheostat {
margin: 40px 6px;
}
.ais-RangeSlider .rheostat-horizontal {
cursor: pointer;
width: calc(100% - 15px);
}
.ais-RangeSlider .rheostat-background {
background-color: transparent;
border: none;
border-radius: 3px;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0 0 rgba(255, 255, 255, 0.05);
height: 4px;
}
.ais-RangeSlider .rheostat-progress {
background-color: #3c4fe0;
border-radius: 3px;
height: 4px;
max-width: 100%;
top: 0;
}
.ais-RangeSlider .rheostat-tooltip {
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ais-RangeSlider .rheostat-handle {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff, #fcfcfd);
border: 1px solid #d6d6e7;
border-radius: 2px;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
height: 24px;
margin-left: -6px;
top: -11px;
width: 12px;
}
.ais-RangeSlider .rheostat-handle::before,
.ais-RangeSlider .rheostat-handle::after {
background-color: #d6d6e7;
content: "";
height: 12px;
position: absolute;
top: 6px;
width: 1px;
}
.ais-RangeSlider .rheostat-handle::before {
left: 4px;
}
.ais-RangeSlider .rheostat-handle::after {
right: 4px;
}
.ais-RangeSlider .rheostat-marker {
background-color: #d6d6e7;
}
/**
* Pagination
*/
.ais-Pagination-item:first-child > .ais-Pagination-link {
border-radius: 3px 0 0 3px;
}
.ais-Pagination-item + .ais-Pagination-item > .ais-Pagination-link {
border-radius: 0;
margin-left: -1px;
}
.ais-Pagination-item:last-child > .ais-Pagination-link {
border-radius: 0 3px 3px 0;
}
.ais-Pagination-item {
display: inline-block;
}
.ais-Pagination-item--selected .ais-Pagination-link {
font-weight: bold;
}
/**
* Breadrumb
*/
.ais-Breadcrumb-link,
.ais-Breadcrumb-separator {
color: #5a5e9a;
}
.ais-Breadcrumb-separator {
display: flex;
margin: 0 0.5rem;
}
.ais-Breadcrumb-item--selected {
font-weight: 600;
}
.ais-Breadcrumb-item--selected .ais-Breadcrumb-separator {
font-weight: normal;
}
@media (max-width: 767px) {
.ais-SearchBox-input,
.ais-RangeInput-input {
font-size: 1rem;
}
}
@media (hover: none) and (pointer: coarse) {
.ais-Carousel-navigation {
display: none;
}
}
.ais-Carousel:hover .ais-Carousel-navigation:not([hidden]) {
opacity: 1;
visibility: visible;
}
.ais-Carousel-navigation,
.ais-Carousel-navigation[hidden] {
opacity: 0;
visibility: hidden;
}
.ais-Carousel-list {
padding-bottom: 0.5rem;
gap: 0.5rem;
outline-color: #3c4fe0;
outline-offset: 0.5rem;
scrollbar-color: #111432 #b6b7d5;
scrollbar-width: thin;
}
.ais-Carousel-list::-webkit-scrollbar {
height: 2px;
}
.ais-Carousel-list::-webkit-scrollbar-track {
background-color: #b6b7d5;
}
.ais-Carousel-list::-webkit-scrollbar-thumb {
background-color: #111432;
}
.cmp-search-redesign label {
font-weight: normal;
margin-bottom: 0;
}
.cmp-search-redesign__searchbox .aa-Form {
border: 1px solid #ccc;
border-radius: 4px;
}
.cmp-search-redesign__searchbox .aa-Form:focus-within {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cmp-search-redesign__searchbox .aa-SubmitButton .aa-SubmitIcon {
display: none;
}
.cmp-search-redesign__searchbox .aa-SubmitButton {
background: url("../../../etc.clientlibs/marvell-com/clientlibs/clientlib-base/resources/icon-search.svg") no-repeat center center;
background-size: 20px 20px;
border: none; /* Remove default border if needed */
}
.cmp-search-redesign__searchbox .aa-LoadingIcon {
color: black;
}
.cmp-search-redesign {
margin-top: 80px;
margin-bottom: 30px;
}
@media (min-width: 1440px) {
.cmp-search-redesign {
width: 1395px;
}
}
.cmp-search-redesign__no-results {
font-size: 16px;
}
.cmp-search-redesign__searchbox {
margin-top: 50px;
margin-bottom: 30px;
}
.cmp-search-redesign__loading {
text-align: center;
margin-top: 20px;
min-height: 80vh;
}
.cmp-search-redesign__main {
margin-top: 20px;
min-height: 80vh;
}
.cmp-search-redesign__main__left {
padding-left: 0;
color: black;
}
.cmp-search-redesign__main__left h5 {
font-size: 18px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.cmp-search-redesign__main__left,
.cmp-search-redesign__main__right {
padding-left: 0;
padding-right: 0;
}
}
.cmp-search-tabs {
display: flex;
flex-wrap: nowrap;
list-style: none;
padding-bottom: 20px;
overflow-x: auto;
}
.cmp-search-tabs__btn {
background: none;
border: none;
padding: 0;
margin-right: 30px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.12rem;
color: #63666a;
cursor: pointer;
transition: color 0.3s ease;
}
.cmp-search-tabs__btn:hover {
color: #000;
}
.cmp-search-tabs__btn--active {
font-weight: bold;
color: #000;
position: relative;
}
.cmp-search-tabs__btn--active::after {
content: "";
display: block;
width: 100%;
height: 3px;
background: #0d70d4;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
}
.cmp-search-redesign__hits .ais-Hits-list {
display: flex;
flex-direction: column;
}
.cmp-search-redesign__hits .ais-Hits-list,
.cmp-search-redesign__hits .ais-Hits-item {
list-style-type: none;
padding: 0;
margin: 0;
box-shadow: none;
display: block;
}
.cmp-search-redesign__hit {
border-bottom: 1px solid #d5d5d3 !important;
box-shadow: none;
padding-left: 0;
padding-bottom: 20px;
padding-top: 20px;
transition: color 0.3s ease;
}
.cmp-search-redesign__hit__title {
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
color: #363636;
transition: color 0.3s ease;
line-height: 2rem;
}
.cmp-search-redesign__hit__title:hover {
color: #0d70d4;
}
.cmp-search-redesign__hit__description {
font-size: 16px;
font-weight: 400;
color: #63666a;
margin-top: 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cmp-search-redesign__hit__meta {
font-size: 14px;
font-weight: 400;
color: #63666a;
margin-top: 15px;
text-transform: uppercase;
}
.ais-Pagination {
display: flex;
justify-content: center;
margin-top: 30px;
}
.ais-Pagination .ais-Pagination-list {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item .ais-Pagination-link {
box-shadow: none;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin: 0 4px;
text-decoration: none;
color: #000;
font-size: 1rem;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item .ais-Pagination-ellipsis {
font-weight: bold;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--disabled .ais-Pagination-link {
opacity: 0.5;
cursor: not-allowed;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--selected .ais-Pagination-link {
font-weight: bold;
color: #0072ce !important;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--firstPage .ais-Pagination-link, .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--previousPage .ais-Pagination-link {
color: transparent;
overflow: hidden;
text-indent: -9999px;
background: url("../../../etc.clientlibs/marvell-com/clientlibs/clientlib-base/resources/nav-arrow-right.svg") no-repeat center center;
background-size: 16px auto;
transform: rotate(180deg);
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--nextPage .ais-Pagination-link, .ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--lastPage .ais-Pagination-link {
color: transparent;
overflow: hidden;
text-indent: -9999px;
background: url("../../../etc.clientlibs/marvell-com/clientlibs/clientlib-base/resources/nav-arrow-right.svg") no-repeat center center;
background-size: 16px auto;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--page .ais-Pagination-link {
text-indent: 0;
overflow: visible;
background: none;
color: #000;
}
/* src/components/Panel.scss */
.cmp-search-redesign__main__panel {
padding-bottom: 10px;
}
.cmp-search-redesign__main__panel:first-child {
margin-top: 0px;
}
.cmp-search-redesign__main__panel:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.cmp-search-redesign__main__panel:not(:first-child) {
padding-top: 10px;
}
.cmp-search-redesign__main__panel--has-sortby {
margin-top: 5px !important;
}
.cmp-search-redesign__main__panel .ais-RefinementList-checkbox {
margin: 0 0.5rem 0 0;
}
.cmp-search-redesign__main__panel__header {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.cmp-search-redesign__main__panel__header-text {
color: black;
font-weight: bold;
}
.cmp-search-redesign__main__panel__icon {
margin-left: 10px;
/* No explicit font-size or color here, since the React Icon
is controlling those via props. */
}
.cmp-search-redesign__main__panel__content {
margin-bottom: 10px;
margin-top: 10px;
}
.cmp-search-redesign__main__panel__content--hidden {
display: none;
}
.cmp-search-redesign .ais-RefinementList-count {
background: none;
border: none;
margin-left: 0;
}
.cmp-search-redesign .ais-RefinementList-count::before {
content: "(";
}
.cmp-search-redesign .ais-RefinementList-count::after {
content: ")";
}
.cmp-search-redesign .ais-CurrentRefinements-item {
background: #f6f6f6;
border: 1px solid #d5d5d3;
padding: 0.2rem 0.5rem;
}
.cmp-search-redesign .ais-CurrentRefinements-item .ais-CurrentRefinements-category {
margin-left: 0;
}
.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
background: none;
color: black;
font-weight: bold;
transition: color 0.3s ease;
padding: 0;
}
.cmp-search-redesign__hit--hovered .ais-Highlight-highlighted {
color: #0d70d4;
}
.cmp-search-redesign__main__stats_and_sort {
display: flex;
align-items: center;
justify-content: flex-start; /* Align items to the start */
}
.cmp-search-redesign__main__stats_and_sort .cmp-search-redesign__main__sort {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
margin-left: auto; /* Pushes sort element to the right */
}
.ais-SortBy-select {
border: 1px solid #ccc;
border-radius: 4px;
background-image: url("data:image/svg+xml;utf8,"), linear-gradient(-180deg, #fff, #fcfcfd) !important;
}
button.Downloadbtn:disabled {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.65;
}