mwf-configurator{display:block;--mwf-ink: #2E2A39;--mwf-accent: #105C5C;--mwf-paper: #FDFBF7;--mwf-line: rgba(16, 92, 92, .28);--mwf-mute: rgba(46, 42, 57, .7);--mwf-view-bg: #F3EFE7}.mwf{display:flex;flex-direction:column;gap:18px;align-items:stretch;color:var(--mwf-ink);font-family:inherit}.mwf-label{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mwf-mute)}.mwf-label--split{display:flex;gap:12px}.mwf-label--sub{font-size:10px;letter-spacing:.14em}.mwf-value,.mwf-count{color:var(--mwf-accent)}.mwf-help{margin:-2px 0 0;font-size:12.5px;line-height:1.45;color:var(--mwf-mute);max-width:46ch}.mwf-field+.mwf-help{margin-top:-6px}.mwf-params{display:flex;flex-direction:column;gap:18px}.mwf-intro>:first-child{margin-top:0}.mwf-intro>:last-child{margin-bottom:0}.mwf-field{display:flex;flex-direction:column;gap:10px}.mwf-row{display:flex;flex-wrap:wrap;gap:8px}.mwf-view{position:relative;background:var(--mwf-view-bg);border-radius:12px;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}.mwf-view:active{cursor:grabbing}.mwf-canvas{display:block;width:100%;height:auto}.mwf-hint{display:flex;align-items:center;justify-content:center;gap:14px;padding:2px 0 14px;color:var(--mwf-ink);font-family:DM Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.mwf-arrow{display:block;flex-shrink:0;fill:currentColor}.mwf-exemple{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid rgba(16,92,92,.62);border-radius:999px;background:#fdfbf7d1;color:var(--mwf-accent);font-size:10px;letter-spacing:.14em;line-height:1;text-transform:uppercase;transition:opacity .18s ease,background-color .15s ease}button.mwf-exemple{cursor:pointer;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.mwf-exemple:hover{background:#fdfbf7f5;border-color:#105c5c}.mwf-exemple:focus-visible{outline:2px solid var(--mwf-accent);outline-offset:2px}.mwf-exemple.is-off{opacity:0;pointer-events:none}.mwf-croix{display:block;flex-shrink:0}.mwf-top{display:flex;flex-direction:column;gap:10px;background:#105c5c0d;border-radius:12px;padding:14px}.mwf-topcanvas{display:block;width:100%;height:auto}.mwf-photo{display:block;width:100%;min-height:0;object-fit:cover;border-radius:12px}.mwf-viewcol{display:flex;flex-direction:column;gap:12px}.mwf-swatches{display:flex;flex-wrap:wrap;gap:10px;padding:5px;margin:-5px}.mwf-swatch{position:relative;width:30px;height:30px;padding:0;border:0;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 1px #ffffff8c;transition:transform .15s ease}.mwf-swatch:hover{transform:scale(1.08)}.mwf-swatch.is-on{box-shadow:0 0 0 2px #fffffff2,0 0 0 4px var(--mwf-accent),inset 0 0 0 1px #0000002e}.mwf-swatch.is-on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;background-size:13px 13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.mwf-swatch.is-on[data-mwf-light="1"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5' fill='none' stroke='%232E2A39' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.mwf-pill{background:transparent;color:var(--mwf-ink);border:1px solid var(--mwf-line);border-radius:999px;padding:8px 14px;cursor:pointer;font-family:DM Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mwf-pill.is-on{background:var(--mwf-accent);border-color:var(--mwf-accent);color:var(--mwf-paper)}.mwf-pill[data-mwf-font]{text-transform:none;font-size:15px;letter-spacing:.02em;padding:7px 16px}.mwf-pill[data-mwf-font=Bubble]{font-size:19px}.mwf-input{width:100%;max-width:380px;height:var(--mwf-input-h, 52px);box-sizing:border-box;background:#fff;border:1px solid rgba(16,92,92,.3);border-radius:10px;color:var(--mwf-ink);padding:0 14px;font-family:DM Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.1em}.mwf-input:focus{outline:2px solid var(--mwf-accent);outline-offset:1px}.mwf-input::placeholder{color:#2e2a3999;opacity:1;font-size:13px;letter-spacing:.02em}.mwf-on-dark .mwf-input::placeholder{color:#fdfbf79e}.mwf-input[data-mwf-font]{font-size:17px;letter-spacing:.04em}.mwf-input[data-mwf-font=Bubble]{font-size:22px;letter-spacing:.02em}.mwf-input[data-mwf-font]:placeholder-shown{padding-bottom:5px}.mwf-input[data-mwf-font=Bubble]:placeholder-shown{padding-bottom:9px}.mwf-summary{display:none}.mwf-summary{margin:0;font-family:DM Mono,ui-monospace,monospace;font-size:11px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase;color:var(--mwf-mute)}.mwf-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mwf-cta{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;background:var(--mwf-accent);color:var(--mwf-paper);text-decoration:none;padding:16px 26px;border:1px solid transparent;border-radius:999px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.mwf-cta:hover{background:#0b4040;color:var(--mwf-paper)}.mwf-cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mwf-cta--ghost{background:transparent;color:var(--mwf-ink);border-color:var(--mwf-line)}.mwf-cta--ghost:hover{background:#105c5c14;color:var(--mwf-ink)}button.mwf-cta{cursor:pointer;font-family:DM Mono,ui-monospace,monospace}button.mwf-cta[disabled]{opacity:.75;cursor:default}mwf-configurator.mwf-on-dark{--mwf-ink: #FDFBF7;--mwf-mute: rgba(253, 251, 247, .75);--mwf-line: rgba(253, 251, 247, .4);--mwf-view-bg: rgba(253, 251, 247, .3)}.mwf-on-dark .mwf-value,.mwf-on-dark .mwf-count{color:#fdfbf7}.mwf-on-dark .mwf-hint{color:#10201f}.mwf-on-dark .mwf-top{background:#093a386b}.mwf-on-dark .mwf-swatch.is-on{box-shadow:0 0 0 2px #fdfbf7,0 0 0 4px var(--mwf-accent),inset 0 0 0 1px #0000002e}.mwf-on-dark .mwf-pill.is-on{background:#fdfbf7;border-color:#fdfbf7;color:var(--mwf-accent)}.mwf-on-dark .mwf-input{background:#fdfbf71a;border-color:#fdfbf759;color:#fdfbf7}.mwf-on-dark .mwf-cta{background:#fdfbf7;color:var(--mwf-accent)}.mwf-on-dark .mwf-cta:hover{background:#efeae0}.mwf-on-dark .mwf-cta--ghost{background:transparent;color:#fdfbf7;border-color:#fdfbf780}.mwf-on-dark .mwf-cta--ghost:hover{background:#fdfbf71f;color:#fdfbf7}@media(min-width:760px){.mwf-wide .mwf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"params  view" "top     view" "summary summary" "actions actions";grid-template-rows:auto auto auto auto;gap:18px 40px;align-items:start}.mwf-wide .mwf-params{grid-area:params}.mwf-wide .mwf-viewcol{grid-area:view;display:flex;flex-direction:column;justify-content:center;gap:12px;height:100%}.mwf-wide .mwf-viewcol .mwf-view{flex-shrink:0}.mwf-wide .mwf-viewcol .mwf-photo{flex:1 1 0}.mwf-wide .mwf-view,.mwf-wide .mwf-viewcol .mwf-photo{border-radius:24px}.mwf-wide .mwf-top{grid-area:top}.mwf-wide .mwf-summary{grid-area:summary}.mwf-wide .mwf-actions{grid-area:actions;align-self:start}}mwf-case-preview{display:block;width:100%;aspect-ratio:400 / 326}.mwf-mini__canvas{display:block;width:100%;height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mwf-configurator.css.map */