.hn-quiz-card{position:relative;min-width:0;overflow:hidden;border:var(--trade-hnv2-surface-border);border-radius:var(--trade-hnv2-surface-radius);color:var(--trade-hnv2-color-foreground);background:var(--trade-hnv2-color-background);box-shadow:var(--trade-hnv2-shadow-sm);scroll-snap-align:start;transition:transform var(--trade-hnv2-duration-base) var(--trade-hnv2-ease-standard),box-shadow var(--trade-hnv2-duration-base) var(--trade-hnv2-ease-standard)}.hn-quiz-card[hidden]{display:none}.hn-quiz-card__link{display:grid;height:100%;min-width:0;grid-template-rows:auto minmax(0,1fr);color:inherit;text-decoration:none}.hn-quiz-card__link:focus{outline:0}.hn-quiz-card:focus-within{box-shadow:0 0 0 2px var(--trade-hnv2-color-background),0 0 0 4px var(--trade-hnv2-color-accent)}.hn-quiz-card__media{position:relative;min-width:0;aspect-ratio:1;margin:var(--trade-hnv2-space-3) var(--trade-hnv2-space-3) 0;overflow:hidden;border:var(--trade-hnv2-media-frame-border);border-radius:var(--trade-hnv2-media-frame-radius);background:var(--trade-hnv2-media-frame-background)}.hn-quiz-card__media img,.hn-quiz-card__placeholder{display:block;width:100%;height:100%}.hn-quiz-card__media img{object-fit:cover;transition:transform var(--trade-hnv2-duration-base) var(--trade-hnv2-ease-standard)}.hn-quiz-card__placeholder{background:linear-gradient(135deg,var(--trade-hnv2-color-accent-soft),var(--trade-hnv2-color-surface))}.hn-quiz-card__badge{position:absolute;inset-block-start:var(--trade-hnv2-space-2);inset-inline-start:var(--trade-hnv2-space-2);z-index:1;display:inline-flex;max-width:calc(100% - 2 * var(--trade-hnv2-space-2));align-items:center;padding:var(--trade-hnv2-space-1) var(--trade-hnv2-space-2);border:var(--trade-hnv2-control-border-width) solid var(--trade-hnv2-state-selected-border);border-radius:var(--trade-hnv2-badge-radius);color:var(--trade-hnv2-state-selected-foreground);background:var(--trade-hnv2-state-selected-background);box-shadow:var(--trade-hnv2-shadow-sm);font-size:var(--trade-hnv2-type-label-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-label-line);overflow-wrap:anywhere}.hn-quiz-card__body{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--trade-hnv2-space-2);padding:var(--trade-hnv2-space-3)}.hn-quiz-card__categories{display:flex;min-width:0;flex-wrap:wrap;gap:var(--trade-hnv2-space-1)}.hn-quiz-card__category{display:inline-flex;min-width:0;align-items:center;gap:var(--trade-hnv2-space-1);padding:var(--trade-hnv2-space-1) var(--trade-hnv2-space-2);border:var(--trade-hnv2-border-subtle);border-radius:var(--trade-hnv2-pill-radius);font-size:var(--trade-hnv2-type-label-size);line-height:var(--trade-hnv2-type-label-line);overflow-wrap:anywhere}.hn-quiz-card__category--primary{border-color:var(--trade-hnv2-state-selected-border);color:var(--trade-hnv2-state-selected-foreground);background:var(--trade-hnv2-state-selected-background);font-weight:var(--trade-hnv2-type-label-weight)}.hn-quiz-card__category--secondary{color:var(--trade-hnv2-color-muted-foreground);background:var(--trade-hnv2-color-surface)}.hn-quiz-card__category-icon{flex:0 0 auto;line-height:1}.hn-quiz-card__title{margin:0;color:var(--trade-hnv2-color-foreground);font-size:var(--trade-hnv2-type-card-title-size);font-weight:var(--trade-hnv2-type-card-title-weight);line-height:var(--trade-hnv2-type-card-title-line);overflow-wrap:anywhere}.hn-quiz-card__metadata{display:flex;min-width:0;flex-wrap:wrap;gap:var(--trade-hnv2-space-3);color:var(--trade-hnv2-color-muted-foreground);font-size:var(--trade-hnv2-type-label-size);font-weight:var(--trade-hnv2-type-caption-weight);line-height:var(--trade-hnv2-type-caption-line)}.hn-quiz-card__meta{display:inline-flex;min-width:0;align-items:center;gap:var(--trade-hnv2-space-1);overflow-wrap:anywhere}.hn-quiz-card__meta .svg-wrapper,.hn-quiz-card__action .svg-wrapper{display:inline-flex;width:var(--trade-hnv2-space-3);height:var(--trade-hnv2-space-3);flex:0 0 var(--trade-hnv2-space-3)}.hn-quiz-card__meta svg,.hn-quiz-card__action svg{width:100%;height:100%}.hn-quiz-card__meta svg{fill:currentColor}.hn-quiz-card__action{display:inline-flex;min-height:var(--trade-hnv2-target-min);align-items:center;justify-content:center;gap:var(--trade-hnv2-space-2);margin-block-start:auto;color:var(--trade-hnv2-color-accent);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-weight-medium);line-height:var(--trade-hnv2-type-small-line)}.hn-quiz-card--action-outline .hn-quiz-card__action{width:100%;padding:var(--trade-hnv2-space-2) var(--trade-hnv2-space-3);color:var(--trade-hnv2-color-outline);border:var(--trade-hnv2-control-border-width) solid var(--trade-hnv2-color-outline);border-radius:var(--trade-hnv2-control-radius);background:transparent}.hn-quiz-card--action-link .hn-quiz-card__action{justify-content:flex-start;padding-block-start:var(--trade-hnv2-space-2)}.hn-quiz-card__action .svg-wrapper{transition:transform var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.hn-quiz-card--horizontal .hn-quiz-card__link,.hn-quiz-card--library .hn-quiz-card__link{grid-template-columns:calc(96px + var(--trade-hnv2-space-3)) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch}.hn-quiz-card--horizontal .hn-quiz-card__media,.hn-quiz-card--library .hn-quiz-card__media{width:96px;align-self:start;margin-block:var(--trade-hnv2-space-3);margin-inline:var(--trade-hnv2-space-3) 0}.hn-quiz-card--horizontal .hn-quiz-card__category--secondary,.hn-quiz-card--library .hn-quiz-card__category--secondary{display:none}@media(hover:hover){.hn-quiz-card:hover{transform:translateY(-3px);box-shadow:var(--trade-hnv2-shadow-md)}.hn-quiz-card:hover .hn-quiz-card__media img{transform:scale(1.035)}.hn-quiz-card:hover .hn-quiz-card__action .svg-wrapper{transform:translate(var(--trade-hnv2-space-1))}.hn-quiz-card--action-outline:hover .hn-quiz-card__action{color:var(--trade-hnv2-state-interactive-hover-foreground);border-color:var(--trade-hnv2-state-interactive-hover-border);background:var(--trade-hnv2-state-interactive-hover-background)}}@media screen and (min-width:750px){.hn-quiz-card--horizontal .hn-quiz-card__link{grid-template-columns:calc(112px + var(--trade-hnv2-space-3)) minmax(0,1fr)}.hn-quiz-card--horizontal .hn-quiz-card__media{width:112px}.hn-quiz-card--library .hn-quiz-card__link{grid-template-columns:none;grid-template-rows:auto minmax(0,1fr)}.hn-quiz-card--library .hn-quiz-card__media{width:auto;margin:var(--trade-hnv2-space-3) var(--trade-hnv2-space-3) 0}.hn-quiz-card--library .hn-quiz-card__category--secondary{display:inline-flex}}@media(prefers-reduced-motion:reduce){.hn-quiz-card,.hn-quiz-card__media img,.hn-quiz-card__action .svg-wrapper{transition:none}.hn-quiz-card:hover,.hn-quiz-card:hover .hn-quiz-card__media img,.hn-quiz-card:hover .hn-quiz-card__action .svg-wrapper{transform:none}}@media(forced-colors:active){.hn-quiz-card,.hn-quiz-card__category,.hn-quiz-card__action{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-hn-quiz-card.css.map */