.cp-taste-profile{display:grid;gap:9px;margin:16px 0;padding:14px;border:1px solid rgba(6,63,64,.12);border-radius:15px;background:#f8f8f3;color:#17302e}.cp-taste-profile__row{display:grid;grid-template-columns:66px 34px minmax(80px,1fr) 38px;gap:7px;align-items:center}.cp-taste-profile__row strong{color:#063f40;font-size:11px}.cp-taste-profile__row small{color:#748480;font-size:8px}.cp-taste-profile__row>span{position:relative;display:block;height:6px;border-radius:99px;background:#dce5e1}.cp-taste-profile__row>span::after{content:"";position:absolute;left:calc(var(--cp-taste-value,0%) - 5px);top:50%;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#087f80;box-shadow:0 0 0 1px rgba(6,63,64,.12);transform:translateY(-50%)}.cp-taste-profile__row i{display:block;width:var(--cp-taste-value,0%);height:100%;border-radius:inherit;background:#087f80}.cp-taste-profile__uses{display:flex;gap:7px;flex-wrap:wrap}.cp-taste-profile__uses span{padding:6px 8px;border-radius:999px;background:#eaf0ec;color:#55706a;font-size:9px}.cp-taste-profile__uses strong{color:#063f40}.cp-taste-profile--compact{margin:12px 0 0;padding:11px;gap:7px}.cp-taste-profile--compact .cp-taste-profile__row{grid-template-columns:55px 28px minmax(60px,1fr) 32px;gap:5px}.cp-taste-profile--compact .cp-taste-profile__uses span{font-size:8px}@media(max-width:420px){.cp-taste-profile__row{grid-template-columns:58px 30px minmax(60px,1fr) 34px;gap:5px}}