@bridgeline-digital/hawksearch-handlebars-ui 5.1.2-beta.4 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -368,18 +368,6 @@ export interface SearchFieldComponentModel extends BaseComponentModel {
368
368
  placeholder: string;
369
369
  };
370
370
  }
371
- /**
372
- * @category Components
373
- */
374
- export interface ImageSearchFieldComponentModel extends BaseComponentModel {
375
- query?: string;
376
- strings: {
377
- dragImageMessage: string;
378
- uploadImageMessage: string;
379
- dropImageMessage: string;
380
- errorMessage: string;
381
- };
382
- }
383
371
  /**
384
372
  * @category Components
385
373
  */
@@ -171,13 +171,11 @@ export interface RawSearchRequest {
171
171
  VisitId?: string;
172
172
  };
173
173
  ClientGuid: string;
174
- RequestType?: string;
175
174
  CustomURL?: string;
176
175
  IgnoreSpellcheck?: boolean;
177
176
  IndexName?: string;
178
177
  IsInPreview?: boolean;
179
178
  Keyword?: string;
180
- kValue?: number;
181
179
  FacetSelections?: Record<string, Array<string> | undefined>;
182
180
  MaxPerPage?: number;
183
181
  PageNo?: number;
@@ -220,17 +220,6 @@ export interface SearchResponse {
220
220
  * @category Search
221
221
  */
222
222
  export type SelectedFacets = Record<string, Array<string> | undefined>;
223
- /**
224
- * @category Search
225
- */
226
- export type RequestType = 'ConceptSearch' | 'ImageSearch' | 'DefaultSearch';
227
- /**
228
- * @category Search
229
- */
230
- export type SearchTypes = string | {
231
- queryString: string;
232
- requestType: string;
233
- } | undefined;
234
223
  /**
235
224
  * @category Search
236
225
  */
@@ -241,8 +230,6 @@ export interface SearchRequest {
241
230
  pageSize?: number;
242
231
  page?: number;
243
232
  query?: string;
244
- kValue?: number;
245
- requestType?: string;
246
233
  searchWithin?: string;
247
234
  sort?: string;
248
235
  url?: string;
@@ -38,7 +38,6 @@ export declare abstract class BaseService {
38
38
  query: string;
39
39
  searchWithin: string;
40
40
  sort: string;
41
- requestType: string;
42
41
  };
43
42
  searchUrl: string;
44
43
  protected get onSearchPage(): boolean;
@@ -1,4 +1,4 @@
1
- import { SearchRequest, SearchResponse, SearchTypes, SelectedFacets } from '@models';
1
+ import { SearchRequest, SearchResponse, SelectedFacets } from '@models';
2
2
  import { BaseService } from '@services';
3
3
  export declare class SearchService extends BaseService {
4
4
  protected baseUrl: string;
@@ -7,7 +7,7 @@ export declare class SearchService extends BaseService {
7
7
  private decodeFacetValues;
8
8
  private shouldRenderUI;
9
9
  search(searchRequest: SearchRequest): Promise<SearchResponse>;
10
- query(query?: SearchTypes, selectedFacets?: SelectedFacets | undefined, disableSpellcheck?: boolean): Promise<SearchResponse | void>;
10
+ query(query?: string, selectedFacets?: SelectedFacets | undefined, disableSpellcheck?: boolean): Promise<SearchResponse | void>;
11
11
  addFacetValue(field: string, value: string): Promise<SearchResponse>;
12
12
  removeFacetValue(field: string, value: string): Promise<SearchResponse>;
13
13
  includeFacetValue(field: string, value: string): Promise<SearchResponse>;
@@ -0,0 +1 @@
1
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{box-shadow:none;margin:0;padding:0;border:0;font-size:100%;font-weight:normal;font:inherit;vertical-align:baseline;color:inherit;text-transform:none;text-shadow:none;background:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none;width:auto}ol li,ul li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:inline-block}.clearfix:after{content:"";display:table;clear:both}*,*:before,*:after{box-sizing:border-box !important;transition:none}b,strong{font-weight:bold}i,em{font-style:italic}u{text-decoration:underline}sup{vertical-align:super;font-size:75%}sub{vertical-align:sub;font-size:75%}a{cursor:pointer}.label{display:block;margin:0 0 5px 0;text-align:left}input[type=text],input[type=number],input[type=search],select{display:block;outline:none;width:100%;height:45px;border:var(--form-element-border);border-radius:var(--form-element-border-radius);padding:var(--padding-sm);background:var(--form-element-background);font-family:var(--default-font-family);font-size:16px;line-height:1;color:var(--default-font-color)}input[type=text]:hover,input[type=text]:focus,input[type=number]:hover,input[type=number]:focus,input[type=search]:hover,input[type=search]:focus,select:hover,select:focus{border:var(--form-element-border--focus)}select{padding-right:var(--padding)}::placeholder{color:var(--form-element-placeholder-color)}input[type=checkbox]{display:none}input[type=checkbox]+label{position:relative;display:block;margin:0 0 5px 0;padding-left:calc(16px + var(--padding-sm));cursor:pointer}input[type=checkbox]+label:before{content:"";position:absolute;top:1px;left:0;width:16px;height:16px;border:var(--form-element-border);background:var(--form-element-background)}input[type=checkbox]:checked+label:before{background:var(--color-accent)}.row{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row:last-child{margin-bottom:0}.row--reverse{flex-direction:row-reverse}.row--tight{--gap: var(--padding-xs)}@media(min-width: 740px){.row-sm{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-sm:last-child{margin-bottom:0}.row-sm--reverse{flex-direction:row-reverse}.row-sm--tight{--gap: var(--padding-xs)}}@media(min-width: 990px){.row-md{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-md:last-child{margin-bottom:0}.row-md--reverse{flex-direction:row-reverse}.row-md--tight{--gap: var(--padding-xs)}}@media(min-width: 1260px){.row-lg{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-lg:last-child{margin-bottom:0}.row-lg--reverse{flex-direction:row-reverse}.row-lg--tight{--gap: var(--padding-xs)}}@media(min-width: 1800px){.row-xl{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-xl:last-child{margin-bottom:0}.row-xl--reverse{flex-direction:row-reverse}.row-xl--tight{--gap: var(--padding-xs)}}.column{flex-grow:0;flex-shrink:0;width:100%}.column--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column--12{flex-basis:calc(100% - (0 * var(--gap)))}.column--pull-right{margin-left:auto}@media(min-width: 740px){.column-sm{flex-grow:0;flex-shrink:0;width:100%}.column-sm--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-sm--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-sm--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-sm--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-sm--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-sm--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-sm--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-sm--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-sm--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-sm--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-sm--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-sm--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-sm--pull-right{margin-left:auto}}@media(min-width: 990px){.column-md{flex-grow:0;flex-shrink:0;width:100%}.column-md--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-md--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-md--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-md--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-md--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-md--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-md--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-md--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-md--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-md--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-md--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-md--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-md--pull-right{margin-left:auto}}@media(min-width: 1260px){.column-lg{flex-grow:0;flex-shrink:0;width:100%}.column-lg--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-lg--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-lg--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-lg--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-lg--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-lg--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-lg--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-lg--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-lg--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-lg--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-lg--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-lg--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-lg--pull-right{margin-left:auto}}@media(min-width: 1800px){.column-xl{flex-grow:0;flex-shrink:0;width:100%}.column-xl--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-xl--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-xl--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-xl--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-xl--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-xl--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-xl--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-xl--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-xl--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-xl--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-xl--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-xl--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-xl--pull-right{margin-left:auto}}img{max-width:100%;height:auto}.heading{display:block;margin:0 0 var(--padding) 0;font-size:1.375rem;font-weight:bold}p{margin:0 0 var(--padding) 0}p:last-child{margin-bottom:0}a,.link{text-decoration:none;cursor:pointer}a:hover,.link:hover{color:var(--color-accent)}.autocomplete{position:absolute;left:0;right:0;margin-top:-1px;box-shadow:0 2px 5px rgba(0,0,0,.1);border:var(--container-border);padding:var(--padding);background:var(--container-background);z-index:1}.autocomplete__title{display:block;margin:0 0 var(--padding) 0;font-size:1.1rem;font-weight:bold}.autocomplete__list:not(:last-child){margin-bottom:var(--margin)}.autocomplete__product{height:100%;text-align:center}.autocomplete__product__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:150px}.autocomplete__product__image a{display:block}.autocomplete__product__image img{margin:0;max-height:100%}.autocomplete__product__title{display:block;margin:0 0 var(--padding-sm) 0;font-weight:bold}.autocomplete__product__title:last-child{margin-bottom:0}.autocomplete__product__price{display:block;margin:0 0 var(--padding-sm) 0}.autocomplete__product__price__original{text-decoration:line-through}.autocomplete__product__price:last-child{margin-bottom:0}.autocomplete__view-all{text-align:center}.button{display:inline-block;outline:none;height:45px;border-radius:var(--button-border-radius);border:none;padding:var(--padding-sm) var(--padding);background:var(--button-background);font-weight:bold;color:var(--button-font-color);text-align:center;cursor:pointer}.button:hover{outline:solid 2px var(--button-background)}.button--full-width{display:block;width:100%}hawksearch-featured-items-content-item{display:block;height:100%}.custom-content{margin:0 0 var(--margin) 0}.featured-items-content__item{position:relative}.featured-items-content__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.featured-items-content__item__pin{position:absolute;top:var(--padding-xs);right:var(--padding-xs);font-size:1.2rem}.featured-items-content__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.featured-items-content__item__image img{margin:0;max-height:100%}.featured-items-content__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.featured-items-content__item__title:last-child{margin-bottom:0}.featured-items-content__item__price{display:block;margin:0 0 var(--padding-sm) 0}.featured-items-content__item__price__original{text-decoration:line-through}.featured-items-content__item__price:last-child{margin-bottom:0}.featured-items-content__item--content{border-bottom:var(--container-border);padding:0 0 var(--padding) 0}.featured-items-content__item--product{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.featured-items-content__item--product:hover{border-color:var(--color-accent)}.image-content{margin:0 0 var(--margin) 0}.image-content__image{display:block;margin:0 auto}.popular-queries-content{margin:0 0 var(--margin) 0;text-align:center;line-height:1}.popular-queries-content__item{display:inline-block;margin:0 5px;vertical-align:middle}.popular-queries-content__item--1{font-size:100%}.popular-queries-content__item--2{font-size:150%}.popular-queries-content__item--3{font-size:200%}.popular-queries-content__item--4{font-size:250%}.popular-queries-content__item--5{font-size:300%}.content-zone{margin:0 0 var(--margin) 0}.date-picker{position:relative}.date-picker__modal{position:absolute;width:310px;border:var(--container-border);padding:var(--padding-sm);background:var(--container-background);z-index:10}.date-picker__modal__header{display:flex;align-items:center;gap:var(--padding-sm);margin:0 0 var(--padding-sm) 0;padding:var(--padding-sm);background:var(--container-background--alternate);font-weight:bold;text-align:center}.date-picker__modal__header__previous,.date-picker__modal__header__next{display:inline-flex;font-size:1.5rem;flex-grow:0}.date-picker__modal__header__month{flex-grow:1}.date-picker__calendar{width:100%}.date-picker__calendar thead th{width:14.286%;padding:var(--padding-xs);background:var(--container-background);font-weight:bold;text-align:center}.date-picker__calendar tbody td{border:var(--container-border);padding:var(--padding-xs);text-align:center}.date-picker__calendar tbody td:hover{color:var(--color-accent)}.date-picker__calendar__day{background:var(--container-background);cursor:pointer}.date-picker__calendar__day--alternate{background:var(--color-secondary-light)}.date-picker__calendar__day--selected{background:var(--color-accent);color:var(--default-font-color--inverse) !important}.date-picker__calendar__day--disabled{cursor:no-drop;opacity:.5}hawksearch-facets-list{display:block;margin:0 0 var(--margin-sm) 0}hawksearch-facets-list:last-child{margin-bottom:0}.facets{border:var(--container-border);background:var(--container-background)}.facets__heading{display:flex;align-items:center;padding:var(--padding-sm) var(--padding);font-size:1.2rem;font-weight:bold;background:var(--container-background--alternate);cursor:pointer}.facets__heading__mobile-toggle{margin-left:auto}.facets__heading:hover{color:var(--color-accent)}.facets__content{display:none}.facets--expanded .facets__content{display:block}@media(min-width: 990px){.facets__heading{cursor:default}.facets__heading__mobile-toggle{display:none}.facets__heading:hover{color:var(--default-font-color)}.facets__content{display:block}}.facet__heading{display:flex;align-items:center;padding:var(--padding-sm) var(--padding);font-size:1.125rem;cursor:default}.facet__heading__tooltip{font-size:1.2em;margin-left:5px}.facet__heading__toggle{margin-left:auto}.facet__heading--collapsible{cursor:pointer}.facet__heading--collapsible:hover{--icon-color: var(--color-accent);color:var(--color-accent)}.facet__search{margin:0 0 var(--padding) 0}.facet__content{padding:0 var(--padding) var(--padding) var(--padding)}.facet__value{display:flex;align-items:center;flex-wrap:wrap}.facet__value__image{margin-right:5px}.facet__value__count{color:var(--secondary-font-color)}.checkbox-list-facet{overflow-y:auto}.checkbox-list-facet__list{margin:0 0 var(--padding-xs) 0}.checkbox-list-facet__list__item{display:flex;margin:0 0 var(--padding-xs) 0}.checkbox-list-facet__list__item__content{flex-grow:1}.checkbox-list-facet__list__item__actions{position:relative;top:-2px;flex-grow:0;margin-left:auto;white-space:nowrap;line-height:1}.checkbox-list-facet__list__item__actions__item{font-size:1.3em;cursor:pointer}.checkbox-list-facet__list__item__actions__item:hover{color:var(--color-accent)}.checkbox-list-facet__list__item--excluded>.checkbox-list-facet__item__content>label .facet__value__title{text-decoration:line-through}.checkbox-list-facet__list__item:last-child{margin-bottom:0}.checkbox-list-facet__list__item .checkbox-list-facet__list{margin-left:calc(16px + var(--padding-sm))}.checkbox-list-facet__list:last-child{margin-bottom:0}.color-facet__items{margin-bottom:var(--padding-xs)}.color-facet__item{position:relative;border:var(--container-border);cursor:pointer}.color-facet__item__box{padding:0 0 100% 0}.color-facet__item__image{display:block;width:100%;height:100%}.color-facet__item__actions{display:none}.color-facet__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.color-facet__item:hover{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.color-facet__item:hover .color-facet__item__actions{display:block;position:absolute;top:0;right:0;border:var(--container-border);background:var(--container-background);font-size:1rem;line-height:1}.color-facet__item:hover .color-facet__item__actions:hover{color:var(--color-accent)}.link-list-facet{overflow-y:auto}.link-list-facet__list__item{margin-bottom:var(--padding-xs)}.recent-searches-facet__list__item{margin-bottom:var(--padding-xs)}.related-searches-facet__list__item{margin-bottom:var(--padding-xs)}.size-facet__items{margin-bottom:var(--padding-xs)}.size-facet__item{position:relative;border:var(--container-border)}.size-facet__item__outer{position:relative;padding:0 0 100% 0;cursor:pointer}.size-facet__item__inner{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-xs);background:var(--container-background--alternate);font-size:.6875rem}.size-facet__item__actions{display:none}.size-facet__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.size-facet__item:hover{border-color:var(--color-accent)}.size-facet__item:hover .size-facet__item__actions{display:block;position:absolute;top:0;right:0;border:var(--container-border);background:var(--container-background);font-size:1rem;line-height:1;cursor:pointer}.size-facet__item:hover .size-facet__item__actions:hover{color:var(--color-accent)}hawksearch-icon{display:inline-flex;align-items:center;font-size:var(--icon-font-size, 1em);color:var(--icon-color, currentColor)}.icon{display:inline-flex;align-items:center;margin:0 .5em 0 0;max-width:none;fill:currentColor;vertical-align:middle}.icon:last-child{margin:0}.modified-query{margin:0 0 var(--margin) 0}.modified-query__modified{font-style:italic}.modified-query__original{font-weight:bold}.pagination{display:flex;align-items:center;gap:var(--padding);line-height:1}.pagination__pages{display:flex;align-items:center;gap:var(--padding-xs)}.pagination__page--selected{font-weight:bold;color:var(--color-accent)}.query-suggestions{margin:0 0 var(--margin) 0}.query-suggestions a{font-style:italic}.range-slider{padding:0 12px}.range-slider__container{position:relative;padding:8px 0}.range-slider__bar{position:relative;border:var(--container-border);height:8px;background:var(--container-background)}.range-slider__bar__active{position:absolute;left:0;right:0;height:100%;background:var(--color-accent)}.range-slider__handle{display:block;position:absolute;top:0;outline:solid 1px var(--color-accent);margin-left:-12px;border:solid 3px var(--color-background);border-radius:100%;width:24px;height:24px;padding:4px;background:var(--color-accent);cursor:pointer;touch-action:none}.range-slider__handle--start{left:0}.range-slider__handle--end{left:100%}.range-slider__handle:hover{outline-width:2px}hawksearch-rating{display:inline-flex;align-items:center;margin:0 0 var(--padding-sm) 0;font-size:var(--icon-font-size, 1em);color:var(--icon-color, currentColor)}hawksearch-rating:last-child{margin:0}.rating{display:inline-flex;align-items:center;margin:0 0 var(--padding-sm) 0;max-width:none;fill:currentColor;vertical-align:middle;font-size:1.2em;color:var(--color-accent)}.rating:last-child{margin:0}hawksearch-recommendations-item{display:block;height:100%}.recommendations{margin:0 0 var(--margin) 0}.recommendations__content{display:flex}.recommendations__button{flex-shrink:0;align-self:center;font-size:2.5em}.recommendations__carousel{position:relative;flex-grow:1;overflow:hidden}.recommendations__carousel__item{flex-grow:0;flex-shrink:0;margin-bottom:var(--padding);padding:0 calc(.5*var(--padding))}.recommendations__list{position:relative;display:flex;flex-wrap:wrap;margin:0 calc(-0.5*var(--padding)) calc(-1*var(--padding)) calc(-0.5*var(--padding));transition:left .5s}.recommendations__list--carousel{flex-wrap:nowrap;margin:0}.recommendations__item{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.recommendations__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.recommendations__item__pin{position:absolute;top:var(--padding-xs);right:var(--padding-xs);font-size:1.2rem}.recommendations__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.recommendations__item__image img{margin:0;max-height:100%}.recommendations__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.recommendations__item__title:last-child{margin-bottom:0}.recommendations__item__price{display:block;margin:0 0 var(--padding-sm) 0}.recommendations__item__price__original{text-decoration:line-through}.recommendations__item__price:last-child{margin-bottom:0}.recommendations__item:hover{border-color:var(--color-accent)}.recommendations__pagination{display:flex;justify-content:center;gap:var(--padding-xs)}.recommendations__pagination__item{display:block;width:10px;height:10px;border-radius:100%;background:var(--color-secondary);cursor:pointer}.recommendations__pagination__item--selected{background:var(--color-secondary-dark)}.recommendations__pagination__item:hover{background:var(--color-accent)}.recommendations:last-child{margin-bottom:0}.search-field{position:relative}hawksearch-search-results-list{display:block;margin:0 0 var(--margin) 0}hawksearch-search-results-list:last-child{margin:0}hawksearch-search-results-item{display:block;height:100%}.search-results-list{margin:0 0 var(--margin) 0}.search-results-list__item{position:relative}.search-results-list__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.search-results-list__item__pin{position:absolute;top:var(--padding-xs);right:var(--padding-xs);font-size:1.2rem}.search-results-list__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.search-results-list__item__image img{margin:0;max-height:100%}.search-results-list__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.search-results-list__item__title:last-child{margin-bottom:0}.search-results-list__item__price{display:block;margin:0 0 var(--padding-sm) 0}.search-results-list__item__price__original{text-decoration:line-through}.search-results-list__item__price:last-child{margin-bottom:0}.search-results-list__item--content{border-bottom:var(--container-border);padding:0 0 var(--padding) 0}.search-results-list__item--product{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.search-results-list__item--product:hover{border-color:var(--color-accent)}.search-results-list:last-child{margin:0}.selected-facets{margin:0 0 var(--padding) 0}.selected-facets__item{display:flex;align-items:center;gap:var(--padding-xs);padding:var(--padding-xs);background:var(--container-background--alternate);white-space:nowrap}.selected-facets__item__field{font-weight:bold}.selected-facets__item__field:after{content:":"}.selected-facets__item__value--excluded{text-decoration:line-through}.selected-facets__item__remove{margin-top:2px;line-height:1}.tabs{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--padding-xs);margin:0 0 var(--padding) 0}.tabs__item{display:block;margin:0 0 -1px 0;border:var(--container-border);padding:var(--padding-sm) var(--padding);background:var(--container-background--alternate);white-space:nowrap;cursor:pointer}.tabs__item--selected{background:var(--container-background)}.tabs__item:hover{color:var(--color-accent)}@media(min-width: 740px){.tabs{flex-direction:row}}@media(min-width: 990px){.tabs:not(.tabs--list){border-bottom:var(--container-border);border-bottom-color:var(--container-background--alternate);padding:0 var(--padding)}.tabs:not(.tabs--list) .tabs__item--selected{border-bottom-color:var(--container-background)}}.tooltip{display:inline-flex;cursor:pointer}.tooltip__content{display:none}.tooltip:hover .tooltip__content{display:block;position:fixed;margin:calc(-0.5*var(--padding) - 1px) 0 0 2rem;box-shadow:0 0 5px rgba(0,0,0,.1);max-width:350px;border:var(--container-border);padding:calc(var(--padding)/2);background:var(--container-background);z-index:1}.variant-selector-list{display:flex;gap:var(--padding-xs);flex-wrap:wrap;margin:0 0 var(--padding-sm) 0}.variant-selector-list:last-child{margin-bottom:0}.variant-selector-list__item{width:25px;height:25px;border:var(--container-border);cursor:pointer}.variant-selector-list__item__box{height:100%}.variant-selector-list__item__image{display:block;width:100%;height:100%}.variant-selector-list__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.variant-selector-list__item:hover{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.display-block{display:block !important}.display-none{display:none !important}@media(min-width: 740px){.display-sm-block{display:block !important}.display-sm-none{display:none !important}}@media(min-width: 990px){.display-md-block{display:block !important}.display-md-none{display:none !important}}@media(min-width: 1260px){.display-lg-block{display:block !important}.display-lg-none{display:none !important}}@media(min-width: 1800px){.display-xl-block{display:block !important}.display-xl-none{display:none !important}}.flex-align-self-center{align-self:center}@media(min-width: 740px){.flex-align-self-sm-center{align-self:center}}@media(min-width: 990px){.flex-align-self-md-center{align-self:center}}@media(min-width: 1260px){.flex-align-self-lg-center{align-self:center}}@media(min-width: 1800px){.flex-align-self-xl-center{align-self:center}}.flex-vertical-center{display:flex;flex-direction:column;justify-content:center}@media(min-width: 740px){.flex-vertical-sm-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 990px){.flex-vertical-md-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 1260px){.flex-vertical-lg-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 1800px){.flex-vertical-xl-center{display:flex;flex-direction:column;justify-content:center}}.flex-gap{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap--none{gap:0}.flex-gap--sm{gap:var(--padding-sm)}.flex-gap--xs{gap:var(--padding-xs)}@media(min-width: 740px){.flex-gap-sm{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-sm--none{gap:0}.flex-gap-sm--sm{gap:var(--padding-sm)}.flex-gap-sm--xs{gap:var(--padding-xs)}}@media(min-width: 990px){.flex-gap-md{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-md--none{gap:0}.flex-gap-md--sm{gap:var(--padding-sm)}.flex-gap-md--xs{gap:var(--padding-xs)}}@media(min-width: 1260px){.flex-gap-lg{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-lg--none{gap:0}.flex-gap-lg--sm{gap:var(--padding-sm)}.flex-gap-lg--xs{gap:var(--padding-xs)}}@media(min-width: 1800px){.flex-gap-xl{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-xl--none{gap:0}.flex-gap-xl--sm{gap:var(--padding-sm)}.flex-gap-xl--xs{gap:var(--padding-xs)}}.margin{margin-bottom:var(--margin) !important}.margin-small{margin-bottom:var(--margin-sm) !important}.margin-none{margin-bottom:0 !important}@media(min-width: 740px){.margin-sm{margin-bottom:var(--margin) !important}.margin-sm-small{margin-bottom:var(--margin-sm) !important}.margin-sm-none{margin-bottom:0 !important}}@media(min-width: 990px){.margin-md{margin-bottom:var(--margin) !important}.margin-md-small{margin-bottom:var(--margin-sm) !important}.margin-md-none{margin-bottom:0 !important}}@media(min-width: 1260px){.margin-lg{margin-bottom:var(--margin) !important}.margin-lg-small{margin-bottom:var(--margin-sm) !important}.margin-lg-none{margin-bottom:0 !important}}@media(min-width: 1800px){.margin-xl{margin-bottom:var(--margin) !important}.margin-xl-small{margin-bottom:var(--margin-sm) !important}.margin-xl-none{margin-bottom:0 !important}}.width-auto{width:auto}.width-full{width:100%}@media(min-width: 740px){.width-sm-auto{width:auto}.width-sm-full{width:100%}}@media(min-width: 990px){.width-md-auto{width:auto}.width-md-full{width:100%}}@media(min-width: 1260px){.width-lg-auto{width:auto}.width-lg-full{width:100%}}@media(min-width: 1800px){.width-xl-auto{width:auto}.width-xl-full{width:100%}}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}@media(min-width: 740px){.text-align-sm-left{text-align:left}.text-align-sm-center{text-align:center}.text-align-sm-right{text-align:right}}@media(min-width: 990px){.text-align-md-left{text-align:left}.text-align-md-center{text-align:center}.text-align-md-right{text-align:right}}@media(min-width: 1260px){.text-align-lg-left{text-align:left}.text-align-lg-center{text-align:center}.text-align-lg-right{text-align:right}}@media(min-width: 1800px){.text-align-xl-left{text-align:left}.text-align-xl-center{text-align:center}.text-align-xl-right{text-align:right}}:host,:root{--color-accent: var(--hawksearch-color-accent, #119ff7);--color-secondary: var(--hawksearch-color-secondary, #ccc);--color-secondary-light: var(--hawksearch-color-secondary-light, #f1f1f1);--color-secondary-dark: var(--hawksearch-color-secondary-dark, #757575);--color-background: var(--hawksearch-color-background, #fff);--container-background: var(--hawksearch-container-background, var(--color-background));--container-background--alternate: var(--hawksearch-container-background--alternate, var(--color-secondary-light));--container-border: var(--hawksearch-container-border, solid 1px var(--color-secondary));--default-line-height: var(--hawksearch-default-line-height, 1.25);--default-font-color: var(--hawksearch-default-font-color, #2e2e2e);--default-font-color--inverse: var(--hawksearch-default-font-color--inverse, #fff);--default-font-family: var(--hawksearch-default-font-family, Arial, sans-serif);--default-font-size: var(--hawksearch-default-font-size, 16px);--button-background: var(--hawksearch-button-background, var(--color-accent));--button-border-radius: var(--hawksearch-button-border-radius, 5px);--button-font-color: var(--hawksearch-button-font-color, #fff);--form-element-background: var(--hawksearch-form-element-background, var(--color-background));--form-element-border: var(--hawksearch-form-element-border, solid 1px var(--color-secondary));--form-element-border--focus: var(--hawksearch-form-element-border--focus, solid 1px var(--color-accent));--form-element-border-radius: var(--hawksearch-form-element-border-radius, 0);--form-element-placeholder-color: var(--hawksearch-form-element-placeholder-color, var(--color-secondary-dark));--margin: var(--hawksearch-margin, 32px);--margin-sm: var(--hawksearch-margin-sm, calc(var(--margin) / 2));--padding: var(--hawksearch-padding, 24px);--padding-xs: var(--hawksearch-padding-xs, calc(var(--padding) / 4));--padding-sm: var(--hawksearch-padding-sm, calc(var(--padding) / 2));--secondary-font-color: var(--hawksearch-secondary-font-color, var(--color-secondary-dark));font-family:var(--default-font-family);font-size:var(--default-font-size);color:var(--default-font-color);line-height:var(--default-line-height)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bridgeline-digital/hawksearch-handlebars-ui",
3
- "version": "5.1.2-beta.4",
3
+ "version": "5.2.1",
4
4
  "description": "The HawkSearch Handlebars UI package allows you to add a highly-customizable search results page to your website powered by HawkSearch.",
5
5
  "private": false,
6
6
  "publishConfig": {
package/readme.md CHANGED
@@ -36,4 +36,4 @@ To display a landing page or recommendations instead of search results, simply r
36
36
 
37
37
  ## Documentation
38
38
 
39
- Documentation is available at http://handlebars-ui.hawksearch.com/5.0.14/.
39
+ Documentation is available at http://handlebars-ui.hawksearch.com/latest/.
@@ -1,28 +0,0 @@
1
- import { BaseComponent } from '@components';
2
- import { HawkSearchComponents, SearchFieldComponentConfig } from '@configuration';
3
- import { SearchFieldComponentModel, SearchResponse } from '@models';
4
- /**
5
- * ## Tag
6
- * The tag for this component is `<hawksearch-conceptearch-field>`.
7
- *
8
- * ## Event-Binding Attributes
9
- * | Name | Value |
10
- * | :- | :- |
11
- * | hawksearch-input | |
12
- *
13
- * ## Default Template
14
- * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
15
- * {@embed ./conceptsearch-field.component.hbs}
16
- *
17
- * @category Search
18
- */
19
- export declare class ConceptSearchFieldComponent extends BaseComponent<SearchFieldComponentConfig, SearchResponse, SearchFieldComponentModel> {
20
- protected componentName: keyof HawkSearchComponents;
21
- protected defaultHtml: any;
22
- protected bindFromEvent: boolean;
23
- private previousValue;
24
- connectedCallback(): void;
25
- disconnectedCallback(): void;
26
- protected getContentModel(): SearchFieldComponentModel;
27
- protected onRender(): void;
28
- }
@@ -1,29 +0,0 @@
1
- import { BaseComponent } from '@components';
2
- import { HawkSearchComponents, SearchFieldComponentConfig } from '@configuration';
3
- import { SearchFieldComponentModel, SearchResponse } from '@models';
4
- /**
5
- *
6
- * ## Tag
7
- * The tag for this component is `<hawksearch-imagefinder-field>`.
8
- *
9
- * ## Event-Binding Attributes
10
- * | Name | Value |
11
- * | :- | :- |
12
- * | hawksearch-input | |
13
- *
14
- * ## Default Template
15
- * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
16
- * {@embed ./imagefinder-field.component.hbs}
17
- *
18
- * @category Search
19
- */
20
- export declare class ImageFinderFieldComponent extends BaseComponent<SearchFieldComponentConfig, SearchResponse, SearchFieldComponentModel> {
21
- protected componentName: keyof HawkSearchComponents;
22
- protected defaultHtml: any;
23
- protected bindFromEvent: boolean;
24
- private previousValue;
25
- connectedCallback(): void;
26
- disconnectedCallback(): void;
27
- protected getContentModel(): SearchFieldComponentModel;
28
- protected onRender(): void;
29
- }
@@ -1,29 +0,0 @@
1
- import { BaseComponent } from '@components';
2
- import { HawkSearchComponents, ImageSearchFieldComponentConfig } from '@configuration';
3
- import { ImageSearchFieldComponentModel, SearchResponse } from '@models';
4
- /**
5
- * The Search component contains a file input element which triggers the {@link Components.AutocompleteComponent | Autocomplete component} as the user types and executes a new search when the user hits the `enter` key.
6
- *
7
- * ## Tag
8
- * The tag for this component is `<hawksearch-imagesearch-field>`.
9
- *
10
- * ## Default Template
11
- * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
12
- * {@embed ./imagesearch-field.component.hbs}
13
- *
14
- * @category Search
15
- */
16
- export declare class ImageSearchFieldComponent extends BaseComponent<ImageSearchFieldComponentConfig, SearchResponse, ImageSearchFieldComponentModel> {
17
- protected componentName: keyof HawkSearchComponents;
18
- protected defaultHtml: any;
19
- protected bindFromEvent: boolean;
20
- private clickEventHandler;
21
- private previousValue;
22
- private maxSize;
23
- private allowedExtensions;
24
- private handleFiles;
25
- connectedCallback(): void;
26
- disconnectedCallback(): void;
27
- protected getContentModel(): ImageSearchFieldComponentModel;
28
- protected onRender(): void;
29
- }
@@ -1 +0,0 @@
1
- html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{box-shadow:none;margin:0;padding:0;border:0;font-size:100%;font-weight:normal;font:inherit;vertical-align:baseline;color:inherit;text-transform:none;text-shadow:none;background:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none;width:auto}ol li,ul li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:inline-block}.clearfix:after{content:"";display:table;clear:both}*,*:before,*:after{box-sizing:border-box !important;transition:none}b,strong{font-weight:bold}i,em{font-style:italic}u{text-decoration:underline}sup{vertical-align:super;font-size:75%}sub{vertical-align:sub;font-size:75%}a{cursor:pointer}.label{display:block;margin:0 0 5px 0;text-align:left}input[type=text],input[type=number],input[type=search],select{display:block;outline:none;width:100%;height:45px;border:var(--form-element-border);border-radius:var(--form-element-border-radius);padding:var(--padding-sm);background:var(--form-element-background);font-family:var(--default-font-family);font-size:16px;line-height:1;color:var(--default-font-color)}input[type=text]:hover,input[type=text]:focus,input[type=number]:hover,input[type=number]:focus,input[type=search]:hover,input[type=search]:focus,select:hover,select:focus{border:var(--form-element-border--focus)}select{padding-right:var(--padding)}::placeholder{color:var(--form-element-placeholder-color)}input[type=checkbox]{display:none}input[type=checkbox]+label{position:relative;display:block;margin:0 0 5px 0;padding-left:calc(16px + var(--padding-sm));cursor:pointer}input[type=checkbox]+label:before{content:"";position:absolute;top:1px;left:0;width:16px;height:16px;border:var(--form-element-border);background:var(--form-element-background)}input[type=checkbox]:checked+label:before{background:var(--color-accent)}.row{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row:last-child{margin-bottom:0}.row--reverse{flex-direction:row-reverse}.row--tight{--gap: var(--padding-xs)}@media(min-width: 740px){.row-sm{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-sm:last-child{margin-bottom:0}.row-sm--reverse{flex-direction:row-reverse}.row-sm--tight{--gap: var(--padding-xs)}}@media(min-width: 990px){.row-md{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-md:last-child{margin-bottom:0}.row-md--reverse{flex-direction:row-reverse}.row-md--tight{--gap: var(--padding-xs)}}@media(min-width: 1260px){.row-lg{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-lg:last-child{margin-bottom:0}.row-lg--reverse{flex-direction:row-reverse}.row-lg--tight{--gap: var(--padding-xs)}}@media(min-width: 1800px){.row-xl{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-xl:last-child{margin-bottom:0}.row-xl--reverse{flex-direction:row-reverse}.row-xl--tight{--gap: var(--padding-xs)}}.column{flex-grow:0;flex-shrink:0;width:100%}.column--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column--12{flex-basis:calc(100% - (0 * var(--gap)))}.column--pull-right{margin-left:auto}@media(min-width: 740px){.column-sm{flex-grow:0;flex-shrink:0;width:100%}.column-sm--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-sm--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-sm--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-sm--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-sm--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-sm--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-sm--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-sm--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-sm--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-sm--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-sm--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-sm--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-sm--pull-right{margin-left:auto}}@media(min-width: 990px){.column-md{flex-grow:0;flex-shrink:0;width:100%}.column-md--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-md--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-md--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-md--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-md--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-md--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-md--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-md--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-md--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-md--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-md--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-md--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-md--pull-right{margin-left:auto}}@media(min-width: 1260px){.column-lg{flex-grow:0;flex-shrink:0;width:100%}.column-lg--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-lg--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-lg--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-lg--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-lg--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-lg--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-lg--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-lg--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-lg--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-lg--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-lg--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-lg--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-lg--pull-right{margin-left:auto}}@media(min-width: 1800px){.column-xl{flex-grow:0;flex-shrink:0;width:100%}.column-xl--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-xl--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-xl--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-xl--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-xl--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-xl--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-xl--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-xl--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-xl--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-xl--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-xl--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-xl--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-xl--pull-right{margin-left:auto}}img{max-width:100%;height:auto}.heading{display:block;margin:0 0 var(--padding) 0;font-size:1.375rem;font-weight:bold}p{margin:0 0 var(--padding) 0}p:last-child{margin-bottom:0}a,.link{text-decoration:none;cursor:pointer}a:hover,.link:hover{color:var(--color-accent)}.autocomplete{position:absolute;left:0;right:0;margin-top:-1px;box-shadow:0 2px 5px rgba(0,0,0,.1);border:var(--container-border);padding:var(--padding);background:var(--container-background);z-index:1}.autocomplete__title{display:block;margin:0 0 var(--padding) 0;font-size:1.1rem;font-weight:bold}.autocomplete__list:not(:last-child){margin-bottom:var(--margin)}.autocomplete__product{height:100%;text-align:center}.autocomplete__product__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:150px}.autocomplete__product__image a{display:block}.autocomplete__product__image img{margin:0;max-height:100%}.autocomplete__product__title{display:block;margin:0 0 var(--padding-sm) 0;font-weight:bold}.autocomplete__product__title:last-child{margin-bottom:0}.autocomplete__product__price{display:block;margin:0 0 var(--padding-sm) 0}.autocomplete__product__price__original{text-decoration:line-through}.autocomplete__product__price:last-child{margin-bottom:0}.autocomplete__view-all{text-align:center}.button{display:inline-block;outline:none;height:45px;border-radius:var(--button-border-radius);border:none;padding:var(--padding-sm) var(--padding);background:var(--button-background);font-weight:bold;color:var(--button-font-color);text-align:center;cursor:pointer}.button:hover{outline:solid 2px var(--button-background)}.button--full-width{display:block;width:100%}hawksearch-featured-items-content-item{display:block;height:100%}.custom-content{margin:0 0 var(--margin) 0}.featured-items-content__item{position:relative}.featured-items-content__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.featured-items-content__item__pin{position:absolute;top:var(--padding-xs);right:var(--padding-xs);font-size:1.2rem}.featured-items-content__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.featured-items-content__item__image img{margin:0;max-height:100%}.featured-items-content__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.featured-items-content__item__title:last-child{margin-bottom:0}.featured-items-content__item__price{display:block;margin:0 0 var(--padding-sm) 0}.featured-items-content__item__price__original{text-decoration:line-through}.featured-items-content__item__price:last-child{margin-bottom:0}.featured-items-content__item--content{border-bottom:var(--container-border);padding:0 0 var(--padding) 0}.featured-items-content__item--content:last-child{border-bottom:0;padding-bottom:0}.featured-items-content__item--product{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.featured-items-content__item:hover{border-color:var(--color-accent)}.image-content{margin:0 0 var(--margin) 0}.image-content__image{display:block;margin:0 auto}.popular-queries-content{margin:0 0 var(--margin) 0;text-align:center;line-height:1}.popular-queries-content__item{display:inline-block;margin:0 5px;vertical-align:middle}.popular-queries-content__item--1{font-size:100%}.popular-queries-content__item--2{font-size:150%}.popular-queries-content__item--3{font-size:200%}.popular-queries-content__item--4{font-size:250%}.popular-queries-content__item--5{font-size:300%}.content-zone{margin:0 0 var(--margin) 0}.date-picker{position:relative}.date-picker__modal{position:absolute;width:310px;border:var(--container-border);padding:var(--padding-sm);background:var(--container-background);z-index:10}.date-picker__modal__header{display:flex;align-items:center;gap:var(--padding-sm);margin:0 0 var(--padding-sm) 0;padding:var(--padding-sm);background:var(--container-background--alternate);font-weight:bold;text-align:center}.date-picker__modal__header__previous,.date-picker__modal__header__next{display:inline-flex;font-size:1.5rem;flex-grow:0}.date-picker__modal__header__month{flex-grow:1}.date-picker__calendar{width:100%}.date-picker__calendar thead th{width:14.286%;padding:var(--padding-xs);background:var(--container-background);font-weight:bold;text-align:center}.date-picker__calendar tbody td{border:var(--container-border);padding:var(--padding-xs);text-align:center}.date-picker__calendar tbody td:hover{color:var(--color-accent)}.date-picker__calendar__day{background:var(--container-background);cursor:pointer}.date-picker__calendar__day--alternate{background:var(--color-secondary-light)}.date-picker__calendar__day--selected{background:var(--color-accent);color:var(--default-font-color--inverse) !important}.date-picker__calendar__day--disabled{cursor:no-drop;opacity:.5}hawksearch-facets-list{display:block;margin:0 0 var(--margin-sm) 0}hawksearch-facets-list:last-child{margin-bottom:0}.facets{border:var(--container-border);background:var(--container-background)}.facets__heading{display:flex;align-items:center;padding:var(--padding-sm) var(--padding);font-size:1.2rem;font-weight:bold;background:var(--container-background--alternate);cursor:pointer}.facets__heading__mobile-toggle{margin-left:auto}.facets__heading:hover{color:var(--color-accent)}.facets__content{display:none}.facets--expanded .facets__content{display:block}@media(min-width: 990px){.facets__heading{cursor:default}.facets__heading__mobile-toggle{display:none}.facets__heading:hover{color:var(--default-font-color)}.facets__content{display:block}}.facet__heading{display:flex;align-items:center;padding:var(--padding-sm) var(--padding);font-size:1.125rem;cursor:default}.facet__heading__tooltip{font-size:1.2em;margin-left:5px}.facet__heading__toggle{margin-left:auto}.facet__heading--collapsible{cursor:pointer}.facet__heading--collapsible:hover{--icon-color: var(--color-accent);color:var(--color-accent)}.facet__search{margin:0 0 var(--padding) 0}.facet__content{padding:0 var(--padding) var(--padding) var(--padding)}.facet__value{display:flex;align-items:center;flex-wrap:wrap}.facet__value__image{margin-right:5px}.facet__value__count{color:var(--secondary-font-color)}.checkbox-list-facet{overflow-y:auto}.checkbox-list-facet__list{margin:0 0 var(--padding-xs) 0}.checkbox-list-facet__list__item{display:flex;margin:0 0 var(--padding-xs) 0}.checkbox-list-facet__list__item__content{flex-grow:1}.checkbox-list-facet__list__item__actions{position:relative;top:-2px;flex-grow:0;margin-left:auto;white-space:nowrap;line-height:1}.checkbox-list-facet__list__item__actions__item{font-size:1.3em;cursor:pointer}.checkbox-list-facet__list__item__actions__item:hover{color:var(--color-accent)}.checkbox-list-facet__list__item--excluded>.checkbox-list-facet__item__content>label .facet__value__title{text-decoration:line-through}.checkbox-list-facet__list__item:last-child{margin-bottom:0}.checkbox-list-facet__list__item .checkbox-list-facet__list{margin-left:calc(16px + var(--padding-sm))}.checkbox-list-facet__list:last-child{margin-bottom:0}.color-facet__items{margin-bottom:var(--padding-xs)}.color-facet__item{position:relative;border:var(--container-border);cursor:pointer}.color-facet__item__box{padding:0 0 100% 0}.color-facet__item__image{display:block;width:100%;height:100%}.color-facet__item__actions{display:none}.color-facet__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.color-facet__item:hover{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.color-facet__item:hover .color-facet__item__actions{display:block;position:absolute;top:0;right:0;border:var(--container-border);background:var(--container-background);font-size:1rem;line-height:1}.color-facet__item:hover .color-facet__item__actions:hover{color:var(--color-accent)}.link-list-facet{overflow-y:auto}.link-list-facet__list__item{margin-bottom:var(--padding-xs)}.recent-searches-facet__list__item{margin-bottom:var(--padding-xs)}.related-searches-facet__list__item{margin-bottom:var(--padding-xs)}.size-facet__items{margin-bottom:var(--padding-xs)}.size-facet__item{position:relative;border:var(--container-border)}.size-facet__item__outer{position:relative;padding:0 0 100% 0;cursor:pointer}.size-facet__item__inner{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-xs);background:var(--container-background--alternate);font-size:.6875rem}.size-facet__item__actions{display:none}.size-facet__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.size-facet__item:hover{border-color:var(--color-accent)}.size-facet__item:hover .size-facet__item__actions{display:block;position:absolute;top:0;right:0;border:var(--container-border);background:var(--container-background);font-size:1rem;line-height:1;cursor:pointer}.size-facet__item:hover .size-facet__item__actions:hover{color:var(--color-accent)}hawksearch-icon{display:inline-flex;align-items:center;font-size:var(--icon-font-size, 1em);color:var(--icon-color, currentColor)}.icon{display:inline-flex;align-items:center;margin:0 .5em 0 0;max-width:none;fill:currentColor;vertical-align:middle}.icon:last-child{margin:0}.imagesearch-field{position:relative}.imagesearch-field__drop-area{display:flex;padding:var(--padding-sm) 0;flex-direction:column;align-items:center;align-self:stretch;border:var(--container-border);background:var(--container-background);margin-bottom:var(--padding-sm)}.imagesearch-field__drop-area input[type=file]{display:none}.imagesearch-field__drop-area.error-state{border-style:dashed;border-color:var(--color-accent);background-color:var(--color-accent-light)}.imagesearch-field__drop-area.error-state .imagesearch-field__drop-area__dragging-state{display:none}.imagesearch-field__drop-area.dragging-state{border-style:dashed;border-color:var(--color-accent);background-color:var(--container-background--alternate)}.imagesearch-field__drop-area.dragging-state .imagesearch-field__drop-area__normal-state{visibility:hidden}.imagesearch-field__drop-area.dragging-state .imagesearch-field__drop-area__dragging-state{display:block}.imagesearch-field__drop-area.dragging-state .imagesearch-field__drop-area__drop-msg{display:block}.imagesearch-field__drop-area.dragging-state .imagesearch-field__drop-area__prompt-msg{display:none}.imagesearch-field__drop-area.dragging-state .imagesearch-field__drop-area__image-display{opacity:.1}.imagesearch-field__drop-area__prompt-msg{display:block;margin:0}.imagesearch-field__drop-area__prompt-msg .imagesearch-field__drop-area__upload-button{color:var(--color-accent);cursor:pointer}.imagesearch-field__drop-area__drop-msg{display:none;pointer-events:none;color:var(--color-accent) !important;margin:0}.imagesearch-field__drop-area__image-display{pointer-events:none;text-align:center;width:220px;height:auto}.imagesearch-field__drop-area__image-display img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.modified-query{margin:0 0 var(--margin) 0}.modified-query__modified{font-style:italic}.modified-query__original{font-weight:bold}.pagination{display:flex;align-items:center;gap:var(--padding);line-height:1}.pagination__pages{display:flex;align-items:center;gap:var(--padding-xs)}.pagination__page--selected{font-weight:bold;color:var(--color-accent)}.query-suggestions{margin:0 0 var(--margin) 0}.query-suggestions a{font-style:italic}.range-slider{padding:0 12px}.range-slider__container{position:relative;padding:8px 0}.range-slider__bar{position:relative;border:var(--container-border);height:8px;background:var(--container-background)}.range-slider__bar__active{position:absolute;left:0;right:0;height:100%;background:var(--color-accent)}.range-slider__handle{display:block;position:absolute;top:0;outline:solid 1px var(--color-accent);margin-left:-12px;border:solid 3px var(--color-background);border-radius:100%;width:24px;height:24px;padding:4px;background:var(--color-accent);cursor:pointer;touch-action:none}.range-slider__handle--start{left:0}.range-slider__handle--end{left:100%}.range-slider__handle:hover{outline-width:2px}hawksearch-rating{display:inline-flex;align-items:center;margin:0 0 var(--padding-sm) 0;font-size:var(--icon-font-size, 1em);color:var(--icon-color, currentColor)}hawksearch-rating:last-child{margin:0}.rating{display:inline-flex;align-items:center;margin:0 0 var(--padding-sm) 0;max-width:none;fill:currentColor;vertical-align:middle;font-size:1.2em;color:var(--color-accent)}.rating:last-child{margin:0}hawksearch-recommendations-item{display:block;height:100%}.recommendations{margin:0 0 var(--margin) 0}.recommendations__content{display:flex}.recommendations__button{flex-shrink:0;align-self:center;font-size:2.5em}.recommendations__carousel{position:relative;flex-grow:1;overflow:hidden}.recommendations__carousel__item{flex-grow:0;flex-shrink:0;margin-bottom:var(--padding);padding:0 calc(.5*var(--padding))}.recommendations__list{position:relative;display:flex;flex-wrap:wrap;margin:0 calc(-0.5*var(--padding)) calc(-1*var(--padding)) calc(-0.5*var(--padding));transition:left .5s}.recommendations__list--carousel{flex-wrap:nowrap;margin:0}.recommendations__item{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.recommendations__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.recommendations__item__pin{position:absolute;top:var(--padding-xs);right:var(--padding-xs);font-size:1.2rem}.recommendations__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.recommendations__item__image img{margin:0;max-height:100%}.recommendations__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.recommendations__item__title:last-child{margin-bottom:0}.recommendations__item__price{display:block;margin:0 0 var(--padding-sm) 0}.recommendations__item__price__original{text-decoration:line-through}.recommendations__item__price:last-child{margin-bottom:0}.recommendations__item:hover{border-color:var(--color-accent)}.recommendations__pagination{display:flex;justify-content:center;gap:var(--padding-xs)}.recommendations__pagination__item{display:block;width:10px;height:10px;border-radius:100%;background:var(--color-secondary);cursor:pointer}.recommendations__pagination__item--selected{background:var(--color-secondary-dark)}.recommendations__pagination__item:hover{background:var(--color-accent)}.recommendations:last-child{margin-bottom:0}.search-field{position:relative}hawksearch-search-results-list{display:block;margin:0 0 var(--margin) 0}hawksearch-search-results-list:last-child{margin:0}hawksearch-search-results-item{display:block;height:100%}.search-results-list{margin:0 0 var(--margin) 0}.search-results-list__item{position:relative}.search-results-list__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.search-results-list__item__pin{position:absolute;top:var(--padding-xs);right:var(--padding-xs);font-size:1.2rem}.search-results-list__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.search-results-list__item__image img{margin:0;max-height:100%}.search-results-list__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.search-results-list__item__title:last-child{margin-bottom:0}.search-results-list__item__price{display:block;margin:0 0 var(--padding-sm) 0}.search-results-list__item__price__original{text-decoration:line-through}.search-results-list__item__price:last-child{margin-bottom:0}.search-results-list__item--content{border-bottom:var(--container-border);padding:0 0 var(--padding) 0}.search-results-list__item--content:last-child{border-bottom:0;padding-bottom:0}.search-results-list__item--product{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.search-results-list__item:hover{border-color:var(--color-accent)}.search-results-list:last-child{margin:0}.selected-facets{margin:0 0 var(--padding) 0}.selected-facets__item{display:flex;align-items:center;gap:var(--padding-xs);padding:var(--padding-xs);background:var(--container-background--alternate);white-space:nowrap}.selected-facets__item__field{font-weight:bold}.selected-facets__item__field:after{content:":"}.selected-facets__item__value--excluded{text-decoration:line-through}.selected-facets__item__remove{margin-top:2px;line-height:1}.tabs{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--padding-xs);margin:0 0 var(--padding) 0}.tabs__item{display:block;margin:0 0 -1px 0;border:var(--container-border);padding:var(--padding-sm) var(--padding);background:var(--container-background--alternate);white-space:nowrap;cursor:pointer}.tabs__item--selected{background:var(--container-background)}.tabs__item:hover{color:var(--color-accent)}@media(min-width: 740px){.tabs{flex-direction:row}}@media(min-width: 990px){.tabs:not(.tabs--list){border-bottom:var(--container-border);border-bottom-color:var(--container-background--alternate);padding:0 var(--padding)}.tabs:not(.tabs--list) .tabs__item--selected{border-bottom-color:var(--container-background)}}.tooltip{display:inline-flex;cursor:pointer}.tooltip__content{display:none}.tooltip:hover .tooltip__content{display:block;position:fixed;margin:calc(-0.5*var(--padding) - 1px) 0 0 2rem;box-shadow:0 0 5px rgba(0,0,0,.1);max-width:350px;border:var(--container-border);padding:calc(var(--padding)/2);background:var(--container-background);z-index:1}.variant-selector-list{display:flex;gap:var(--padding-xs);flex-wrap:wrap;margin:0 0 var(--padding-sm) 0}.variant-selector-list:last-child{margin-bottom:0}.variant-selector-list__item{width:25px;height:25px;border:var(--container-border);cursor:pointer}.variant-selector-list__item__box{height:100%}.variant-selector-list__item__image{display:block;width:100%;height:100%}.variant-selector-list__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.variant-selector-list__item:hover{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.display-block{display:block !important}.display-none{display:none !important}@media(min-width: 740px){.display-sm-block{display:block !important}.display-sm-none{display:none !important}}@media(min-width: 990px){.display-md-block{display:block !important}.display-md-none{display:none !important}}@media(min-width: 1260px){.display-lg-block{display:block !important}.display-lg-none{display:none !important}}@media(min-width: 1800px){.display-xl-block{display:block !important}.display-xl-none{display:none !important}}.flex-vertical-center{display:flex;flex-direction:column;justify-content:center}@media(min-width: 740px){.flex-vertical-sm-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 990px){.flex-vertical-md-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 1260px){.flex-vertical-lg-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 1800px){.flex-vertical-xl-center{display:flex;flex-direction:column;justify-content:center}}.flex-gap{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap--none{gap:0}.flex-gap--sm{gap:var(--padding-sm)}.flex-gap--xs{gap:var(--padding-xs)}@media(min-width: 740px){.flex-gap-sm{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-sm--none{gap:0}.flex-gap-sm--sm{gap:var(--padding-sm)}.flex-gap-sm--xs{gap:var(--padding-xs)}}@media(min-width: 990px){.flex-gap-md{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-md--none{gap:0}.flex-gap-md--sm{gap:var(--padding-sm)}.flex-gap-md--xs{gap:var(--padding-xs)}}@media(min-width: 1260px){.flex-gap-lg{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-lg--none{gap:0}.flex-gap-lg--sm{gap:var(--padding-sm)}.flex-gap-lg--xs{gap:var(--padding-xs)}}@media(min-width: 1800px){.flex-gap-xl{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-xl--none{gap:0}.flex-gap-xl--sm{gap:var(--padding-sm)}.flex-gap-xl--xs{gap:var(--padding-xs)}}.margin{margin-bottom:var(--margin) !important}.margin-small{margin-bottom:var(--margin-sm) !important}.margin-none{margin-bottom:0 !important}@media(min-width: 740px){.margin-sm{margin-bottom:var(--margin) !important}.margin-sm-small{margin-bottom:var(--margin-sm) !important}.margin-sm-none{margin-bottom:0 !important}}@media(min-width: 990px){.margin-md{margin-bottom:var(--margin) !important}.margin-md-small{margin-bottom:var(--margin-sm) !important}.margin-md-none{margin-bottom:0 !important}}@media(min-width: 1260px){.margin-lg{margin-bottom:var(--margin) !important}.margin-lg-small{margin-bottom:var(--margin-sm) !important}.margin-lg-none{margin-bottom:0 !important}}@media(min-width: 1800px){.margin-xl{margin-bottom:var(--margin) !important}.margin-xl-small{margin-bottom:var(--margin-sm) !important}.margin-xl-none{margin-bottom:0 !important}}.width-auto{width:auto}.width-full{width:100%}@media(min-width: 740px){.width-sm-auto{width:auto}.width-sm-full{width:100%}}@media(min-width: 990px){.width-md-auto{width:auto}.width-md-full{width:100%}}@media(min-width: 1260px){.width-lg-auto{width:auto}.width-lg-full{width:100%}}@media(min-width: 1800px){.width-xl-auto{width:auto}.width-xl-full{width:100%}}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}@media(min-width: 740px){.text-align-sm-left{text-align:left}.text-align-sm-center{text-align:center}.text-align-sm-right{text-align:right}}@media(min-width: 990px){.text-align-md-left{text-align:left}.text-align-md-center{text-align:center}.text-align-md-right{text-align:right}}@media(min-width: 1260px){.text-align-lg-left{text-align:left}.text-align-lg-center{text-align:center}.text-align-lg-right{text-align:right}}@media(min-width: 1800px){.text-align-xl-left{text-align:left}.text-align-xl-center{text-align:center}.text-align-xl-right{text-align:right}}:host,:root{--color-accent: var(--hawksearch-color-accent, #119ff7);--color-secondary: var(--hawksearch-color-secondary, #ccc);--color-secondary-light: var(--hawksearch-color-secondary-light, #f1f1f1);--color-secondary-dark: var(--hawksearch-color-secondary-dark, #757575);--color-background: var(--hawksearch-color-background, #fff);--container-background: var(--hawksearch-container-background, var(--color-background));--container-background--alternate: var(--hawksearch-container-background--alternate, var(--color-secondary-light));--container-border: var(--hawksearch-container-border, solid 1px var(--color-secondary));--default-line-height: var(--hawksearch-default-line-height, 1.25);--default-font-color: var(--hawksearch-default-font-color, #2e2e2e);--default-font-color--inverse: var(--hawksearch-default-font-color--inverse, #fff);--default-font-family: var(--hawksearch-default-font-family, Arial, sans-serif);--default-font-size: var(--hawksearch-default-font-size, 16px);--button-background: var(--hawksearch-button-background, var(--color-accent));--button-border-radius: var(--hawksearch-button-border-radius, 5px);--button-font-color: var(--hawksearch-button-font-color, #fff);--form-element-background: var(--hawksearch-form-element-background, var(--color-background));--form-element-border: var(--hawksearch-form-element-border, solid 1px var(--color-secondary));--form-element-border--focus: var(--hawksearch-form-element-border--focus, solid 1px var(--color-accent));--form-element-border-radius: var(--hawksearch-form-element-border-radius, 0);--form-element-placeholder-color: var(--hawksearch-form-element-placeholder-color, var(--color-secondary-dark));--margin: var(--hawksearch-margin, 32px);--margin-sm: var(--hawksearch-margin-sm, calc(var(--margin) / 2));--padding: var(--hawksearch-padding, 24px);--padding-xs: var(--hawksearch-padding-xs, calc(var(--padding) / 4));--padding-sm: var(--hawksearch-padding-sm, calc(var(--padding) / 2));--secondary-font-color: var(--hawksearch-secondary-font-color, var(--color-secondary-dark));font-family:var(--default-font-family);font-size:var(--default-font-size);color:var(--default-font-color);line-height:var(--default-line-height)}