.ingredient-selection-dock{background-color:var(--color-grey-1);border-radius:30px;gap:10px;width:fit-content;padding:14px;transition:translate .5s ease-out,opacity .5s ease-out;display:flex}@starting-style{.ingredient-selection-dock{opacity:0;translate:0 20px}}.ingredient-selection-dock ul{gap:6px;list-style:none;display:flex}.ingredient-selection-dock ul li{transition:opacity .3s,scale .3s}@starting-style{.ingredient-selection-dock ul li{opacity:0;scale:.8}}.ingredient-selection-dock ul button{background-color:var(--color-grey-3);border:1px solid var(--color-text);cursor:pointer;border:none;border-radius:30px;width:35px;height:35px;position:relative;overflow:hidden}.ingredient-selection-dock ul button svg{fill:var(--color-text)}.ingredient-selection-dock .active{border:1px solid var(--color-accent)}.ingredient-selection-dock .active svg{fill:var(--color-accent)}.ingredient-selection-dock__children-container{position:relative}
.dock-tooltip__icon{width:14px;height:14px;margin-bottom:-2px}.dock-tooltip__img,.dock-tooltip__color{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}