.color-item{display:flex;flex-direction:column;align-items:center;width:120px;text-align:center}.color-item__container{position:relative;width:48px;height:48px;margin-bottom:8px}.color-item__color{position:relative;z-index:0;width:100%;height:100%;border-radius:50%}.color-item__parent-color{position:absolute;top:0;right:0;z-index:1;width:16px;height:16px;border-radius:50%}.color-item__name{font-size:14px;line-height:20px}.color-item__code{color:var(--spbSky3);font-size:12px;line-height:18px}.gradient-item{display:flex;flex-direction:column;flex-shrink:0;align-items:center;width:128px;text-align:center}.gradient-item__droplet{display:flex;justify-content:space-between;width:100%;margin-bottom:8px}.gradient-item__line{height:15px;width:100%;border-radius:7.5px;margin-bottom:8px}.gradient-item__name{font-size:14px;line-height:20px}.gradient-item__codes{color:var(--spbSky3);font-size:12px;line-height:18px}h1,h2,h3,h4,h5{margin:0}.gradient-list__group-title{margin-bottom:24px}@media screen and (min-width:768px){.gradient-list__group-title{margin-bottom:36px}}.gradient-list__list{display:flex;justify-content:start;padding-bottom:12px;flex-wrap:wrap;gap:48px}@media screen and (max-width:1023px){.gradient-list__list{flex-wrap:wrap;order:2;padding-bottom:0}}.gradient-list__description{position:relative;padding-top:11px;color:var(--spbSky3);font-size:12px;line-height:18px;text-align:center;transition:color .3s}@media screen and (max-width:1023px){.gradient-list__description{order:0;margin-bottom:18px;padding-top:0}.gradient-list__basic-group{display:flex;flex-direction:column;margin-bottom:24px}}.gradient-list__basic-group:last-child{margin-bottom:0}@media screen and (min-width:768px){.gradient-list__basic-group:last-child{padding-left:24px}}