ul.rag{list-style:none;margin:0;padding-inline:0}ul.rag li{display:block;margin:0}.rag__item{background-color:var(--color-white);overflow:clip;position:relative;transition:border-color .2s ease-in-out;opacity:.8}.rag__item[data-active=true]{opacity:1}.rag__light{transition:background-color .2s ease-in-out}.rag__item[data-active=true] .rag__light{box-shadow:0 0 .6em var(--rag-shadow-color)}.rag__item .rag__light{background-color:var(--color-gray-200)}.rag__item--red[data-active=true]{border-color:var(--color-rose-300);--rag-shadow-color: var(--color-rose-200)}.rag__item--red[data-active=true] .rag__light{background-color:var(--color-rose-500)}.rag__item--amber[data-active=true]{border-color:var(--color-yellow-300);--rag-shadow-color: var(--color-yellow-200)}.rag__item--amber[data-active=true] .rag__light{background-color:var(--color-yellow-500)}.rag__item--green[data-active=true]{border-color:var(--color-lime-300);--rag-shadow-color: var(--color-lime-200)}.rag__item--green[data-active=true] .rag__light{background-color:var(--color-lime-500)}