.cat-home-flavor{margin:16px auto 0;max-width:680px;padding:14px 0 9px;border-top:1px solid #f1ebdf10}.cat-home-flavor-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.cat-home-flavor small{font-size:10px;letter-spacing:.2em;color:#aaa596}.cat-home-flavor h2{margin:0;font-size:15px;font-weight:450;color:#eee7d8}.cat-home-flavor-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.cat-home-flavor-options button{position:relative;min-width:0;min-height:64px;padding:7px 2px 6px;border:1px solid color-mix(in srgb,var(--flavor) 18%,#fff0);border-radius:15px;background:color-mix(in srgb,var(--flavor) 3%,#101914);color:#c9c7bd;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:visible;transition:border-color .3s ease,background .3s ease,color .3s ease}.cat-home-flavor-options button i{position:relative;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 37% 31%,color-mix(in srgb,var(--flavor) 38%,white),var(--flavor) 58%,color-mix(in srgb,var(--flavor) 76%,#26322c));box-shadow:inset -2px -3px 5px #0002,0 0 7px color-mix(in srgb,var(--flavor) 11%,transparent);animation:flavorBreathe 5.4s cubic-bezier(.45,.05,.55,.95) infinite;transform-origin:50% 55%}.cat-home-flavor-options button i:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid color-mix(in srgb,var(--flavor) 20%,transparent);opacity:.18;animation:flavorHalo 5.4s cubic-bezier(.45,.05,.55,.95) infinite}.cat-home-flavor-options button i b{display:none}.cat-home-flavor-options button:nth-child(2) i,.cat-home-flavor-options button:nth-child(2) i:after{animation-delay:-1.05s}.cat-home-flavor-options button:nth-child(3) i,.cat-home-flavor-options button:nth-child(3) i:after{animation-delay:-2.1s}.cat-home-flavor-options button:nth-child(4) i,.cat-home-flavor-options button:nth-child(4) i:after{animation-delay:-3.15s}.cat-home-flavor-options button:nth-child(5) i,.cat-home-flavor-options button:nth-child(5) i:after{animation-delay:-4.2s}.cat-home-flavor-options button[aria-checked=true]{border-color:color-mix(in srgb,var(--flavor) 52%,#d9c9a6);background:color-mix(in srgb,var(--flavor) 6%,#101914);color:#f1eadc}.cat-home-flavor-options button[aria-checked=true] i{box-shadow:inset -2px -3px 5px #0002,0 0 10px color-mix(in srgb,var(--flavor) 24%,transparent)}.cat-home-flavor-options button[aria-checked=true] i:after{opacity:.38}.cat-home-flavor-options [data-flavor=oat]{--flavor:#d8c7aa}.cat-home-flavor-options [data-flavor=butter]{--flavor:#dfc36f}.cat-home-flavor-options [data-flavor=berry]{--flavor:#bd7885}.cat-home-flavor-options [data-flavor=blueberry]{--flavor:#8296af}.cat-home-flavor-options [data-flavor=pistachio]{--flavor:#96ad88}@keyframes flavorBreathe{0%,to{transform:translateY(0) scale(.985);filter:brightness(.96)}38%{transform:translateY(-1px) scale(1.025);filter:brightness(1.035)}62%{transform:translateY(0) scale(1.008);filter:brightness(1.01)}}@keyframes flavorHalo{0%,to{transform:scale(.9);opacity:.08}40%{transform:scale(1.12);opacity:.28}68%{transform:scale(1.02);opacity:.14}}@media(max-width:520px){.cat-home-flavor{margin-top:13px;padding-top:12px}.cat-home-flavor-heading{margin-bottom:8px}.cat-home-flavor h2{font-size:14px}.cat-home-flavor-options{gap:5px}.cat-home-flavor-options button{min-height:59px;border-radius:14px;font-size:9px}.cat-home-flavor-options button i{width:20px;height:20px}}@media(max-width:370px){.cat-home-flavor-heading{display:block}.cat-home-flavor h2{margin-top:4px;font-size:13px}.cat-home-flavor-options{gap:3px}.cat-home-flavor-options button{font-size:8px}}@media(prefers-reduced-motion:reduce){.cat-home-flavor-options button i,.cat-home-flavor-options button i:after{animation:none}}