.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;align-items:baseline;gap:.45rem;padding:.45rem .75rem;display:flex}.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}@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}}