.mk-finder{--finder-accent:#a89cff;-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#21192fef,#100b1be8);border:1px solid #66507f80;border-radius:20px;flex-direction:column;align-self:center;min-width:0;min-height:550px;scroll-margin-top:104px;display:flex;overflow:hidden;box-shadow:0 30px 100px -45px #9570e850,inset 0 1px #e2d3ff0d;container:finder/inline-size}.mk-finder-header{color:#ded4ee;border-bottom:1px solid #e0d7ff14;justify-content:space-between;align-items:center;gap:16px;padding:17px 24px;font-size:.74rem;display:flex}.mk-finder-header>span:first-child{align-items:center;gap:9px;display:inline-flex}.mk-finder-header svg{color:var(--finder-accent)}.mk-finder-count{color:#aaa0bb;letter-spacing:.08em;font:.61rem ui-monospace,monospace}.mk-finder-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:20px 24px 0;list-style:none;display:grid}.mk-finder-progress li{color:#92869f;align-items:center;gap:7px;font-size:.66rem;display:flex}.mk-finder-progress-number{border:1px solid #a89cff26;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font:.56rem ui-monospace,monospace;display:grid}.mk-finder-progress li[data-current]{color:#eee6ff}.mk-finder-progress li[data-current] .mk-finder-progress-number{color:#171020;background:var(--finder-accent);border-color:var(--finder-accent)}.mk-finder-progress li[data-complete]{color:var(--finder-accent)}.mk-finder-progress button{text-align:left;padding-block:7px}.mk-finder-progress button:hover{color:#fff}.mk-finder-content{flex:1;padding:26px 24px 24px;animation:.25s both mk-finder-enter}@keyframes mk-finder-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.mk-finder-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--finder-accent);font-size:.61rem;font-weight:600;display:block}.mk .mk-finder h2{letter-spacing:-.035em;margin:13px 0 10px;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:600;line-height:1.18}.mk-finder h2:focus{outline:none}.mk .mk-finder-intro{color:#b1a7c0;margin:0 0 23px;font-size:.8rem;line-height:1.7}.mk-finder-choices{gap:10px;display:grid}.mk-finder-choice{--choice-accent:#a89cff;text-align:left;color:#eee7fa;background:#ffffff03;border:1px solid #c3a6ed29;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 17px;align-items:center;gap:13px;width:100%;min-height:79px;padding:15px 16px;transition:border-color .2s,background-color .2s;display:grid;box-shadow:inset 0 1px #ffffff04}.mk-finder-choice:hover{border-color:color-mix(in srgb,var(--choice-accent)55%,transparent);background:color-mix(in srgb,var(--choice-accent)9%,transparent)}.mk-finder-choice-icon,.mk-finder-result-icon{width:40px;height:40px;color:var(--choice-accent);background:color-mix(in srgb,var(--choice-accent)12%,transparent);border:1px solid color-mix(in srgb,var(--choice-accent)22%,transparent);border-radius:11px;place-items:center;display:grid}.mk-finder-choice-copy{gap:5px;display:grid}.mk-finder-choice-copy strong{font-size:.84rem;font-weight:550;line-height:1.4}.mk-finder-choice-copy>span{color:#aba0bb;font-size:.68rem;line-height:1.5}.mk-finder-choice>svg{color:#a99bbd;transition:transform .2s}.mk-finder-choice:hover>svg{color:var(--choice-accent);transform:translate(3px)}.mk-finder-answers .mk-finder-choice{grid-template-columns:32px minmax(0,1fr) 16px;gap:11px;min-height:61px;padding:12px 14px}.mk-finder-answers .mk-finder-choice-icon{border-radius:9px;width:32px;height:32px}.mk-finder-answers .mk-finder-choice-copy strong{font-size:.78rem}.mk-finder-product-heading{align-items:center;gap:12px;margin-top:16px;display:flex}.mk-finder-result-icon{--choice-accent:var(--finder-accent);flex:none;width:46px;height:46px}.mk .mk-finder-product-heading h2{margin:0;font-size:1.7rem}.mk-finder-availability{text-transform:uppercase;letter-spacing:.06em;color:var(--finder-accent);margin-top:5px;font-size:.58rem;display:block}.mk .mk-finder-reason{color:#b9aec9;margin:16px 0 21px;font-size:.8rem;line-height:1.75}.mk-finder-animation{border-top:1px solid #e0d7ff14;padding-top:18px}.mk-finder-animation .pw-heading p{font-size:.68rem}.mk-finder-animation .pw-stage{margin-block:10px}.mk-finder-animation .pw-phase-button{font-size:.66rem}.mk-finder-animation .pw-caption{font-size:.7rem}.mk-finder-stage-hint{color:#a99bb8;margin-top:3px;font-size:.59rem;display:block}.mk-finder-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px;display:flex}.mk-finder-actions .mk-text-link{font-size:.72rem}.mk-finder-footer{color:#ab9ebc;border-top:1px solid #e0d7ff14;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 24px;font-size:.61rem;display:flex}.mk-finder-footer :is(a,button){align-items:center;gap:5px;min-height:28px;display:inline-flex}.mk-finder-footer :is(a,button):hover{color:#eee6ff}.mk-finder-footer a{color:#b5aff7;margin-left:auto}@container finder (max-width:380px){.mk-finder-header,.mk-finder-progress{padding-inline:20px}.mk-finder-progress li{gap:5px;font-size:.6rem}.mk-finder-content{padding:24px 20px}.mk-finder-choice{grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;padding:13px 12px}.mk-finder-choice-icon{width:34px;height:34px}.mk-finder-choice-copy strong{font-size:.8rem}.mk-finder-choice-copy>span{font-size:.65rem}.mk-finder-footer{gap:4px 12px;padding-inline:20px}.mk-finder-actions{flex-direction:column;align-items:start;gap:13px}}@media (max-width:800px){.mk-finder{width:100%;max-width:560px;min-height:530px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.mk-finder-content{animation:none}.mk-finder-choice,.mk-finder-choice>svg{transition:none}}
