.categories-section{width:100%;margin:0 0 24px}@media (min-width:768px){.categories-section{margin-bottom:32px}}.categories-section__title{color:#111620;margin:0 0 16px;padding:0 8px;font-size:1.25rem;font-weight:400}.categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;width:100%;margin:-4px 0;padding:4px 0;list-style:none;display:flex;overflow-x:auto;overflow-y:hidden}.categories::-webkit-scrollbar{display:none}.categories__item{flex-shrink:0;width:224px;height:296px}.categories__card{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:flex-end;width:100%;height:100%;padding:12px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px transparent}.categories__card:before{content:"";border-radius:inherit;background-color:#f8fafc;background-image:var(--category-image);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.categories__card:focus-visible{outline-offset:2px;outline:1px solid #002cdd}.categories__card--selected{box-shadow:inset 0 0 0 2px #002cdd}.categories__label{z-index:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);font-size:.875rem;font-weight:600;line-height:1.25;position:relative}@media (max-width:767px){.categories__item{width:168px;height:96px}}