@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.color-item{align-items:center;aspect-ratio:1;background:#fffaf4;display:flex;height:2.5em;justify-content:center;position:relative}.color-item,.color-item:before{border:1px solid #faf7f2;border-radius:100px}.color-item:before{content:"";height:calc(100% - 6px);opacity:0;position:absolute;transition:.5s ease;width:calc(100% - 6px)}.color-item.selected:before{opacity:1}.color-item.black{border-color:#2625241a}.color-item.black:before{border-color:#262524}