.list{--spotlight-size:100vw;list-style:none;margin:-10px;padding:0}.list__item{display:block;padding:10px}.list--center{display:flex;flex-direction:column;justify-content:center}.list--carousel{display:flex;margin:-10px -20px;overflow-x:scroll}.list--carousel .list__item{min-width:75vw;padding:20px 0}.list--carousel .list__item:first-of-type{margin-left:40px}.list--carousel .list__item:last-of-type{margin-right:40px}.list--carousel:before{background-color:#e6f1d7;border:1px solid #e6f1d7;border-radius:50%;content:"";height:var(--spotlight-size);left:0;position:absolute;width:var(--spotlight-size)}@media only screen and (min-width:768px){.list{--spotlight-size:350px}.list--25,.list--33,.list--50{display:flex;flex-wrap:wrap}.list--25 .list__item,.list--33 .list__item,.list--50 .list__item{flex:0 0 50%;max-width:50%}.list--25 .list__item--featured,.list--33 .list__item--featured,.list--50 .list__item--featured{flex-basis:100%;max-width:100%}.list--center{flex-direction:row}.list--carousel{flex-wrap:nowrap;overflow-x:auto}.list--carousel.list--33 .list__item{flex:0 0 33.333%;margin:0;max-width:33.333%;min-width:auto;padding:10px}.list--carousel:before{left:auto;right:50%;transform:translateX(50%)}}@media only screen and (min-width:1024px){.list{--spotlight-size:500px}.list--25 .list__item{flex:0 0 25%;max-width:25%}.list--33 .list__item{flex:0 0 33.333%;max-width:33.333%}.list--33 .list__item--featured{flex-basis:100%;max-width:100%}}