
.recomCont{background:var(--color-combination-9);border-radius:8px;display:grid;grid-template:" heading " max-content " .       " 16px " area    " max-content/1fr;margin:12px 0;padding:24px 16px 16px}.recomHeading{color:var(--color-combination-2);font-size:18px;font-weight:700;grid-area:heading;line-height:25px}.recomArea{grid-column-gap:12px;display:grid;grid-area:area;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.recomHref{align-items:center;align-self:flex-start;display:grid;grid-template:" image " 82px " .     " 12px " name  " max-content/82px}.recomHref:hover{text-decoration:underline}.recomImage{align-items:center;background-color:var(--color-white);border:1px solid var(--color-support-1);border-radius:12px;display:flex;grid-area:image;justify-content:center;place-self:stretch}.recomImage img{height:74px;width:74px}.recomName{color:var(--color-secondary-2);font-size:13px;grid-area:name;hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;line-height:16px;text-align:center;word-break:break-word}@media only screen and (max-width:639px){.recomCont{border-radius:0;padding:20px 12px 16px}}.recomSkelCont{background-color:#fff;border-radius:8px;box-sizing:border-box;padding:24px 20px 16px}.recomSkelHead{height:19px;margin:3px 0;width:160px}.recomSkelImage{border-radius:12px;grid-area:image;height:100%;width:100%}.recomSkelText{grid-area:name;height:14px;justify-self:center;margin:1px 0;width:60px}