.baf{display:block;padding-block:var(--baf-padding-top, 40px) var(--baf-padding-bottom, 48px)}.baf__inner{max-width:var(--baf-content-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin)}.baf__notice{margin:0 0 var(--spacing-md, 20px);padding:var(--spacing-sm, 12px) var(--spacing-md, 20px);border-inline-start:3px solid var(--color-accent);background:color-mix(in srgb,currentColor 6%,transparent);font-size:var(--text-sm)}.baf__head{display:grid;gap:var(--spacing-xs, 8px);margin-block-end:var(--spacing-lg, 28px)}.baf__heading{margin:0;font-size:var(--baf-heading-size, 32px);line-height:1.15;text-wrap:balance}.baf__heading--body{font-family:var(--font-body--family)}.baf__heading--accent{font-family:var(--font-accent--family)}.baf__subheading,.baf__total{margin:0;font-size:var(--baf-meta-size, 12px);opacity:.75}.baf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--baf-card-min, 220px),1fr));gap:var(--baf-card-gap, 16px);margin:0;padding:0;list-style:none}.baf__card{display:grid;gap:var(--spacing-sm, 12px);block-size:100%;align-content:start;padding:var(--spacing-sm, 12px);border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:var(--baf-radius, 12px);color:inherit;text-decoration:none;min-width:0;transition:border-color .15s ease}.baf__card:hover{border-color:var(--color-accent)}.baf__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.baf__image{display:block;inline-size:100%;block-size:auto;aspect-ratio:var(--baf-ratio, 1 / 1);object-fit:var(--baf-fit, cover);border-radius:calc(var(--baf-radius, 12px) / 2)}.baf__image--empty{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,currentColor 10%,transparent) 0 6px,transparent 6px 12px)}.baf__text{display:grid;gap:2px;min-width:0}.baf__name{font-size:var(--baf-name-size, 15px);font-weight:600;line-height:1.3;text-wrap:balance}.baf__meta{font-size:var(--baf-meta-size, 12px);opacity:.7}@media(prefers-reduced-motion:reduce){.baf__card{transition:none}}@media screen and (max-width:749px){.baf__heading{font-size:var(--baf-heading-size-mobile, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-browse-index.css.map */