.StickyBar_root__NJP1w{position:absolute;display:grid;width:100%;align-items:center;grid-column-gap:var(--spacing-3);-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3);grid-template-areas:"image name button" "image price button";grid-template-columns:auto 1fr auto;padding-block:var(--spacing-2);padding-inline:calc(50% - (var(--container-width) / 2) + var(--spacing-4));z-index:-1;background-color:var(--grey-100);border-bottom:1px solid var(--grey-200);color:var(--common-black);animation-duration:.5s;animation-fill-mode:forwards;animation-name:StickyBar_slideIn__QvRvS}.StickyBar_root__NJP1w.StickyBar_leave__Mr0zQ{animation-name:StickyBar_slideOut__1nseP}@media (min-width:768px){.StickyBar_root__NJP1w{grid-template-areas:"image name price button";grid-template-columns:auto 1fr auto auto;padding-inline:calc(50% - (var(--container-width) / 2) + var(--spacing-6))}}@media (min-width:992px){.StickyBar_root__NJP1w{padding-inline:calc(50% - (var(--container-width) / 2) + var(--spacing-12))}}@media (min-width:1440px){.StickyBar_root__NJP1w{padding-inline:calc(50% - (var(--container-width) / 2) + var(--spacing-24))}}.StickyBar_image__0Np6W{width:var(--spacing-10);height:var(--spacing-10);grid-area:image}.StickyBar_name__tS7qp{grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StickyBar_price___jdj2{grid-area:price}.StickyBar_button__tsyqX{grid-area:button}@keyframes StickyBar_slideIn__QvRvS{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes StickyBar_slideOut__1nseP{0%{transform:translateY(0)}to{transform:translateY(-100%)}}