:is(.aj2-hm-learn,#_){padding-block:var(--aj2-pad-y)}:is(.aj2-hm-learn,#_) :is(h2,h3){color:inherit;text-transform:none;font-style:normal}:is(.aj2-hm-learn,#_) .aj2-hm-learn__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--aj2-s-4) var(--aj2-s-7);margin-bottom:var(--aj2-s-7)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__all{display:inline-flex;align-items:center;gap:var(--aj2-s-2);min-height:44px;font-family:var(--aj2-f-display);font-size:var(--aj2-t-ui);font-weight:600;line-height:1.1;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color var(--aj2-d-fast) var(--aj2-ease-hover)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__all .aj2-icon{transition:transform var(--aj2-d-fast) var(--aj2-ease-out)}@media(hover:hover)and (pointer:fine){:is(.aj2-hm-learn,#_) .aj2-hm-learn__all:hover{text-decoration-color:var(--aj2-c-brand)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__all:hover .aj2-icon{transform:translate(3px)}}:is(.aj2-hm-learn,#_) .aj2-hm-learn__rail{margin-inline:calc(-1 * var(--aj2-pad-x))}:is(.aj2-hm-learn,#_) .aj2-hm-learn__track{--rail-w: 85%;--rail-pad: var(--aj2-pad-x);margin:0;list-style:none}:is(.aj2-hm-learn,#_) .aj2-hm-learn__item{min-width:0}:is(.aj2-hm-learn,#_) .aj2-hm-learn__card{height:100%}:is(.aj2-hm-learn,#_) .aj2-hm-learn__link{display:flex;flex-direction:column;height:100%;border-radius:var(--aj2-r-lg)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__media{position:relative;aspect-ratio:4 / 3;border-radius:var(--aj2-r-lg);background-color:var(--aj2-c-step);overflow:hidden;isolation:isolate}:is(.aj2-hm-learn,#_) .aj2-hm-learn__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform var(--aj2-d-zoom) var(--aj2-ease-out)}@media(hover:hover)and (pointer:fine){:is(.aj2-hm-learn,#_) .aj2-hm-learn__link:hover .aj2-hm-learn__img{transform:scale(1.04)}}:is(.aj2-hm-learn,#_) .aj2-hm-learn__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--aj2-s-3);padding:var(--aj2-s-4) 0 0}:is(.aj2-hm-learn,#_) .aj2-hm-learn__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-family:var(--aj2-f-display);font-size:var(--aj2-t-lead);font-weight:600;line-height:1.25;letter-spacing:var(--aj2-ls-h3);text-wrap:pretty}:is(.aj2-hm-learn,#_) .aj2-hm-learn__tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--aj2-r-pill);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--aj2-f-display);font-size:.75rem;font-weight:600;color:var(--aj2-c-ink)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--aj2-s-3);margin-top:auto;padding-top:var(--aj2-s-2)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__time{display:inline-flex;align-items:center;gap:6px;font-size:var(--aj2-t-micro);font-weight:500;color:var(--aj2-c-ink-2)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__go{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--aj2-c-action);color:var(--aj2-c-on-action);transition:background-color var(--aj2-d-fast) var(--aj2-ease-hover)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__go svg{transition:transform var(--aj2-d-fast) var(--aj2-ease-out)}@media(hover:hover)and (pointer:fine){:is(.aj2-hm-learn,#_) .aj2-hm-learn__link:hover .aj2-hm-learn__go{background:var(--aj2-c-action-h)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__link:hover .aj2-hm-learn__go svg{transform:translate(3px)}}@media(min-width:600px){:is(.aj2-hm-learn,#_) .aj2-hm-learn__track{--rail-w: 56%}}@media(min-width:900px){:is(.aj2-hm-learn,#_) .aj2-hm-learn__head{margin-bottom:var(--aj2-s-9)}:is(.aj2-hm-learn,#_) .aj2-hm-learn__name{-webkit-line-clamp:2}:is(.aj2-hm-learn,#_) .aj2-hm-learn__rail{margin-inline:0}:is(.aj2-hm-learn,#_) .aj2-hm-learn__track{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;padding-inline:0;overflow:visible;scroll-snap-type:none}}@media(prefers-reduced-motion:reduce){:is(.aj2-hm-learn,#_) .aj2-hm-learn__img{transition:none}:is(.aj2-hm-learn,#_) .aj2-hm-learn__link:hover .aj2-hm-learn__img{transform:none}:is(.aj2-hm-learn,#_) .aj2-hm-learn__all .aj2-icon{transition:none}:is(.aj2-hm-learn,#_) .aj2-hm-learn__go svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/aj2-pg-hm-learn.css.map */