.addonCard{background-color:#f4f6ff;border-radius:5px;width:342px;height:460px;transition:all .1s ease-in-out}.addonCard:hover{box-shadow:0 3px 6px rgba(14,31,53,.08),0 6px 12px rgba(14,31,53,.12),0 8px 24px rgba(14,31,53,.08)}.addonCard:hover .arrowIcon .arrowBackground{fill:#ff8f3e;fill-opacity:1}.addonCard:hover .arrowIcon .arrowPath{fill:#fff}.addonCard .thumbnail{width:100%;height:213px;object-fit:cover;border-radius:5px 5px 0 0}.addonCard .graphicContent{position:relative}.addonCard .graphicContent .addonIcon{position:absolute;top:20px;right:20px;border-radius:50%;box-shadow:0 3px 6px rgba(14,31,53,.08),0 6px 12px rgba(14,31,53,.12),0 8px 24px rgba(14,31,53,.08);width:72px;height:72px;background-color:#fff;display:flex;align-items:center;justify-content:center}.addonCard .graphicContent .addonIcon img{width:42px;height:auto}.addonCard .content{padding:20px;display:grid;grid-template-rows:.4fr .2fr 1.5fr .5fr;grid-gap:15px}.addonCard .content .marks{display:flex;flex-wrap:wrap;gap:13px}.addonCard .content .marks .mark{display:flex;align-items:center;gap:6px}.addonCard .content .marks .mark .title{font-family:Montserrat;font-weight:500;font-size:14px;line-height:140%;color:#1e2432}.addonCard .content .title{font-family:Open Sans;font-weight:600;font-size:20px;line-height:130%;color:#383680}.addonCard .content .description .paragraph{text-align:left}.addonCard .content .actions{display:flex;justify-content:space-between;align-items:center}.addonCard .content .tags{display:flex;gap:5px}.addonCard .content .tags .tag{max-width:171px;width:max-content}@media screen and (max-width:1150px){.addonCard .content .title{font-family:Open Sans;font-weight:600;font-size:18px;line-height:130%}}@media screen and (max-width:650px){.addonCard .content .title{font-family:Open Sans;font-weight:600;font-size:16px;line-height:130%}}