.CardTutorial_wrapper__buNcq,.CardWrapper_wrapper__H48tw{display:grid;grid-template-rows:subgrid;grid-row:span 2}.CardTutorial_wrapper__buNcq{position:relative;z-index:1;color:inherit;text-decoration:none}.CardTutorial_wrapper__buNcq:before{position:absolute;bottom:0;left:50%;transform:rotate(12deg) translate(-50%,20%);opacity:0;z-index:-1;mix-blend-mode:lighten;filter:blur(172.5px);transition:opacity .4s var(--ease-out-expo);border-radius:2137px;background:var(--glow);width:494px;height:239px;pointer-events:none;content:""}.CardTutorial_wrapper__buNcq:hover:before{opacity:.4}.CardTutorial_innerWrapper__L67t6{display:grid;grid-template-columns:subgrid;grid-row:span 2;grid-gap:54px;gap:54px;transition:border-color .4s var(--ease-out-expo),background .4s var(--ease-out-expo);border:1px solid #384248;background:#26262659;padding:22px;overflow:hidden}.CardTutorial_wrapper__buNcq:hover .CardTutorial_innerWrapper__L67t6{border:1px solid var(--accent);background:#0c0d0ee6}.CardTutorial_readTime__o9pgh{position:absolute;top:1px;right:-1px;transform:translateY(-100%);transition:background .4s var(--ease-out-expo);background:#384248;padding:4px 6px;color:var(--black);font-style:normal;font-weight:700;font-size:var(--font-size-xs);line-height:1.1;font-family:var(--font-mono),monospace;text-transform:uppercase}.CardTutorial_wrapper__buNcq:hover .CardTutorial_readTime__o9pgh{background:var(--accent)}.CardTutorial_tagsWrapper__fWEtb{display:flex;gap:12px;opacity:.7;transition:opacity .4s var(--ease-out-expo);height:-moz-fit-content;height:fit-content}.CardTutorial_wrapper__buNcq:hover .CardTutorial_tagsWrapper__fWEtb{opacity:1}.CardTutorial_tag__XkbLe{position:relative;transition:background .4s var(--ease-out-expo);background:var(--white);padding:4px 6px;color:var(--black);font-style:normal;font-weight:700;font-size:var(--font-size-xs);line-height:1.1;font-family:var(--font-mono),monospace;text-transform:uppercase}.CardTutorial_tag__XkbLe:not(:last-child):before{position:absolute;top:50%;right:0;transform:translate(100%,-50%);transition:background .4s var(--ease-out-expo);background:var(--white);width:12px;height:2px;content:""}.CardTutorial_wrapper__buNcq:hover .CardTutorial_tag__XkbLe,.CardTutorial_wrapper__buNcq:hover .CardTutorial_tag__XkbLe:before{background:var(--accent)}.CardTutorial_bottomWrapper__TcJ3w{display:flex;flex-direction:column;align-items:flex-start;transform:translateY(33px);transition:transform .4s var(--ease-quick);height:100%;min-height:0}.CardTutorial_wrapper__buNcq:hover .CardTutorial_bottomWrapper__TcJ3w{transform:translateY(0)}.CardTutorial_title__jFs1Y{transition:color .4s var(--ease-out-expo);color:var(--blue-20);font-style:normal;font-weight:300;font-size:var(--font-size-xl);line-height:1.1;font-family:var(--font-sans-secondary),sans-serif;margin:0 0 8px}.CardTutorial_wrapper__buNcq:hover .CardTutorial_title__jFs1Y{color:var(--white)}.CardTutorial_description__rRWHS{transition:color .4s var(--ease-out-expo);color:var(--white);font-style:normal;font-weight:300;font-size:var(--font-size-m);line-height:1.5;font-family:var(--font-mono),monospace}.CardTutorial_wrapper__buNcq:hover .CardTutorial_description__rRWHS{color:var(--accent)}.CardTutorial_meta__JoBJI{display:flex;margin-top:auto;padding:20px 0 0;overflow:hidden;color:var(--grey-50);font-size:10px;font-family:var(--font-mono);text-transform:uppercase}.CardTutorial_metaDivider__Ag5Po{margin:0 16px}