.roaster-directory__header{max-width:62rem;margin:0 auto 4rem;text-align:center}.roaster-directory__subtitle,.roaster-spotlight__subtitle{color:var(--roastn-ember);margin-bottom:1.2rem}.roaster-directory__title{margin:0 0 1.6rem}.roaster-directory__desc{color:rgba(var(--color-foreground),.72)}.roaster-directory__tools{display:flex;flex-direction:column;align-items:center;gap:1.6rem;margin-bottom:3.2rem}.roaster-directory__search{display:block;width:100%;max-width:44rem}.roaster-directory__search-input{width:100%;padding:1.3rem 1.8rem;font-size:1.5rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.18);border-radius:100px;transition:border-color .2s ease}.roaster-directory__search-input:focus{outline:none;border-color:var(--roastn-ember)}.roaster-directory__alpha{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.roaster-directory__letter{min-width:3.2rem;padding:.5rem .8rem;font-size:1.3rem;font-weight:600;line-height:1;color:rgba(var(--color-foreground),.7);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.roaster-directory__letter:hover:not(.is-disabled){color:rgb(var(--color-foreground))}.roaster-directory__letter.is-active{color:#fff;background:var(--roastn-ember)}.roaster-directory__letter.is-disabled{opacity:.28;cursor:default}.roaster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem 1.6rem}@media screen and (min-width:750px){.roaster-grid{grid-template-columns:repeat(3,1fr);gap:3.2rem 2.4rem}}@media screen and (min-width:990px){.roaster-grid{grid-template-columns:repeat(var(--roaster-cols, 4),1fr)}}.roaster-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.roaster-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;overflow:hidden;background:rgb(var(--color-background-secondary));border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--border-radius, 8px);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.roaster-card__img{width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.roaster-card__media--cover .roaster-card__img{object-fit:cover}.roaster-card__media--contain .roaster-card__img{object-fit:contain;padding:12%}.roaster-card__placeholder{font-size:4rem;font-weight:700;color:rgba(var(--color-foreground),.35)}.roaster-card:hover .roaster-card__media{transform:translateY(-.4rem);box-shadow:0 1.6rem 3.2rem #0000001a}.roaster-card:hover .roaster-card__media--cover .roaster-card__img{transform:scale(1.05)}.roaster-card__info{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem .2rem 0}.roaster-card__name{font-weight:600;font-size:1.6rem;line-height:1.2;color:rgb(var(--color-foreground-title))}.roaster-card__count{font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.roaster-directory__empty,.roaster-directory__hint{text-align:center;color:rgba(var(--color-foreground),.6);margin-top:3.2rem;font-size:1.4rem}.roaster-spotlight__grid{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:center}@media screen and (min-width:990px){.roaster-spotlight__grid{grid-template-columns:1fr 1fr;gap:6.4rem}.roaster-spotlight--media-right .roaster-spotlight__media{order:2}}.roaster-spotlight__media{position:relative;overflow:hidden;border-radius:var(--border-radius, 8px)}.roaster-spotlight__img{display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover}.roaster-spotlight__logo{position:absolute;left:2rem;bottom:2rem;display:inline-flex;padding:1rem 1.4rem;background:#ffffffeb;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.roaster-spotlight__logo img{max-height:4.4rem;width:auto}.roaster-spotlight__subtitle{color:var(--roastn-ember);margin-bottom:1.2rem}.roaster-spotlight__title{margin:0 0 1.2rem}.roaster-spotlight__meta{font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);margin-bottom:2rem}.roaster-spotlight__story{color:rgba(var(--color-foreground),.8);margin-bottom:3rem}.roaster-spotlight__story>*+*{margin-top:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/14/assets/roastn-roaster.css.map */