.kcn{background:transparent;padding:24px 0 8px;width:100%}.kcn__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;list-style:none;margin:0;padding:8px 16px}.kcn__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.kcn__link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#ffffff73;transition:color .3s ease;cursor:pointer}.kcn__link:hover{color:#ffffffb3}.kcn__circle{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff08;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;flex-shrink:0}.kcn__circle svg{width:28px;height:28px;display:block}.kcn--active{color:#c8a97ed9;font-weight:600}.kcn--active .kcn__circle{border-color:#c8a97e80;box-shadow:0 0 10px 2px #c8a97e1f}.kcn__link:hover .kcn__circle{border-color:#ffffff38}.kcn__link:focus-visible .kcn__circle{outline:2px solid rgba(196,158,84,.6);outline-offset:3px}.kcn__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-family:inherit;text-align:center;line-height:1.2;white-space:nowrap}.kcn__circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;filter:brightness(.85) saturate(.9);transition:filter .3s ease}.kcn--active .kcn__circle img{filter:brightness(.95) saturate(1)}.kcn__link:hover .kcn__circle img{filter:brightness(.92) saturate(.95)}@media(max-width:479px){.kcn{padding:16px 0 6px}.kcn__list{gap:10px 8px;padding:6px 8px;justify-content:space-evenly}.kcn__circle{width:52px;height:52px}.kcn__circle svg{width:22px;height:22px}.kcn__label{font-size:8px;letter-spacing:.08em}}@media(max-width:359px){.kcn__list{gap:8px 4px}.kcn__circle{width:46px;height:46px}.kcn__circle svg{width:20px;height:20px}.kcn__label{font-size:7px}}@media(min-width:768px)and (max-width:1023px){.kcn__list{gap:16px}.kcn__circle{width:72px;height:72px}.kcn__circle svg{width:30px;height:30px}}@media(min-width:1200px){.kcn__list{gap:28px;padding:8px 48px}.kcn__circle{width:88px;height:88px}.kcn__circle svg{width:36px;height:36px}.kcn__label{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/application.css.map */