@layer theme,base;@layer components{.c-chiprow{scroll-snap-type:x proximity;scroll-padding-inline:var(--c-8)}.c-chiprow>*{scroll-snap-align:start}@media not (min-width:640px){.c-chiprow{margin-inline:calc(-1 * var(--c-8));padding-inline:var(--c-8)}}.c-chiprow[data-ov=end]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 24px);mask-image:linear-gradient(270deg,#0000,#000 24px)}.c-chiprow[data-ov=start]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px);mask-image:linear-gradient(90deg,#0000,#000 24px)}.c-chiprow[data-ov=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.c-chiprow:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}}@layer utilities;