/*!  yrkeshogskolan-build CSS v1.0.0 | (c) 2025 MYH */
.searchContainer{--button--font-size: var(--myh-component-button-size-medium-fontsize, 1rem);--button--padding-x-size: var(--myh-dimensions-base-0100, 1rem);--button--padding-y-size: var(--myh-dimensions-base-0050, 0.5rem);--button--gap-size: var(--myh-component-button-size-medium-gapsize, 1rem);--button--icon-size: var(--myh-component-button-size-medium-iconsize, 1.125rem);--button--size--icononly-size: var(--myh-component-button-size-medium-icononly-size, 1.5rem);--button--size--icononly-padding: var(--myh-component-button-size-medium-icononly-padding, 1.25rem);--button--line-height: var(--myh-component-button-size-medium-lineheight, 1.4);--button--background-color: rgba(0, 0, 0, 0);--button--accent-color: #282828;--button--border: var(--myh-component-button-teritiary-states-default-border);--button--hover--background-color: #eeeff0;--button--hover--accent-color: #282828;--button--hover--border: var(--myh-component-button-teritiary-states-hover-border);--button--focus--background-color: ;--button--focus--accent-color: ;--button--focus--border: var(--myh-component-button-teritiary-states-focus-border);--button--active--background-color: #c5c7c9;--button--active--accent-color: #282828;--button--active--border: var(--myh-component-button-teritiary-states-active-border);--button--disabled--background-color: #f5f5f6;--button--disabled--accent-color: #e2e4e6;--button--disabled--border: var(--myh-component-button-teritiary-states-disabled-border);max-width:800px;margin-bottom:20px}.fieldAndClear{position:relative;display:flex;width:100%}.textField{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-color:var(--myh-color-base-gray-10, #f5f5f6);display:flex;width:100% !important;max-width:100% !important}.searchField{-webkit-appearance:none;appearance:none;background-color:var(--myh-color-base-unscaled-white, #ffffff);border:var(--myh-component-textfield-states-default-border);border-radius:var(--myh-dimensions-base-025, 0.2rem);transition:box-shadow var(--myh-motion-transition-fast, 0.2s ease-in-out);width:100%;height:auto;max-height:100%;font:var(--myh-content-typography-ui-form-input);--focus-element-border-offset: 4px;padding:var(--textfield-padding-y) var(--textfield-padding-y);--textfield-padding-y: calc(var(--myh-dimensions-base-0100, 1rem) - 2px);--textfield-padding-x: var(--myh-dimensions-base-0125, 1.25rem);--with-icon-background-size: 1.8rem;--with-icon-background-position: var(--myh-dimensions-base-0075, 0.75rem) 50%;--with-icon-padding-left: var(--myh-dimensions-base-0300, 3rem);padding-right:var(--myh-dimensions-base-0300, 3rem);font:var(--myh-content-typography-ui-form-input) !important;letter-spacing:normal;padding-left:var(--with-icon-padding-left);background-size:var(--with-icon-background-size);background-position:var(--with-icon-background-position);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='SearchIcon' fill='var(--myh-color-base-gray-30, %23c5c7c9)'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat}.searchField:hover{border:var(--myh-component-textfield-states-hover-border);background-color:var(--myh-color-base-unscaled-white, #ffffff);box-shadow:var(--myh-component-textfield-states-hover-shadow)}.searchField:focus-visible{box-shadow:0px 0px 0px var(--focus-element-border-offset) var(--myh-color-base-focus, #ffd940),0px 0px 0px calc(var(--focus-element-border-offset) + var(--focus-element-border-offset)/2) var(--myh-color-base-focus, #ffd940);box-shadow:var(--myh-component-textfield-states-hover-shadow);outline-offset:0px;border:var(--myh-component-textfield-states-focus-border);margin:0px}.clearButton{transition:all .2s;background-color:var(--button--background-color);color:var(--button--accent-color);fill:var(--button--accent-color);border:var(--button--border);--ripple--color: rgba(255, 255, 255, 0.3);--focus-element-border-offset: 4px;font-family:var(--myh-content-typeset-family-primary, "Helvetica Neue", Helvetica, Arial, sans-serif);border:0;border-radius:999px;cursor:pointer;text-decoration:none;appearance:button;display:inline-block;position:absolute;width:fit-content;top:14px;right:14px;width:30px;height:30px}.clearButton--hidden{display:none}.clearButton:after{content:" ";top:6px;left:6px;background:#282828;position:absolute;width:var(--button--icon-size);height:var(--button--icon-size);mask-image:var(--icon-src, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='CloseIcon' fill='black'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'%3E%3C/path%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:calc(var(--button--icon-size)*1.15);mask-position:center center}.clearButton:hover{--button--background-color: var(--button--hover--background-color);--button--accent-color: var(--button--hover--accent-color);--button--border: var(--button--hover--border) !important}.clearButton:focus-visible{background-color:var(--myh-color-base-focus, #ffd940);color:var(--myh-color-base-unscaled-black, #060606) !important;z-index:3;--button--accent-color: var(--myh-color-base-unscaled-black, #060606)}.submitButton{position:relative;padding-right:calc(var(--button--padding-x-size)/2 + var(--button--icon-size) + var(--button--gap-size));transition:all .2s;background-color:var(--button--background-color);color:var(--button--accent-color);fill:var(--button--accent-color);border:var(--button--border);--ripple--color: rgba(255, 255, 255, 0.3);--focus-element-border-offset: 4px;font-family:var(--myh-content-typeset-family-primary, "Helvetica Neue", Helvetica, Arial, sans-serif);border:0;border-radius:999px;cursor:pointer;text-decoration:none;appearance:button;display:inline-block;height:100%;min-width:90px}.submitButton:hover{--button--background-color: var(--button--hover--background-color);--button--accent-color: var(--button--hover--accent-color);--button--border: var(--button--hover--border) !important}.submitButton:focus-visible{background-color:var(--myh-color-base-focus, #ffd940);color:var(--myh-color-base-unscaled-black, #060606) !important;z-index:3;--button--accent-color: var(--myh-color-base-unscaled-black, #060606)}.stackFlexRow{width:100%;display:flex;align-items:center}.buttonHider{transition:width .2s;width:100px;overflow:hidden;height:100%}.buttonHider--closed{width:0px}.buttonHider:focus-within{background-color:var(--myh-color-base-focus, #ffd940);color:var(--myh-color-base-unscaled-black, #060606) !important;z-index:3;--button--accent-color: var(--myh-color-base-unscaled-black, #060606);border:2px solid;border-radius:4px}