.grind-picker{position:relative;--grind-selected-color: #c4a882}.grind-picker__label{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.grind-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.2rem 1.6rem;border:1px solid rgb(var(--color-border));border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;cursor:pointer;text-align:left;transition:border-color .2s ease}.grind-picker__trigger:hover{border-color:rgb(var(--color-foreground))}.grind-picker__trigger[aria-expanded=true] .grind-picker__trigger-arrow{transform:rotate(180deg)}.grind-picker__trigger-value{font-size:1.5rem;color:rgb(var(--color-foreground))}.grind-picker__trigger-arrow{flex-shrink:0;margin-left:1rem;transition:transform .2s ease;color:rgb(var(--color-foreground))}.grind-picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100000;opacity:0;pointer-events:none;transition:opacity .25s ease}.grind-picker--open .grind-picker__backdrop{opacity:1;pointer-events:all}.grind-picker__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:100001;width:min(92vw,96rem);max-height:calc(100dvh - 4rem);overflow-y:auto;background:#f0eeeb;border-radius:1.6rem;padding:1.2rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 8px 40px #00000038}.grind-picker--open .grind-picker__modal{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.grind-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media screen and (max-width: 599px){.grind-picker__grid{grid-template-columns:repeat(2,1fr)}}.grind-picker__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.2rem 2.4rem 2.8rem;border:none;border-radius:1rem;background:#fff;color:#1a1a1a;cursor:pointer;transition:background .2s ease,color .2s ease}.grind-picker__card:hover{background:#f7f5f2}.grind-picker__card--selected{background:var(--grind-selected-color);color:#1a1a1a}.grind-picker__card--selected:hover{filter:brightness(.95)}.grind-picker__icon{width:6rem;height:6rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.grind-picker__icon svg{width:100%;height:100%}.grind-picker__card-title{font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;line-height:1.3}.grind-picker__card-subtitle{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:0 0 1rem}.grind-picker__card-desc{font-size:1.3rem;line-height:1.55;opacity:.72;margin:0}.grind-picker__radios{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.weight-picker{position:relative;margin-top:2.4rem}.weight-picker__label{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.weight-picker__cards{display:flex;flex-wrap:wrap;gap:1rem}.weight-picker__card{display:flex;align-items:center;justify-content:center;min-width:8rem;padding:1.2rem 2rem;border:1px solid rgb(var(--color-border));border-radius:.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .18s ease,background .18s ease}.weight-picker__card:hover{border-color:rgb(var(--color-foreground))}.weight-picker__card--selected{background:var(--grind-selected-color, #c4a882);border-color:transparent;color:#1a1a1a}.weight-picker__card--selected:hover{filter:brightness(.95)}.weight-picker__value{font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-grind-picker.css.map */