:root{--color-primary: #0076a8;--color-primary-rgb: 0, 118, 168;--color-primary800: #1c85b2;--color-primary700: #3894bb;--color-primary600: #54a3c5;--color-primary500: #70b2ce;--color-primary400: #8cc1d8;--color-primary300: #a8d0e1;--color-primary200: #c4e0eb;--color-primary100: #e0eff5;--color-success: #05a019;--color-success300: #b4e2ba;--color-success200: #cdecd1;--color-success100: #e6f5e8;--color-error: #e42e38;--color-error300: #f7c0c3;--color-error200: #fad5d7;--color-error100: #fceaeb;--color-warning: #ddaa00;--color-warning300: #f5e5b2;--color-warning200: #f8eecc;--color-warning100: #fcf6e5;--color-grey: #333333;--color-grey800: #4c4c4c;--color-grey750: #595959;--color-grey700: #666666;--color-grey650: #737373;--color-grey600: #7f7f7f;--color-grey550: #8c8c8c;--color-grey500: #999999;--color-grey450: #a5a5a5;--color-grey400: #b2b2b2;--color-grey350: #bfbfbf;--color-grey300: #cccccc;--color-grey250: #d9d9d9;--color-grey200: #e5e5e5;--color-grey150: #eeeeee;--color-grey100: #f6f6f6;--color-grey50: #fbfbfb;--color-white: #ffffff;--color-white-rgb: 255, 255, 255;--color-black: #000000;--color-black-rgb: 0, 0, 0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);word-wrap:normal}.hw-tutorialsCardList{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));grid-gap:20px;margin:30px 0;padding:0;font-size:inherit;overflow:visible}.hw-tutorialsCardList:first-child{margin-top:0}.hw-tutorialsCardList:last-child{margin-bottom:0}.hw-tutorialsCardList__3perRow{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.hw-tutorialsCardList .com-projectCard,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard{height:100%;line-height:1.2;display:flex;flex-direction:column;border:1px solid #e7e7e7;border-radius:6px;position:relative;transform:translateY(-1px);box-shadow:0 2px 15px rgba(0,0,0,.04);background:#fff;transition:.3s box-shadow,.3s transform}@media screen and (min-width: 600px){.hw-tutorialsCardList .com-projectCard:hover,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard:hover{box-shadow:0 7px 30px rgba(0,0,0,.1);transform:translateY(-8px)}}.hw-tutorialsCardList .com-projectCard:hover .com-projectCard__wbLink,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard:hover .com-projectCard__wbLink{color:#fff;width:145px;border:1px solid rgba(255,255,255,.55)}.hw-tutorialsCardList .com-projectCard:hover .com-projectCard__wbLinkIcon,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard:hover .com-projectCard__wbLinkIcon{fill:#fff}.hw-tutorialsCardList .com-projectCard__thumb,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__thumb{display:block;position:relative;z-index:1;background:-moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%);background:-webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%);background:linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%);border-top-left-radius:6px;border-top-right-radius:6px;padding-bottom:75.005%}.hw-tutorialsCardList .com-projectCard__thumb img,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__thumb img{display:block;margin:0;width:100%;max-width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;margin:0;border-top-left-radius:6px;border-top-right-radius:6px;object-fit:cover}.hw-tutorialsCardList .com-projectCard__thumbOverlay,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__thumbOverlay{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:rgba(0,118,169,.8);opacity:0;border-top-left-radius:6px;border-top-right-radius:6px;transition:.3s opacity}.hw-tutorialsCardList .com-projectCard__thumbOverlayText,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__thumbOverlayText{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);font-size:16px;font-weight:bold;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.75);transition:.3s top}@media screen and (min-width: 600px){.hw-tutorialsCardList .com-projectCard:hover .com-projectCard__thumbOverlay,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard:hover .com-projectCard__thumbOverlay{opacity:1}.hw-tutorialsCardList .com-projectCard:hover .com-projectCard__thumbOverlayText,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard:hover .com-projectCard__thumbOverlayText{top:50%;color:#fff;text-decoration:none}}.hw-tutorialsCardList .com-projectCard__meta,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__meta{border-top:1px solid #ececec;padding:8px 12px;display:grid;grid-template-columns:1fr auto;align-items:center}.hw-tutorialsCardList .com-projectCard__tags,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__tags{min-width:0;display:flex;flex-wrap:wrap;grid-gap:4px}.hw-tutorialsCardList .com-projectCard__tag,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__tag{font-size:12px;color:#7f7f7f;border-radius:24px;border:1px solid #e5e5e5;padding:8px 12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty{display:grid;grid-template-columns:auto auto auto;grid-column-gap:4px;margin-left:8px}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty .projectCard__difficultyDot,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty .projectCard__difficultyDot{width:8px;height:8px;border-radius:50%;display:block;background:#e5e5e5}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_1 .projectCard__difficultyDot:nth-child(1),html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_1 .projectCard__difficultyDot:nth-child(1){background:#05a019}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_2 .projectCard__difficultyDot:nth-child(1),html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_2 .projectCard__difficultyDot:nth-child(1){background:#05a019}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_2 .projectCard__difficultyDot:nth-child(2),html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_2 .projectCard__difficultyDot:nth-child(2){background:#da0}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_3 .projectCard__difficultyDot:nth-child(1),html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_3 .projectCard__difficultyDot:nth-child(1){background:#05a019}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_3 .projectCard__difficultyDot:nth-child(2),html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_3 .projectCard__difficultyDot:nth-child(2){background:#da0}.hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_3 .projectCard__difficultyDot:nth-child(3),html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard .com-projectCard__difficulty_3 .projectCard__difficultyDot:nth-child(3){background:#e42e38}.hw-tutorialsCardList .com-projectCard__body,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__body{border-top:1px solid #ececec;padding:10px 13px;position:relative;margin-bottom:auto}.hw-tutorialsCardList .com-projectCard__title,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__title{font-size:17px;font-weight:700;line-height:inherit;margin:0}.hw-tutorialsCardList .com-projectCard__title a,html .page-template-template-documentation .hw-tutorialsCardList .com-projectCard__title a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:inherit}/*# sourceMappingURL=tutorials-cards.css.map */