.mfcc{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;border:0;width:min(540px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;overflow:auto;background:#f4f1ea;color:#20231f;overscroll-behavior:contain}.mfcc::backdrop{background:#0000008c}.mfcc__inner{padding:30px 26px max(30px,env(safe-area-inset-bottom));position:relative}.mfcc__close{position:absolute;right:12px;top:8px;width:48px;height:48px;font-size:32px}.mfcc__eyebrow{font-size:11px!important;letter-spacing:.2em;margin:0 0 14px!important}.mfcc h2,.mfcc h3,.mfcc legend{font-family:var(--heading-font-family);font-weight:600;letter-spacing:-.035em;line-height:1.15;text-transform:var(--heading-text-transform)}.mfcc h2{font-size:32px;margin:0 35px 14px 0}.mfcc h3,.mfcc legend{font-size:25px}.mfcc p{font-size:15px;line-height:1.5;margin:12px 0}.mfcc__progress{border-top:2px solid #c5a477;padding-top:14px}.mfcc fieldset{border:0;margin:0;padding:0;min-width:0}.mfcc legend{margin-bottom:16px}.mfcc__options{display:grid;gap:10px}.mfcc__options label{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #b8b0a3;cursor:pointer;min-height:56px}.mfcc__options label:has(:checked){border-color:#20231f;background:#e7e0d3;box-shadow:inset 3px 0 #20231f}.mfcc__options input{-webkit-appearance:auto;appearance:auto;position:static;opacity:1;width:18px;height:18px;flex-shrink:0;accent-color:#20231f}.mfcc__options img{width:52px;height:52px;object-fit:cover;flex-shrink:0}.mfcc__options strong{display:block;font-size:15px}.mfcc__options small{display:block;font-size:13px;line-height:1.4;margin-top:3px}.mfcc__actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.mfcc__actions button{min-height:48px}.mfcc__button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:#20231f;color:#fff;font-weight:600;font-size:14px;min-height:50px;text-decoration:none}.mfcc__button:disabled{opacity:.4;cursor:not-allowed}.mfcc__button svg,.mfcc-entry svg{flex-shrink:0}.mfcc__fit{font-size:13px!important;color:#565a52}.mfcc [hidden]{display:none!important}.mfcc :focus-visible,.mfcc-entry :focus-visible,.mfcc-summary :focus-visible{outline:2px solid #986c34;outline-offset:4px}.mfcc-entry{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:20px}.mfcc-entry .mf-custom__text-link{display:inline-flex;gap:10px;align-items:center;margin:0}.mfcc-entry .mf-custom__button{font-size:14px;letter-spacing:0;text-align:left}.mf-custom__choices{padding-top:30px}.mfcc-summary{grid-column:1/-1;border-left:3px solid #c5a477;background:#ebe5d9;padding:14px 16px;margin-bottom:8px;font-size:13px;line-height:1.5}.mfcc-summary p{margin:6px 0}.mfcc-summary button{text-decoration:underline;text-underline-offset:4px;min-height:44px}@media(max-width:480px){.mfcc__inner{padding:26px 18px max(26px,env(safe-area-inset-bottom))}.mfcc h2{font-size:29px}.mfcc legend{font-size:23px}.mfcc-entry{gap:12px}.mfcc-entry .mf-custom__button{width:100%}}.mf-custom .mfcc-entry button[data-mfcc-open],.mfcc .mfcc__button{-webkit-appearance:none;appearance:none;background:#20231f;color:#fff;border:1px solid #20231f}.mfcc{top:0;right:0;bottom:0;left:0;margin:auto;width:min(860px,calc(100% - 32px));max-width:calc(100% - 32px);height:fit-content;max-height:92dvh;background:#f8f6f1;color:#20201e;box-shadow:0 24px 100px #0005}.mfcc__inner{padding:36px 20px}.mfcc form{margin:0}.mfcc__eyebrow{font-weight:700;color:#6b625a}.mfcc__close{top:12px;right:12px}.mfcc h2,.mfcc h3,.mfcc legend,.mfcc__options strong,.mfcc summary{text-transform:uppercase}.mfcc h2{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:0 48px 8px 0}.mfcc legend{font-size:32px;margin-bottom:14px}.mfcc__progress{border:0;padding:0;font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:24px 0 8px!important}.mfcc__meter{display:grid;gap:6px;margin:0 0 28px}.mfcc__meter span{height:4px;background:#dfd9cf}.mfcc__meter .is-complete{background:#20201e}.mfcc__meter .is-current{background:#c87561}.mfcc__options{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.mfcc__options label{position:relative;align-items:flex-start;min-width:0;gap:12px;padding:20px;border:1px solid #d3ccc0;background:#fffdf8;min-height:74px}.mfcc__options label:hover{border-color:#8e7568}.mfcc__options label:has(:checked){background:#fffaf3;color:#20201e;border-color:#b6624f;box-shadow:inset 0 0 0 1px #b6624f}.mfcc__options input{accent-color:#a34e3b;margin:3px 0 0}.mfcc__options strong{font-size:17px;line-height:1.25;font-weight:600}.mfcc__options small{font-size:13px;line-height:1.45;color:#686159;margin-top:7px}.mfcc__options label:has(img){display:grid;grid-template-columns:32% 1fr;padding:0;align-items:center;overflow:hidden}.mfcc__options label:has(img) input{position:absolute;top:10px;right:8px;width:16px;height:16px;margin:0}.mfcc__options label:has(img)>span{padding:12px 28px 12px 10px}.mfcc__options img{width:100%;height:100%;min-height:90px;max-height:130px;object-fit:cover;aspect-ratio:16/9}.mfcc__options label:has(input[name=fastening]) img{object-position:50% 76%}.mfcc__actions{margin-top:28px;padding-top:20px;border-top:1px solid #ded7cc}.mfcc__button{text-transform:uppercase;letter-spacing:.12em;min-height:48px}.mfcc[data-result-step=true] #mfcc-title,.mfcc[data-result-step=true] #mfcc-title+p,.mfcc[data-result-step=true] .mfcc__eyebrow,.mfcc[data-result-step=true] .mfcc__meter{display:none}.mfcc .mfcc__result-eyebrow{font-size:11px;letter-spacing:.14em;line-height:16px;text-transform:uppercase;margin:0 42px 8px 0;color:#686159}.mfcc [data-mfcc-title]{font-size:34px;margin:0 40px 16px 0}.mfcc__result-image{display:block;width:100%;height:auto;aspect-ratio:2/1;max-height:260px;object-fit:cover;background:#eeeae3;margin-bottom:14px}.mfcc details{margin-top:14px;border-block:1px solid #ded7cc;padding-block:12px}.mfcc summary{font-weight:600;cursor:pointer;min-height:24px}@media(max-width:600px){.mfcc{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100dvh - 16px)}.mfcc__inner{padding:16px 8px}.mfcc__eyebrow{display:none}.mfcc h2{font-size:26px;line-height:1.1;margin:0 44px 6px 0}.mfcc legend{font-size:24px;line-height:1.15;margin-bottom:8px}.mfcc__progress{margin:6px 0!important;line-height:14px}.mfcc__meter{margin-bottom:12px}.mfcc__options{grid-template-columns:1fr;gap:6px}.mfcc__options label{padding:12px;min-height:54px;align-items:center}.mfcc__options strong{font-size:15px;line-height:18px}.mfcc__options small{font-size:12px;line-height:16px;margin-top:3px}.mfcc__options label:has(img){grid-template-columns:minmax(90px,32%) 1fr;min-height:66px}.mfcc__options img{min-height:64px;max-height:94px}.mfcc__options label:has(img)>span{padding:8px 28px 8px 10px}.mfcc__actions{margin-top:12px;padding-top:10px;gap:12px}.mfcc__actions button{min-height:44px}.mfcc__button{padding:12px 16px}.mfcc[data-photo-step=true] #mfcc-title+p{display:none}.mfcc [data-mfcc-title]{font-size:28px;margin-bottom:12px}.mfcc__result-image{max-height:180px}.mfcc [data-mfcc-result] p{font-size:13px;line-height:18px}}@media(max-width:600px)and (max-height:620px){.mfcc__inner{padding:12px 7px}.mfcc h2{font-size:24px}.mfcc legend{font-size:22px}.mfcc__meter{margin-bottom:8px}.mfcc__actions{margin-top:8px;padding-top:8px}.mfcc[data-photo-step=true] #mfcc-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.mfcc[data-photo-step=true] .mfcc__progress{padding-right:48px}.mfcc__options label{padding-block:8px}.mfcc__options label:has(img){padding:0}}@media(max-width:600px){.mfcc[data-photo-step=true] #mfcc-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.mfcc[data-photo-step=true] .mfcc__progress{padding-right:48px}}@media(max-width:360px){.mfcc__options label:has(img){grid-template-columns:72px 1fr;gap:8px}.mfcc__options label:has(img)>span{padding:6px 24px 6px 0}.mfcc__options strong{font-size:14px;line-height:17px}.mfcc__options small{font-size:11px;line-height:14px}.mfcc__options label{gap:8px;padding:8px}.mfcc__options img{min-height:58px}}@media(max-width:360px){.mfcc__options label:has(img){min-height:62px}}.mfcc__options label:has(input[value=logo]) img{object-position:50% 60%}.mfcc__options label:has(input[value=unknown]) img{object-fit:contain;background:#eee7dc}.mfcc__options label:has(input[name=fastening][value=unsure]) img{object-fit:contain;object-position:center;background:#eee7dc}@keyframes mfcc-slide-up{0%{transform:translateY(100vh);transform:translateY(100dvh)}to{transform:translateY(0)}}@keyframes mfcc-backdrop-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.mfcc[open]{animation:mfcc-slide-up .36s cubic-bezier(.22,1,.36,1)}.mfcc[open]::backdrop{animation:mfcc-backdrop-in .25s ease-out}}.mfcc [data-mfcc-next]{justify-content:center;background:#20241f;color:#fff;border-color:#20241f;border-radius:var(--button-border-radius, 0);padding:15px 22px;min-width:150px;font-size:18px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}.mfcc__back-arrow{display:none}@media(max-width:600px){.mfcc .mfcc__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:8px;width:100%;align-items:stretch}.mfcc .mfcc__actions>button{width:100%;min-width:0;min-height:48px;margin:0;justify-content:center}.mfcc .mfcc__actions [data-mfcc-back]{border:1px solid #cfc8bc;display:flex;align-items:center}.mfcc .mfcc__actions [data-mfcc-back][hidden]+[data-mfcc-next]{grid-column:1 / -1}.mfcc__back-label{display:none}.mfcc__back-arrow{display:inline;font-size:24px;line-height:1}.mfcc .mfcc__actions [data-mfcc-next]{padding:12px 10px;white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/mf-custom-chooser.css.map */