.topdishes{margin:40px 0 25px 0;padding:0 0 30px 0;position:relative}.topdish__list{display:flex;flex-wrap:wrap}.topdish__title{margin:0 0 25px 0;font:900 34px/36px "sf pro display"}.topdish{position:relative;margin:0 15px 15px 0;flex-shrink:0;transition:all 150ms;width:274px}.topdish__img-wrap{position:relative;border-radius:12px;height:135px;width:100%;display:block;overflow:hidden;box-sizing:border-box}.topdish__img-wrap--border{border:1px solid #eee}.topdish__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.topdish__content{padding:10px 25px 0 0}.topdish__name{font:700 18px/20px 'sf pro display';margin:0 0 6px 0;display:block;color:currentColor}.topdish__name:hover{text-decoration:underline}.topdish__nav{position:absolute;width:27px;height:40px;background:#f3f3f3 url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20viewBox%3D%220%200%2011%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1%201L9%209L1%2017%22%20stroke%3D%22%231C1C1C%22%20stroke-width%3D%221.8%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat 9px 50%;margin:auto;top:110px;z-index:2;transition:opacity 200ms,background-color 200ms;border-radius:8px;cursor:pointer}.topdish__nav:hover{background-color:#eee}.topdish__nav--prev{left:-14px;transform:rotate(180deg)}.topdish__nav--next{right:-14px}.topdish__nav--disabled{opacity:0;cursor:default}