@charset "UTF-8";/*! @algolia/autocomplete-theme-classic 1.18.1 | 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}}.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; } /** * 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,<\/g><\/svg>"), 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,<\/g><\/svg>"), linear-gradient(-180deg, #fcfcfd, #f5f5fa); border-color: #d6d6e7; } .ais-HitsPerPage-select:focus, .ais-SortBy-select:focus { background-image: url("data:image/svg+xml;utf8,<\/g><\/svg>"), 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,<\/g><\/svg>"), 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; } .react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { 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-wrapper { display: inline-block; padding: 0; border: 0; } .react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; line-height: initial; } .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-popper { z-index: 1; line-height: 0; } .react-datepicker-popper .react-datepicker__triangle { stroke: #aeaeae; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { fill: #f0f0f0; color: #f0f0f0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle { fill: #fff; color: #fff; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; 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 15px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } h2.react-datepicker__current-month { padding: 0; margin: 0; } .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: 2px; 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: rgb(165.75, 165.75, 165.75); } .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: -87px; 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: #216ba5; 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: #216ba5; } .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:not(.react-datepicker__week-number--selected):hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__week-number--selected { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__week-number--selected:hover { background-color: rgb(28.75, 93.2196969697, 143.75); } .react-datepicker__day-names { white-space: nowrap; margin-bottom: -8px; } .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; } .react-datepicker__day:not([aria-disabled=true]):hover, .react-datepicker__month-text:not([aria-disabled=true]):hover, .react-datepicker__quarter-text:not([aria-disabled=true]):hover, .react-datepicker__year-text:not([aria-disabled=true]):hover { border-radius: 0.3rem; background-color: #f0f0f0; } .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:not([aria-disabled=true]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover { background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061); } .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--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays { position: relative; border-radius: 0.3rem; background-color: #ff6803; color: #fff; } .react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s ease-in-out; } .react-datepicker__day--holidays:not([aria-disabled=true]):hover, .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover, .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover { background-color: rgb(207, 82.9642857143, 0); } .react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay { visibility: visible; opacity: 1; } .react-datepicker__day--selected, .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: #216ba5; color: #fff; } .react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover, .react-datepicker__month-text--selected:not([aria-disabled=true]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover, .react-datepicker__year-text--selected:not([aria-disabled=true]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover { background-color: rgb(28.75, 93.2196969697, 143.75); } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: rgb(186.25, 217.0833333333, 241.25); color: rgb(0, 0, 0); } .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover { background-color: rgb(28.75, 93.2196969697, 143.75); } .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__year--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__year--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__year--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), .react-datepicker__year--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: #000; } .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 .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay { position: absolute; bottom: 70%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s ease-in-out; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__input-container .react-datepicker__calendar-icon { position: absolute; padding: 0.5rem; box-sizing: content-box; } .react-datepicker__view-calendar-icon input { padding: 6px 10px 5px 25px; } .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: rgb(178.5, 178.5, 178.5); } .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: rgb(178.5, 178.5, 178.5); } .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: rgb(178.5, 178.5, 178.5); } .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: #216ba5; 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__close-icon--disabled { cursor: default; } .react-datepicker__close-icon--disabled::after { cursor: default; background-color: #ccc; } .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; } .react-datepicker__children-container { width: 13.8rem; margin: 0.4rem; padding-right: 0.2rem; padding-left: 0.2rem; height: auto; } .react-datepicker__aria-live { position: absolute; clip-path: circle(0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; white-space: nowrap; } .react-datepicker__calendar-icon { width: 1em; height: 1em; vertical-align: -0.125em; } .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("https://www.marvell.com/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("https://www.marvell.com/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("https://www.marvell.com/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__warning { background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin-top: 1rem; } .cmp-search-redesign__warning p { margin: 0; font-size: 0.9rem; color: #333; } .cmp-search-redesign__warning a { color: #0066cc; text-decoration: underline; } .cmp-search-redesign__warning a:hover { text-decoration: 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,<\/g><\/svg>"), 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; } .react-datepicker-wrapper { width: 90%; } .react-datepicker-wrapper input { width: 100%; border: 1px solid #e5e5ea; border-radius: 6px; padding: 7px 11px; font-size: 14px; line-height: 1.42857143; } .custom-datepicker-input { position: relative; width: 100%; } .year-filter-datepicker { width: 100%; padding-right: 2.5rem; } .calendar-icon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); pointer-events: none; } .clear-icon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); cursor: pointer; pointer-events: auto; } .react-datepicker__close-icon { display: none; }