.search{--skapa-search-filled:0;background-color:rgb(var(--colour-neutral-2,245, 245, 245));border-radius:64px;align-items:center;padding-inline-end:.75rem;transition:background-color .2s cubic-bezier(.4,0,.4,1),border .2s cubic-bezier(.4,0,.4,1);display:flex;position:relative;overflow:hidden}.search:focus-within{background-color:rgb(var(--colour-neutral-1,255, 255, 255));box-shadow:inset 0 0 0 2px rgb(var(--colour-interactive-emphasised-border-selected,0, 88, 163))}.search:focus-within .search__input:-webkit-autofill{border:2px solid rgb(var(--colour-interactive-emphasised-border-selected,0, 88, 163));border-right:0}.search--filled{--skapa-search-filled:1;--skapa-search-button-width:calc(3rem + .0625rem);--skapa-search-actions-timing-function:step-start}.search__input{appearance:none;width:calc(100% - 2.5rem);height:3rem;color:rgb(var(--colour-text-and-icon-1,17, 17, 17));text-overflow:ellipsis;background-color:#0000;border:none;border-radius:0;outline:none;flex-grow:1;margin:0;padding:0;padding-inline-start:calc(3rem - var(--skapa-search-filled) * 1.5rem);transition:padding .2s cubic-bezier(.4,0,.4,1);box-shadow:inset 0 0 0 3rem #0000}.search__input::placeholder{color:rgb(var(--colour-text-and-icon-2,72, 72, 72))}.search__input::-ms-clear{display:none}.search__input::-webkit-search-cancel-button{-webkit-appearance:none}.search__input:-webkit-autofill{-webkit-text-fill-color:rgb(var(--colour-text-and-icon-1,17, 17, 17));-webkit-box-shadow:0 0 0 3rem rgb(var(--colour-neutral-2,245, 245, 245)) inset;background-color:#0000;border:0;border-radius:64px 0 0 64px;font-family:inherit;transition:box-shadow .2s cubic-bezier(.4,0,.4,1)}.search__input:focus~.search__clear{--skapa-search-action-override:0}.search--small .search__input{height:2.5rem}.search--large .search__input{height:3.5rem}.search--focus-with-clear.search--filled .search__input:focus~.search__clear{--skapa-search-action-override:1}.search__icon{color:rgb(var(--colour-text-and-icon-2,72, 72, 72));pointer-events:none;transform:scale(calc(1 - var(--skapa-search-filled)));opacity:calc(1 - var(--skapa-search-filled));z-index:1;margin-inline-start:1rem;transition:transform .2s cubic-bezier(.4,0,.4,1),opacity .2s cubic-bezier(0,0,1,1);position:absolute}.search__chevron-down{pointer-events:none;flex-shrink:0}.search__scope{text-overflow:ellipsis;appearance:none;height:2.5rem;color:rgb(var(--colour-text-and-icon-1,17, 17, 17));max-width:calc(50% - .5rem - var(--skapa-search-button-width,0rem));background-color:#0000;border:none;flex:0 0;margin-inline-end:-1.5rem;padding-inline:.5rem 1.5rem;transition:max-width .2s cubic-bezier(.4,0,.4,1);display:flex}.search__scope::-ms-expand{display:none}.search__divider{background-color:rgb(var(--colour-neutral-3,223, 223, 223));width:1px;height:1.5rem;margin-inline:.5rem;transition-property:opacity,width,margin;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.4,1)}.search__divider--hidden{opacity:0;width:0;margin:0}.search__action{--skapa-search-action-state:var(--skapa-search-action-override,var(--skapa-search-filled));transform:scale(calc(var(--skapa-search-action-state) * 1));opacity:calc(var(--skapa-search-action-state) * 1);max-width:calc(var(--skapa-search-action-state) * 2rem);transition-property:max-width,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.4,1)}.search__actions{--skapa-search-action-override:calc(1 - var(--skapa-search-filled));max-width:calc(var(--skapa-search-action-override) * 8rem);transition:max-width .2s cubic-bezier(.4,0,.4,1),margin .2s cubic-bezier(.4,0,.4,1);transition-timing-function:var(--skapa-search-actions-timing-function,step-end), cubic-bezier(.4, 0, .4, 1);flex-wrap:nowrap;justify-content:flex-end;margin-inline-start:calc(1 * (3rem + .0625rem) * var(--skapa-search-filled));margin-inline-end:calc(-1 * (3rem + .0625rem) * var(--skapa-search-filled));display:flex;position:relative;overflow:visible}.search__actions>.search__action{max-width:2rem}.search__actions>.search__action:not(:first-child){margin-inline-start:1rem}@media (forced-colors:active){.search{border:1px solid}}