@property --rail-fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --rail-fade-r{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll(self inline)) and (animation-duration:auto) and (mask-image:linear-gradient(90deg,#000,#0000)){@keyframes rail-edges{0%{--rail-fade-l:0px;--rail-fade-r:28px}8%,92%{--rail-fade-l:28px;--rail-fade-r:28px}to{--rail-fade-l:28px;--rail-fade-r:0px}}.chips-rail,.material-rail,.rail-edges,.swatch-rail{--rail-fade-l:0px;--rail-fade-r:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--rail-fade-l),#000 calc(100% - var(--rail-fade-r)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--rail-fade-l),#000 calc(100% - var(--rail-fade-r)),transparent 100%);animation:rail-edges linear both;animation-timeline:scroll(self inline);animation-duration:auto}@media (prefers-reduced-motion:reduce){.chips-rail,.material-rail,.rail-edges,.swatch-rail{animation-duration:auto!important}}@media print{.chips-rail,.material-rail,.rail-edges,.swatch-rail{-webkit-mask-image:none;mask-image:none}}@media (forced-colors:active){.chips-rail,.material-rail,.rail-edges,.swatch-rail{-webkit-mask-image:none;mask-image:none}}}@supports selector(:has(*)){.chips-rail:has(:focus-visible),.material-rail:has(:focus-visible),.rail-edges:has(:focus-visible),.swatch-rail:has(:focus-visible){-webkit-mask-image:none;mask-image:none}.field:has(>.field-error)>.label,.field:has([aria-invalid=true])>.label{color:var(--danger)}.qp-check:has(input:checked){border-color:var(--accent);background:var(--accent-tint)}}