/* Feedback (da/feedback.html): the page's own cards. Preview only. */
.fb-hd{display:flex;align-items:center;gap:10px}.fb-hd .v-chip{margin-left:auto}
.fb-t{font:500 22px/1.15 var(--serif);letter-spacing:-.01em;color:#1A2233}
.fb-foot{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding-top:12px;border-top:1px solid #F0EEE9;font-size:12.5px;color:#5B6660;font-variant-numeric:tabular-nums}
.fb-foot .nw{white-space:nowrap}.fb-foot>.hi{flex:none;font-size:16px;color:#7A857F}.fb-foot b{font-weight:600;color:#1A2233}
.fb-k{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;font-size:12.5px;line-height:1.45;color:#2A2F3A}.fb-k b{font-weight:600;margin-right:2px}
.fb-kd{flex:none;width:15px;height:15px;margin-top:1px;border-radius:50%;background:radial-gradient(circle,#fff 0 2.5px,#00693E 3.5px);box-shadow:0 0 0 2.5px #E3F2E9}

/* the DISC team map */
.vc.w-wide[data-ms-card=feedback_disc]{width:min(620px,100%);text-align:left}
.ms-hero-obj .vc.w-wide[data-ms-card=feedback_disc]{left:auto;right:16px;top:72px}
@media (max-width:1240px){.ms-hero-obj .vc.w-wide[data-ms-card=feedback_disc]{right:0;width:min(540px,100%)}}
.fb-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.fb-q{position:relative;min-height:124px;padding:12px 14px;border-radius:16px;background:#F6F8F5;display:grid;align-content:space-between;gap:10px;transition:box-shadow .4s ease,background .4s ease}
.fb-ql{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.fb-ql b{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#1A2233}.fb-ql small{font-size:12px;color:#7A857F;font-variant-numeric:tabular-nums}
.fb-qa{display:flex;min-height:40px}
.fb-p{display:block;margin-right:-8px}.fb-p .v-av{width:40px;height:40px;box-shadow:0 0 0 2.5px #F6F8F5}
.fb-q.d{background:var(--ks-violet-bg)}.fb-q.i{background:var(--ks-blue-bg)}.fb-q.d .fb-p .v-av{box-shadow:0 0 0 2.5px var(--ks-violet-bg)}.fb-q.i .fb-p .v-av{box-shadow:0 0 0 2.5px var(--ks-blue-bg)}
.fb-q.c .fb-qa::before{content:"";width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #DCE1DB;opacity:.7}
/* effect: people land in their quadrant, then the largest group gets a thin green ring */
.ms-fx-place.in .fb-p{animation:fbLand .4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.75s + var(--d) * .09s)}
.ms-fx-place.in .fb-q.i .fb-p{animation-delay:.84s}.ms-fx-place.in .fb-q.s .fb-p{animation-delay:calc(.95s + var(--d) * .09s)}
.ms-fx-place.in .fb-q.s{animation:fbRing .4s 1.65s ease-out forwards}
@keyframes fbLand{from{opacity:0;transform:translateY(-10px) scale(.86)}to{opacity:1;transform:none}}
@keyframes fbRing{to{box-shadow:inset 0 0 0 1.5px #00A550;background:#F1F8F4}}

/* the six tests */
.vc.w-wide[data-ms-card=feedback_tests]{width:min(620px,100%)}
.fb-tests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.fb-test{display:grid;grid-template-rows:auto 64px;gap:10px;padding:12px;border-radius:16px;background:#F6F8F5}
.fb-tn{display:grid;gap:2px}.fb-tn b{font-size:14px;font-weight:600}.fb-tn small{font-size:11.5px;color:#7A857F}
.fb-tv{display:grid;place-items:center start;min-width:0}
.fb-mdisc{display:grid;grid-template-columns:repeat(2,22px);gap:4px}.fb-mdisc i{height:22px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #DCE1DB}.fb-mdisc i.on{background:#00693E;box-shadow:none}
.fb-mb5{display:flex;align-items:flex-end;gap:5px;height:52px}.fb-mb5 i{width:12px;height:var(--h);border-radius:4px;background:var(--ks-blue-2);transform-origin:bottom}.fb-mb5 i:nth-child(2){background:var(--ks-blue)}
.fb-menn{width:56px;height:56px}.fb-menn .o{fill:none;stroke:#DCE1DB;stroke-width:1.5}.fb-menn .p{fill:#fff;stroke:#BFC8C0;stroke-width:1.5}.fb-menn .p.on{fill:var(--ks-violet);stroke:var(--ks-violet)}
.fb-m16{font:500 30px/1 var(--serif);letter-spacing:.06em;color:#1A2233}
.fb-mstr{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12px}.fb-mstr li{display:flex;align-items:center;gap:5px}.fb-mstr .hi{font-size:13px;color:#00693E}
.fb-mdrv{list-style:none;margin:0;padding:0;display:grid;gap:5px;width:100%;font-size:11px;color:#5B6660}.fb-mdrv li{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:6px}
.fb-mdrv i{height:6px;border-radius:99px;background:#E4E9E3;overflow:hidden}.fb-mdrv i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ks-violet-2),var(--ks-violet));transform-origin:left}
.ms-fx-grow.in .fb-mb5 i{animation:fbGrowY .7s .45s cubic-bezier(.16,1,.3,1) both}.ms-fx-grow.in .fb-mb5 i:nth-child(2){animation-delay:.5s}.ms-fx-grow.in .fb-mb5 i:nth-child(3){animation-delay:.55s}.ms-fx-grow.in .fb-mb5 i:nth-child(4){animation-delay:.6s}.ms-fx-grow.in .fb-mb5 i:nth-child(5){animation-delay:.65s}
.ms-fx-grow.in .fb-mdrv i b{animation:msGrow .8s .7s cubic-bezier(.16,1,.3,1) both}
@keyframes fbGrowY{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* open rounds */
.vc.w-wide[data-ms-card=feedback_rounds]{width:340px}
.fb-rounds{list-style:none;margin:12px 0 0;padding:0}
.fb-rounds li{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;column-gap:10px;row-gap:6px;padding:10px 0;border-top:1px solid #F0EEE9}.fb-rounds li:first-child{border-top:0}
.fb-rn{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.fb-rn b{font-size:13px;font-weight:600}.fb-rn small{font-size:12px;color:#7A857F;font-variant-numeric:tabular-nums}
.fb-rb{display:block;height:6px;border-radius:99px;background:#EDF0EC;overflow:hidden}.fb-rb b{display:block;height:100%;border-radius:inherit;background:#00693E}
.fb-rp{font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.fb-lim{grid-column:1/-1;justify-self:start;font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:#FCEFDD;color:#8F5300}
.fb-rounds li:last-child .fb-rb b{background:#C9D1C9}

/* the peer form */
.vc.w-wide[data-ms-card=feedback_peer]{width:min(440px,100%)}
.fb-ph{display:flex;align-items:center;gap:12px}.fb-ph .v-av{width:44px;height:44px}.fb-ph>span{display:grid;gap:2px}.fb-ph small{font-size:12.5px;color:#5B6660}
.fb-st{list-style:none;margin:14px 0 0;padding:0}
.fb-st li{display:grid;gap:8px;padding:12px 0;border-top:1px solid #F0EEE9}.fb-st b{font-size:13.5px;font-weight:600}
.fb-sc{display:flex;align-items:center;gap:6px}
.fb-sc i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--sans);font-style:normal;color:#5B6660;background:#fff;box-shadow:inset 0 0 0 1.5px #DCE1DB;font-variant-numeric:tabular-nums}
.fb-sc i.on{background:#00693E;color:#fff;box-shadow:none}
.fb-sc em{margin-left:auto;font-style:normal;font-size:12px;color:#7A857F;padding:5px 10px;border-radius:99px;box-shadow:inset 0 0 0 1px #E2E4DE}
.fb-pf{display:grid;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid #F0EEE9;font-size:12.5px;color:#5B6660}
.fb-pf>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.fb-pf small{display:flex;align-items:center;gap:6px;font-size:12px;color:#7A857F}.fb-pf small .hi{font-size:14px}
.fb-pf .v-chip{font-variant-numeric:tabular-nums}
.ms-fx-flip .fb-now{opacity:0}.ms-fx-flip.in .fb-now{animation:msFadeIn .3s 1.7s forwards}

@media (max-width:720px){
  .fb-tests{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fb-q{min-height:96px;padding:10px 12px}.fb-p .v-av{width:34px;height:34px}.fb-q.d{background:var(--ks-violet-bg)}.fb-q.i{background:var(--ks-blue-bg)}.fb-q.d .fb-p .v-av{box-shadow:0 0 0 2.5px var(--ks-violet-bg)}.fb-q.i .fb-p .v-av{box-shadow:0 0 0 2.5px var(--ks-blue-bg)}
.fb-q.c .fb-qa::before{width:34px;height:34px}
  .fb-sc{gap:4px}.fb-sc i{width:26px;height:26px}
  .fb-t{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .ms-fx-place.in .fb-p,.ms-fx-grow.in .fb-mb5 i,.ms-fx-grow.in .fb-mdrv i b,.ms-fx-flip.in .fb-now{animation:none;opacity:1;transform:none}
  .ms-fx-place.in .fb-q.s{animation:none;box-shadow:inset 0 0 0 1.5px #00A550;background:#F1F8F4}
  .ms-fx-flip .fb-now{opacity:1}
}
.fb-ql .ks-dot.n{background:#C9D1C9}
.fb-st li:first-child{border-top:0}

/* 22-10 round 3: the form's next step, the result on Sofie's post (4,3 of 5, three years, against the job profile) */
.fb-rs{display:flex;align-items:baseline;gap:8px;margin-top:14px}
.fb-rs b{font:500 40px/1 var(--serif);letter-spacing:-.02em;color:#00693E;font-variant-numeric:tabular-nums}
.fb-rs span{font-size:12.5px;color:#5B6660}
.fb-yr{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px}
.fb-yr li{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:8px;font-size:12px;color:#7A857F;font-variant-numeric:tabular-nums}
.fb-yr i{height:6px;border-radius:99px;background:#EDF0EC;overflow:hidden}.fb-yr i b{display:block;height:100%;border-radius:inherit;background:#B9DCC8}
.fb-yr li.on{color:#1A2233;font-weight:600}.fb-yr li.on i b{background:#00693E}
.fb-yr em{font-style:normal;text-align:right}
.fb-jp{display:flex;align-items:center;gap:7px;margin:14px 0 0;padding-top:12px;border-top:1px solid #F0EEE9;font-size:12.5px;font-weight:600;color:#00693E}
.fb-jp .hi{flex:none;font-size:16px}
#on-the-record .ms-panel-in{row-gap:56px}
#reviews .ms-panel .vc.w-wide[data-ms-card=feedback_rounds]{width:316px}
#reviews .ms-threaded .ms-panel-in{column-gap:92px}
@media (max-width:720px){#reviews .ms-panel .vc.w-wide[data-ms-card=feedback_rounds]{width:100%}}
@media (max-width:720px){#reviews .ms-threaded .ms-panel-in,#on-the-record .ms-threaded .ms-panel-in{row-gap:68px!important}}