.hds-icon{background-color:currentcolor;display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto;mask-size:auto;width:var(--icon-size)}.hds-icon--size-xs{--icon-size:var(--spacing-layout-2-xs)}.hds-icon--size-s{--icon-size:var(--spacing-layout-xs)}.hds-icon--size-m{--icon-size:var(--spacing-layout-s)}.hds-icon--size-l{--icon-size:var(--spacing-layout-m)}.hds-icon--size-xl{--icon-size:var(--spacing-layout-l)}[class*=hds-icon-start--]:before{-webkit-mask-image:var(--mask-image-before);mask-image:var(--mask-image-before)}[class*=hds-icon-end--]:after,[class*=hds-icon-start--]:before{background-color:currentcolor;content:"";display:inline-flex;height:var(--icon-size,24px);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--icon-size,24px)}[class*=hds-icon-end--]:after{-webkit-mask-image:var(--mask-image-after);mask-image:var(--mask-image-after)}.hds-icon--search{--mask-image-search:url("data:image/svg+xml;charset=utf-8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath d='M15 1C19.4183 1 23 4.58172 23 9C23 13.4183 19.4183 17 15 17C13.2001 17 11.539 16.4056 10.2023 15.4023L3.80101 21.8021L2.21002 20.2111L8.60822 13.8117C7.59861 12.4726 7.00002 10.8062 7.00002 9C7.00002 4.58172 10.5817 1 15 1V1ZM15 3C11.6863 3 9.00002 5.68629 9.00002 9C9.00002 12.3137 11.6863 15 15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3Z' fill-rule='evenodd' clip-rule='evenodd' fill='currentColor'%3E%3C/path%3E %3C/svg%3E");--mask-image:var(--mask-image-search)}.hds-icon-start--search{--mask-image-before:var(--mask-image-search)}.hds-icon-end--search{--mask-image-after:var(--mask-image-search)}.hds-search-input{--border-width:2px;--outline-width:3px;--input-height:56px;--helper-color-default:var(--color-black-60);--input-background-default:var(--color-white);--input-border-color-default:var(--color-black-50);--input-border-color-hover:var(--color-black-90);--input-border-color-focus:var(--color-black-90);--input-color-default:var(--color-black-90);--label-color-default:var(--color-black-90)}.hds-search-input__label{color:var(--label-color-default);display:block;font-size:var(--fontsize-body-m);font-weight:500;margin-bottom:var(--spacing-3-xs)}.hds-search-input__input-wrapper{display:flex;height:100%;position:relative}.hds-search-input .hds-search-input__input{-webkit-appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);font-size:1.125em;height:var(--input-height);line-height:normal;padding:0 var(--spacing-s);width:100%}.hds-search-input .hds-search-input__input:hover{border-color:var(--input-border-color-hover);transition:border-color 85ms ease-out}.hds-search-input .hds-search-input__input:focus{border-color:var(--input-border-color-focus);outline:none}.hds-search-input .hds-search-input__input:not([readonly]):focus{outline:var(--outline-width) solid var(--color-focus-outline);transform:translateZ(0)}.hds-search-input__buttons{align-items:center;bottom:0;display:flex;font-size:1rem;justify-content:center;margin-right:calc(var(--spacing-s) - var(--spacing-xs) / 2);position:absolute;right:0;top:0}.hds-search-input__button{appearance:none;background:none;border:none;color:inherit;color:var(--dropdown-color-default);cursor:pointer;display:flex;font:inherit;outline:none;padding:var(--spacing-xs) calc(var(--spacing-xs) / 2)}.hds-search-input__buttons .hds-search-input__button:focus{outline:var(--outline-width) solid var(--color-focus-outline)}.hds-search-input__helper-text{color:var(--helper-color-default);display:block;font-size:var(--fontsize-body-m);margin-top:var(--spacing-3-xs)}