.roaster-directory{--roaster-card-width: 320px;--roaster-card-height: 480px;width:100%;padding-block:48px 80px}.roaster-directory__hero{display:grid;max-width:720px;gap:16px}.roaster-directory__eyebrow,.roaster-directory__title,.roaster-directory__intro,.roaster-directory__group-title,.roaster-card__title,.roaster-card__description,.roaster-card__country{text-box-edge:cap alphabetic;text-box-trim:trim-both}.roaster-directory__eyebrow{color:var(--sc-label-text);font-size:.75rem;font-weight:600;line-height:1.25;letter-spacing:-.24px;text-transform:uppercase}.roaster-directory__title{color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.875rem;font-weight:500;line-height:1.1;letter-spacing:-1px;text-wrap:balance}.roaster-directory__intro{max-width:640px;color:var(--sc-body-text);font-size:1rem;line-height:1.5;letter-spacing:-.28px;text-wrap:pretty}.roaster-directory__intro>*+*{margin-block-start:12px}.roaster-directory__alphabet{margin-block-start:40px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent 0,black 24px,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 24px,black calc(100% - 24px),transparent 100%)}.roaster-directory__alphabet.is-scroll-start{-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - 24px),transparent 100%)}.roaster-directory__alphabet.is-scroll-end{-webkit-mask-image:linear-gradient(to right,transparent 0,black 24px,black 100%);mask-image:linear-gradient(to right,transparent 0,black 24px,black 100%)}.roaster-directory__alphabet.is-scroll-start.is-scroll-end{-webkit-mask-image:none;mask-image:none}.roaster-directory__alphabet::-webkit-scrollbar{display:none}.roaster-directory__alphabet-list{display:flex;width:max-content;min-width:100%;gap:2px;padding:0 0 8px;list-style:none}.roaster-directory__letter{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--sc-primary-text);font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;border-radius:8px;corner-shape:squircle;transition:color .14s cubic-bezier(.2,0,0,1),background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1)}.roaster-directory__letter--unavailable{color:color-mix(in oklch,var(--sc-label-text) 46%,transparent)}.roaster-directory__letter:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:-2px}.roaster-directory__groups{display:grid;gap:64px;margin-block-start:48px}.roaster-directory__group{scroll-margin-block-start:24px}.roaster-directory__group-title{padding-block-end:16px;color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.5rem;font-weight:500;line-height:1;border-block-end:1px solid var(--sc-surface-border)}.roaster-directory__grid{display:grid;grid-template-columns:minmax(0,1fr);justify-content:start;gap:16px;padding:0;margin-block-start:16px;list-style:none}.roaster-card{--roaster-new-chip-text: oklch(.82 .12 85);--roaster-new-chip-surface: color-mix(in oklch, oklch(.72 .14 80) 18%, transparent);--roaster-new-chip-ring: color-mix(in oklch, var(--roaster-new-chip-text) 56%, transparent);--roaster-new-chip-shine: oklch(.98 .025 95 / .78);position:relative;display:flex;width:100%;min-height:var(--roaster-card-height);min-width:0;flex-direction:column;gap:20px;padding:20px;background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:12px;corner-shape:squircle;box-shadow:var(--sc-elevated-surface-shadow);transition:border-color .16s ease}[data-theme=light] .roaster-card{--roaster-new-chip-text: oklch(.43 .11 75);--roaster-new-chip-surface: color-mix(in oklch, oklch(.72 .14 80) 20%, transparent);--roaster-new-chip-ring: color-mix(in oklch, var(--roaster-new-chip-text) 46%, transparent);--roaster-new-chip-shine: oklch(1 0 95 / .86)}.roaster-card__new-chip{position:absolute;top:20px;inset-inline-end:20px;display:inline-flex;min-height:26px;align-items:center;justify-content:center;padding:6px 10px;overflow:hidden;isolation:isolate;color:var(--roaster-new-chip-text);font-family:var(--font-display--family);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap;background:var(--roaster-new-chip-surface);border:1px solid var(--roaster-new-chip-ring);border-radius:6px;corner-shape:squircle}.roaster-card__new-chip-label{position:relative;z-index:2}.roaster-card__new-chip:before,.roaster-card__new-chip:after{position:absolute;z-index:1;pointer-events:none;content:""}.roaster-card__new-chip:before{top:-50%;bottom:-50%;left:-75%;width:42%;background:linear-gradient(to right,transparent,var(--roaster-new-chip-shine) 50%,transparent);opacity:0;transform:translateZ(0) skew(-18deg);animation:roaster-card-new-shimmer 5.2s cubic-bezier(.23,1,.32,1) infinite}.roaster-card__new-chip:after{top:3px;inset-inline-end:4px;width:6px;height:6px;background:var(--roaster-new-chip-shine);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;transform:scale(.4) rotate(12deg);animation:roaster-card-new-glint 5.2s cubic-bezier(.23,1,.32,1) infinite}@keyframes roaster-card-new-shimmer{0%,10%{opacity:0;transform:translateZ(0) skew(-18deg)}16%{opacity:.64}28%,to{opacity:0;transform:translate3d(420%,0,0) skew(-18deg)}}@keyframes roaster-card-new-glint{0%,20%,to{opacity:0;transform:scale(.4) rotate(12deg)}24%{opacity:.9;transform:scale(1) rotate(12deg)}28%{opacity:0;transform:scale(.6) rotate(12deg)}}.roaster-card__logo-wrap{display:grid;width:96px;height:96px;flex:0 0 96px;overflow:hidden;place-items:center;color:var(--sc-primary-text);background:var(--sc-card-surface);border:1px solid color-mix(in oklch,var(--sc-primary-text) 8%,transparent);border-radius:10px;corner-shape:squircle}.roaster-card__logo-wrap[data-logo-surface=light]{background:var(--sc-logo-light-surface)}.roaster-card__logo-wrap[data-logo-surface=dark]{background:var(--sc-logo-dark-surface)}.roaster-card__logo{display:block;width:100%;height:100%;padding:4px;object-fit:contain}.roaster-card__monogram{color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:2rem;font-weight:500;line-height:1}.roaster-card__visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.roaster-card__content{display:grid;gap:12px}.roaster-card__title{color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.375rem;font-weight:500;line-height:1.15;letter-spacing:-.5px;overflow-wrap:anywhere;text-wrap:balance}.roaster-card__description{overflow-wrap:anywhere;color:var(--sc-body-text);font-size:.875rem;line-height:1.45;letter-spacing:-.28px;text-wrap:pretty}.roaster-card__footer{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-start:auto;padding-block-start:4px}.roaster-card__country{display:inline-flex;min-height:44px;align-items:center;gap:6px;color:var(--sc-primary-text);font-size:.75rem;font-weight:500;line-height:1.25;letter-spacing:-.24px}.roaster-card__flag{font-size:1rem;line-height:1}:root .button.roaster-card__cta{flex:0 0 auto;padding-inline:12px 10px;font-size:.75rem}.roaster-card__cta .button__content{gap:6px}.roaster-card__cta-icon{display:inline-flex;width:16px;height:16px;flex:0 0 16px;transition:transform .14s cubic-bezier(.2,0,0,1)}.roaster-card__cta-icon svg{width:100%;height:100%;padding-block-start:1px}.roaster-directory__empty{display:grid;max-width:520px;gap:16px;margin-block-start:48px}.roaster-directory__empty p{color:var(--sc-body-text);line-height:1.5}.roaster-directory__empty .button{width:fit-content}@media(hover:hover)and (pointer:fine){.roaster-directory__letter:hover{background:var(--sc-card-surface);border-color:var(--sc-surface-border)}.roaster-card:hover{border-color:color-mix(in oklch,var(--sc-primary-text) 14%,var(--sc-surface-border))}.roaster-card__cta:hover .roaster-card__cta-icon{transform:translate(2px)}}@media(max-width:359px){.roaster-directory__title{font-size:1.75rem;letter-spacing:-.75px}}@media(min-width:640px){.roaster-directory{padding-block-end:96px}.roaster-directory__grid{gap:20px}.roaster-card{padding:24px}.roaster-card__new-chip{top:24px;inset-inline-end:24px}}@media(min-width:360px)and (max-width:479px){.roaster-directory{--roaster-card-height: 400px}}@media(min-width:480px)and (max-width:767px){.roaster-directory{--roaster-card-height: 380px}}@media(min-width:750px){.roaster-directory__title{font-size:2.5rem}}@media(min-width:768px){.roaster-directory{--roaster-card-height: 440px}}@media(min-width:768px)and (max-width:1199px){.roaster-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roaster-card{width:auto}}@media(min-width:1200px){.roaster-directory__grid{grid-template-columns:repeat(auto-fill,var(--roaster-card-width))}.roaster-card{width:var(--roaster-card-width)}}@media(min-width:1024px){.roaster-directory{padding-block-start:var(--sc-page-padding-block-start, 40px);padding-block-end:120px}.roaster-directory__hero{gap:20px}.roaster-directory__alphabet{margin-block-start:56px}.roaster-directory__groups{gap:80px;margin-block-start:64px}.roaster-card__logo-wrap{width:120px;height:120px;flex-basis:120px}}@media(min-width:1200px){.roaster-directory__title{font-size:3rem}}@media(prefers-reduced-motion:reduce){.roaster-directory__letter,.roaster-card,.roaster-card__cta-icon{transition:none}.roaster-card__new-chip:before,.roaster-card__new-chip:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/roaster-directory.css.map */