@layer atom{.mp-input-element{display:flex;height:13.75vw;overflow:hidden;border:1px solid var(--input-border-color, var(--global-border-color, var(--global-fallback-border-color)));border-radius:var(--space-corner-xxs);background:var(--input-background, var(--global-background-0, var(--global-fallback-background-0)))}@media(min-width:768px){.mp-input-element{height:4.296875vw}}@media(min-width:1024px){.mp-input-element{height:44px}}.mp-input-element__icon{display:flex;align-items:center;margin:0;padding:0 var(--space-s);border-right:1px solid var(--input-border-color, var(--global-border-color, var(--global-fallback-border-color)));font-size:6.25vw;color:var(--global-border-color, var(--global-fallback-border-color))}@media(min-width:768px){.mp-input-element__icon{font-size:1.953125vw}}@media(min-width:1024px){.mp-input-element__icon{font-size:20px}}.mp-input-element__input{flex:1 1 0;width:100%;height:100%;padding:0 var(--space-s);border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent}.mp-input-element__prefix,.mp-input-element__suffix{display:flex;align-items:center;height:100%;padding:0 var(--space-s);background:var(--input-prefix-suffix-background, var(--global-background-10, var(--global-fallback-background-10)))}.mp-input-element__search{display:flex;justify-content:center;align-items:center;width:13.75vw;border:none;color:var(--global-secondary-500, var(--global-fallback-secondary-500));background:var(--input-background, var(--global-background-0, var(--global-fallback-background-0)));outline:none;cursor:pointer}@media(min-width:768px){.mp-input-element__search{width:4.296875vw}}@media(min-width:1024px){.mp-input-element__search{width:44px}}@media(hover:hover){.mp-input-element__search:hover{color:var(--global-secondary-400, var(--global-fallback-secondary-400))}}.mp-input-element__search:focus{color:var(--global-secondary-400, var(--global-fallback-secondary-400))}.mp-input-element__search:active{color:var(--global-secondary-600, var(--global-fallback-secondary-600))}.mp-input-element__search .icon{width:6.875vw;height:6.875vw;font-size:6.875vw}@media(min-width:768px){.mp-input-element__search .icon{width:2.1484375vw;height:2.1484375vw;font-size:2.1484375vw}}@media(min-width:1024px){.mp-input-element__search .icon{width:22px;height:22px;font-size:22px}}.mp-input-element--size-big .mp-input-element__search .icon{width:7.5vw;height:7.5vw;font-size:7.5vw}@media(min-width:768px){.mp-input-element--size-big .mp-input-element__search .icon{width:2.34375vw;height:2.34375vw;font-size:2.34375vw}}@media(min-width:1024px){.mp-input-element--size-big .mp-input-element__search .icon{width:24px;height:24px;font-size:24px}}.mp-input-element--size-big .mp-input-element__search{width:17.5vw}@media(min-width:768px){.mp-input-element--size-big .mp-input-element__search{width:5.46875vw}}@media(min-width:1024px){.mp-input-element--size-big .mp-input-element__search{width:56px}}.mp-input-element--disabled{background:var(--input-background-disabled, var(--global-disabled-color, var(--global-fallback-disabled-color)))}.mp-input-element--disabled .mp-input-element__input{color:var(--input-text-color-disabled, var(--global-hint-text, var(--global-fallback-hint-text)))}.mp-input-element--size-small.mp-input-element--has-icon .mp-input-element__input{padding-left:var(--space-xs)}.mp-input-element--size-big{height:17.5vw}@media(min-width:768px){.mp-input-element--size-big{height:5.46875vw}}@media(min-width:1024px){.mp-input-element--size-big{height:56px}}.mp-input-element--size-big .mp-input-element__prefix,.mp-input-element--size-big .mp-input-element__suffix{padding:0 var(--space-m)}.mp-input-element--size-big .mp-input-element__icon{padding:0 var(--space-s)}}