.grades.svelte-pyl9hm{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}a.grade.svelte-pyl9hm{text-decoration:none}.grade.svelte-pyl9hm{white-space:nowrap;border-radius:var(--radius-sm);min-block-size:44px;font-family:var(--font-ui);color:#ffffff9e;cursor:pointer;transition:background var(--quick), border-color var(--quick), color var(--quick);background:#0e1114a8;border:1px solid #ffffff29;grid-template-columns:auto auto;align-items:baseline;gap:.45rem;padding:.45rem .75rem;display:grid}.grade.svelte-pyl9hm:hover:not(:disabled){color:#fff;background:#0e1114d9;border-color:#ffffff52}.grade.svelte-pyl9hm:disabled{opacity:.4;cursor:not-allowed}.grade.on.svelte-pyl9hm{background:var(--brand);border-color:var(--brand);color:#0e1114;font-weight:700}.g-name.svelte-pyl9hm{font-size:var(--text-micro);letter-spacing:var(--track-caps);text-transform:uppercase;white-space:nowrap;font-weight:700}.g-price.svelte-pyl9hm{font-size:.9375rem;font-weight:700}.g-brand.svelte-pyl9hm{font-size:var(--text-micro);opacity:.78;border-block-start:1px solid;grid-column:1/-1;justify-content:space-between;gap:.75rem;padding-block-start:.35rem;line-height:1;display:flex}.g-brand.svelte-pyl9hm small:where(.svelte-pyl9hm){font-size:inherit;font-weight:700}.g-brand.svelte-pyl9hm b:where(.svelte-pyl9hm){font-size:inherit}@media (width<=44rem){.grades.svelte-pyl9hm{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;margin:-4px;padding:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}@supports (animation-timeline:scroll(self inline)){.grades.svelte-pyl9hm{animation:linear both svelte-pyl9hm-grades-edges;animation-timeline:scroll(self inline);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem calc(100% - 1.5rem),#0000 100%)}@keyframes svelte-pyl9hm-grades-edges{0%{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 1.5rem),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 1.5rem),#0000 100%)}to{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.5rem 100%)}}}.grades.svelte-pyl9hm::-webkit-scrollbar{display:none}.grade.svelte-pyl9hm{scroll-snap-align:start;flex:none}}@media (width<=44rem) and (prefers-reduced-motion:reduce){.grades.svelte-pyl9hm{animation:none;animation-timeline:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}}