.mf-measure .ms{padding:18px clamp(10px,2.6vw,24px) 20px}.mf-measure .ms-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.05fr);align-items:center;gap:0}.mf-measure .ms-funnel{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-radius:16px;transition:box-shadow .4s}.mf-measure .ms-cookie{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:#f5c56a26;border:1px solid #f5c56a88;color:#ffe3a3;font-size:10.5px;font-weight:800;white-space:nowrap}.mf-measure .ms-cookie i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a2800 0 1.5px,transparent 2px),radial-gradient(circle at 65% 60%,#3a2800 0 1.5px,transparent 2px),#f5c56a}.mf-measure .ms-bars{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.mf-measure .ms-bar{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--i) * 7.5%);min-height:26px;padding:2px 8px;border-radius:8px;background:linear-gradient(90deg,#1c6f93,#2596b8 50%,#1c6f93);border:1px solid #79d9f155;color:#eaf7ff;font-size:11.5px;text-align:center;opacity:.55;transition:opacity .35s,box-shadow .35s}.mf-measure .ms-bar b{font-weight:800;white-space:nowrap}.mf-measure[data-step="1"] .ms-b1{opacity:1;box-shadow:0 0 0 1px #79d9f1,0 0 16px -2px #2fb7da}.mf-measure:is([data-step="2"],[data-step="3"],[data-step="4"]) .ms-bar{opacity:1}.mf-measure[data-step="2"] .ms-bar{animation:ms-light .5s ease calc(.3s + var(--i) * .35s) backwards}@keyframes ms-light{0%{opacity:.55;box-shadow:none}50%{box-shadow:0 0 0 1px #79d9f1,0 0 18px #2fb7da}}.mf-measure .ms-drops{position:absolute;left:50%;top:40px;bottom:10px;width:0;pointer-events:none}.mf-measure .ms-drops i{position:absolute;left:-5px;top:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #79d9f1;opacity:0}.mf-measure[data-step="1"] .ms-drops i:first-child{animation:ms-drop-1 1.4s ease-in .6s 2 both}@keyframes ms-drop-1{0%{top:-12px;opacity:0}30%{opacity:1}to{top:8px;opacity:0}}.mf-measure:is([data-step="2"],[data-step="4"]) .ms-drops i{animation:ms-fall 2.4s ease-in 3 both}.mf-measure:is([data-step="2"],[data-step="4"]) .ms-drops i:nth-child(2){animation-name:ms-fall-out-a;animation-delay:.6s}.mf-measure:is([data-step="2"],[data-step="4"]) .ms-drops i:nth-child(3){animation-delay:1.2s}.mf-measure:is([data-step="2"],[data-step="4"]) .ms-drops i:nth-child(4){animation-name:ms-fall-out-b;animation-delay:1.8s}@keyframes ms-fall{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes ms-fall-out-a{0%{top:0;opacity:0;translate:0 0}10%{opacity:1}40%{top:38%;translate:0 0;opacity:1}70%{top:44%;translate:60px 0;opacity:0}to{top:44%;translate:60px 0;opacity:0}}@keyframes ms-fall-out-b{0%{top:0;opacity:0;translate:0 0}10%{opacity:1}62%{top:66%;translate:0 0;opacity:1}90%{top:72%;translate:-60px 0;opacity:0}to{top:72%;translate:-60px 0;opacity:0}}.mf-measure .ms-once{position:absolute;right:-4px;top:44px;padding:2px 8px;border-radius:8px;background:#0b2e49f2;border:1px solid #79d9f1;color:#eaf7ff;font-size:10.5px;font-weight:800;white-space:nowrap}.mf-measure .ms-once.is-at{animation:ms-pop .45s cubic-bezier(.3,1.6,.5,1) 1.2s both}@keyframes ms-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.mf-measure .ms-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#051c30b8;color:#ffd2c4;font-size:14px;font-weight:900;letter-spacing:.12em;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}.mf-measure[data-step="5"] .ms-off{opacity:1;visibility:visible;transition:opacity .4s 1.2s,visibility 0s linear 1.2s}.mf-measure .ms-link{position:relative;height:10px;margin:0 6px}.mf-measure .ms-link:before{content:"";position:absolute;left:0;right:7px;top:4px;height:2px;background:repeating-linear-gradient(90deg,var(--mf-glow) 0 6px,transparent 6px 10px);opacity:.75}.mf-measure .ms-link:after{content:"";position:absolute;right:0;top:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--mf-glow)}.mf-measure .ms-link.is-hot:before{opacity:1;animation:mf-dash-x .5s linear 8}.mf-measure .ms-cards{display:flex;flex-direction:column;gap:10px;min-width:0}.mf-measure .ms-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--mf-edge);border-radius:14px;background:linear-gradient(165deg,#ffffff1c,#ffffff05);transition:opacity .45s ease,translate .45s ease,visibility 0s,border-color .35s,box-shadow .35s}.mf-measure.is-ready .ms-card.is-in:not(.is-hot){opacity:.62}.mf-measure .ms-card.is-hot{border-color:#79d9f1;box-shadow:0 0 0 1px #79d9f1aa,0 0 24px -6px #2fb7da}.mf-measure .ms-card-head{color:#f2fbff;font-size:12.5px;font-weight:800}.mf-measure .ms-note{color:var(--mf-dim);font-size:10.5px;line-height:1.45}.mf-measure .ms-chips{display:flex;flex-wrap:wrap;gap:5px}.mf-measure .ms-chips s{padding:1px 8px;border-radius:7px;border:1px solid #ff9d7e77;background:#ff9d7e14;color:#ffd2c4;font-size:10.5px;font-weight:700;text-decoration:line-through;text-decoration-color:var(--mf-coral);text-decoration-thickness:2px}.mf-measure .ms-exclude.is-hot s{animation:ms-strike .5s ease calc(.6s + var(--i) * .3s) backwards}@keyframes ms-strike{0%{text-decoration-color:transparent;background:#ffffff14;border-color:#9fdcf055;color:#eaf7ff}}.mf-measure .ms-dash{display:flex;align-items:flex-end;gap:4px;height:28px;padding:0 4px;border-bottom:2px solid #9fdcf055}.mf-measure .ms-dash i{width:12px;border-radius:3px 3px 0 0;background:linear-gradient(#79d9f1,#2596b8);transform-origin:bottom}.mf-measure .ms-dash i:nth-child(1){height:95%}.mf-measure .ms-dash i:nth-child(2){height:74%}.mf-measure .ms-dash i:nth-child(3){height:55%}.mf-measure .ms-dash i:nth-child(4){height:40%}.mf-measure .ms-dash i:nth-child(5){height:24%}.mf-measure .ms-ops.is-hot .ms-dash i{animation:ms-grow .6s ease backwards}.mf-measure .ms-ops.is-hot .ms-dash i:nth-child(1){animation-delay:1.2s}.mf-measure .ms-ops.is-hot .ms-dash i:nth-child(2){animation-delay:1.35s}.mf-measure .ms-ops.is-hot .ms-dash i:nth-child(3){animation-delay:1.5s}.mf-measure .ms-ops.is-hot .ms-dash i:nth-child(4){animation-delay:1.65s}.mf-measure .ms-ops.is-hot .ms-dash i:nth-child(5){animation-delay:1.8s}@keyframes ms-grow{0%{scale:1 0}}.mf-measure .ms-switch-row{display:flex;align-items:center;gap:8px}.mf-measure .ms-switch{position:relative;flex:none;width:38px;height:20px;border-radius:999px;background:#35d0c4}.mf-measure .ms-switch i{position:absolute;top:2px;left:20px;width:16px;height:16px;border-radius:50%;background:#fff}.mf-measure .ms-swap{display:grid}.mf-measure .ms-swap>*{grid-area:1/1;font-size:12px;font-weight:800}.mf-measure .ms-on{color:#9af3e6}.mf-measure .ms-off-label{color:#ffd2c4;opacity:0}.mf-measure[data-step="5"] .ms-switch{background:#5b7487;animation:ms-bg .01s linear 1s backwards}.mf-measure[data-step="5"] .ms-switch i{left:2px;animation:ms-knob .3s ease 1s backwards}.mf-measure[data-step="5"] .ms-on{opacity:0;animation:ms-was .01s linear 1s backwards}.mf-measure[data-step="5"] .ms-off-label{opacity:1;animation:ms-now .3s ease 1s backwards}@keyframes ms-bg{0%{background:#35d0c4}}@keyframes ms-knob{0%{left:20px}}@keyframes ms-was{0%{opacity:1}}@keyframes ms-now{0%{opacity:0}}@media(max-width:720px){.mf-measure .ms{padding:14px 10px 16px}.mf-measure .ms-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 30px auto}.mf-measure .ms-link{width:10px;height:auto;align-self:stretch;justify-self:center;margin:0}.mf-measure .ms-link:before{inset:2px auto 8px 4px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--mf-glow) 0 6px,transparent 6px 10px)}.mf-measure .ms-link:after{inset:auto auto 0 0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--mf-glow);border-bottom:0}.mf-measure .ms-link.is-hot:before{animation-name:mf-dash-y}.mf-measure .ms-bar{font-size:11px;min-height:24px}.mf-measure .ms-once{right:0;top:36px}}
