/* Common visual language for public pages, checkout and private workspaces. Store colors stay supplied by the active theme. */ body.maquette-app .action-card .section-heading-title { justify-content: center; } body.maquette-app .action-card .section-heading-title > .section-title-text { flex: 0 1 auto; text-align: left; } body.maquette-app .application-workspace { --workspace-radius: 24px; --workspace-card-radius: 18px; --workspace-heading: 23px; --workspace-padding: 30px; } body.maquette-app .application-workspace :is(.page-accueil,.page-recherche,.page-detail,.page-checkout,.page-payment-result,.bank-page,.contact-page,.account-login-page,.legal-page) { max-width: 1400px; margin-inline: auto; min-width: 0; } body.maquette-app .application-workspace .hero { padding: 32px 36px; gap: 24px; border: 1px solid var(--line); border-radius: var(--workspace-radius); background: linear-gradient(115deg,var(--soft),var(--white) 70%); box-shadow: none; } body.maquette-app .application-workspace .hero::after { display: none; } body.maquette-app .application-workspace .hero h1 { margin: 8px 0 12px; font-size: clamp(26px,3vw,36px); line-height: 1.25; color: var(--text); } body.maquette-app .application-workspace .hero p:not(.eyebrow) { font-size: 14px; line-height: 1.65; color: var(--muted); } body.maquette-app .application-workspace :is(.section-header,.contact-card-header,.store-panel-heading) h2 { font-size: var(--workspace-heading); line-height: 1.3; } body.maquette-app .application-workspace .section-title-icon { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; font-size: 20px; } body.maquette-app .application-workspace :is(.checkout-card,.contact-card,.search-results-panel,.info-card,.intro-card,.legal-page > article) { border: 1px solid var(--line); border-radius: var(--workspace-card-radius); background: var(--white); box-shadow: none; } body.maquette-app .application-workspace :is(.checkout-card,.contact-card,.search-results-panel) { padding: var(--workspace-padding); } body.maquette-app .application-workspace :is(.hero-stat,.step,.intro-card) { border-radius: 16px; } body.maquette-app .application-workspace :is(.section-header,.contact-card-header) > p { font-size: 13px; line-height: 1.6; } body.maquette-app .application-workspace :is(.btn,.maquette-btn) { min-height: 46px; padding: 12px 18px; border-radius: 14px; font-size: 14px; line-height: 1.45; font-weight: 600; } body.maquette-app .application-workspace :is(.contact-field,.account-login-form,.legal-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border: 1px solid var(--line); border-radius: 11px; background: var(--white); font: inherit; font-size: 14px; min-height: 46px; padding: 12px; max-width: 100%; } body.maquette-app .application-workspace :is(button,a,input,select,textarea):focus-visible { outline: 2px solid var(--muted); outline-offset: 3px; } @media(max-width:1000px) { body.maquette-app .application-workspace { --workspace-padding: 24px; } } @media(max-width:700px) { body.maquette-app .application-workspace { --workspace-radius: 20px; --workspace-card-radius: 16px; --workspace-padding: 20px; --workspace-heading: 21px; } body.maquette-app .application-workspace .hero { padding: 24px 20px; gap: 16px; } body.maquette-app .application-workspace .hero h1 { font-size: 27px; overflow-wrap: anywhere; } body.maquette-app .application-workspace .hero p:not(.eyebrow) { font-size: 13px; } body.maquette-app .application-workspace .section-title-icon { width: 40px; height: 40px; flex-basis: 40px; font-size: 18px; } body.maquette-app .application-workspace :is(.btn,.maquette-btn) { min-height: 46px; } body.maquette-app .application-workspace :is(.contact-field,.account-login-form,.legal-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 16px; } } /* Keep bank errors readable even when the provider returns a detailed message. */ body.maquette-app .application-workspace .bank-error-card { width: 100%; box-sizing: border-box; grid-template-columns: 68px minmax(0,1fr); } body.maquette-app .application-workspace .bank-error-card > div { min-width: 0; } body.maquette-app .application-workspace .bank-error-card h1 { font-size: clamp(22px,3vw,30px); line-height: 1.3; overflow-wrap: break-word; } body.maquette-app .application-workspace .bank-error-card p:not(.eyebrow) { font-size: 15px; line-height: 1.6; } @media(max-width:500px) { body.maquette-app .application-workspace .bank-error-card { grid-template-columns: minmax(0,1fr); padding: 20px; } } /* A single, compact gap below the floating header across all routes. */ body.maquette-app { padding-top:calc(var(--workspace-header-initial-height,110px) + 8px); } body.maquette-app > .app { padding-top:0; } body.maquette-app .application-workspace > *, body.maquette-app .application-workspace .store-page, body.maquette-app .application-workspace :is(.page-accueil,.page-recherche,.page-detail,.page-checkout,.page-payment-result,.bank-page,.contact-page,.account-login-page,.legal-page) { margin-top:0; } body.maquette-app .application-workspace .store-page > .hero:first-child, body.maquette-app .application-workspace > .hero:first-child { margin-top:0; } /* Participant catalogue: a lighter welcome and direct access to gifting. */ body.maquette-app .participant-page .hero { display:block; padding:24px 28px; } body.maquette-app .participant-page .hero h1 { font-size:clamp(24px,2.6vw,34px); margin:4px 0 10px; } body.maquette-app .participant-page .hero-parent-message { margin-top:14px; padding:12px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .participant-page .hero-parent-message-icon { display:none; } body.maquette-app .participant-page .hero-parent-message-content h2 { font-size:15px; margin:0 0 6px; } body.maquette-app .participant-page .hero-parent-message-content > div { font-size:14px; line-height:1.6; } body.maquette-app .participant-journey { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:14px 4px; font-size:12px; color:var(--muted); } body.maquette-app .participant-journey a { margin-right:auto; display:flex; gap:7px; align-items:center; color:var(--bb9-green); min-height:36px; } body.maquette-app .participant-journey [aria-current] { color:var(--text); font-weight:600; } body.maquette-app .participant-page .list-section-panel { padding:22px; margin-top:14px; box-shadow:none; } body.maquette-app .participant-page .list-section-panel .section-header { margin-bottom:14px; } body.maquette-app .participant-page .section-heading-title { font-size:21px; } body.maquette-app .participant-page .section-heading-title small { font:inherit; color:var(--muted); font-weight:400; } body.maquette-app .participant-page .participation-card { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:0; background:transparent; border:0; box-shadow:none; } body.maquette-app .participant-page .participation-card .amount-options { display:flex; gap:8px; margin:0; } body.maquette-app .participant-page .participation-card .amount-options button { min-height:44px; padding:9px 16px; border-radius:10px; } body.maquette-app .participant-page .participation-card .amount-field { flex:1 1 160px; margin:0; } body.maquette-app .participant-page .participation-card .amount-field input { width:100%; min-height:44px; margin:0; padding:10px 12px; font-size:16px; border-radius:10px; } body.maquette-app .participant-page .participation-card > .maquette-btn { width:auto; min-height:44px; margin:0; padding:10px 18px; border-radius:10px; } body.maquette-app .participant-catalogue-tools { display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center; gap:10px; padding:0 0 16px; } body.maquette-app .participant-catalogue-tools label { display:flex; align-items:center; gap:8px; margin:0; font-size:12px; color:var(--muted); } body.maquette-app .participant-catalogue-tools select,body.maquette-app .participant-catalogue-tools button { min-height:40px; border:1px solid var(--line); background:var(--white); color:var(--text); padding:8px 10px; border-radius:10px; font:inherit; font-size:12px; } body.maquette-app .participant-catalogue-tools button { display:flex; align-items:center; gap:7px; } body.maquette-app .participant-page .gift-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } body.maquette-app .participant-page .gift-card { padding:14px; border-radius:16px; border:1px solid var(--line); box-shadow:none; gap:10px; background:var(--white); min-width:0; } body.maquette-app .participant-page .gift-media { min-height:0; height:200px; border-radius:12px; background:var(--white); } body.maquette-app .participant-page .gift-media img { width:100%; height:100%; object-fit:contain; } body.maquette-app .participant-page .gift-content { padding:0; gap:4px; } body.maquette-app .participant-page .gift-content strong { font-size:13px; line-height:1.45; } body.maquette-app .participant-page .gift-content > span { font-size:11px; color:var(--muted); } body.maquette-app .participant-page .gift-card > .maquette-btn { width:100%; min-height:44px; margin:0; padding:10px; border-radius:10px; font-size:13px; } @media(max-width:1000px) { body.maquette-app .participant-page .gift-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:700px) { body.maquette-app .participant-page .hero { padding:20px; } body.maquette-app .participant-page .list-section-panel { padding:16px; } body.maquette-app .participant-page .gift-grid { gap:10px; } body.maquette-app .participant-page .gift-card { padding:10px; gap:8px; } body.maquette-app .participant-page .gift-media { height:150px; } body.maquette-app .participant-page .section-heading-title { font-size:18px; } body.maquette-app .participant-page .participation-card .amount-options { width:100%; } body.maquette-app .participant-page .participation-card .amount-options button { flex:1; } body.maquette-app .participant-page .participation-card > .maquette-btn { flex:1; } body.maquette-app .participant-catalogue-tools { justify-content:space-between; } body.maquette-app .participant-catalogue-tools select { max-width:160px; font-size:14px; } body.maquette-app .participant-catalogue-tools button span { display:none; } body.maquette-app .participant-journey { gap:8px; font-size:11px; } body.maquette-app .participant-page .gift-card .product-prices { gap:3px; } body.maquette-app .participant-page .gift-card .product-price-final strong { font-size:19px; } } @media(max-width:359px) { body.maquette-app .participant-page .gift-grid { grid-template-columns:minmax(0,1fr); } } /* Visible participant breadcrumb immediately below the site header. */ body.maquette-app .participant-route { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0 0 16px; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--white); } body.maquette-app .participant-route-step { display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; padding:8px 4px; color:var(--muted); font-size:12px; line-height:1.3; } body.maquette-app .participant-route-step b { display:grid; place-items:center; flex:0 0 26px; height:26px; border:1px solid var(--line); border-radius:50%; font-size:12px; } body.maquette-app .participant-route-step.is-current { color:var(--bb9-green); background:var(--soft); border-radius:10px; font-weight:600; } body.maquette-app .participant-route-step.is-current b { color:var(--white); background:var(--bb9-green); border-color:var(--bb9-green); } body.maquette-app .participant-route-step.is-done { color:var(--bb9-green); } @media(max-width:700px) { body.maquette-app .participant-route { gap:2px; padding:8px 3px; margin-bottom:12px; border-radius:12px; } body.maquette-app .participant-route-step { flex-direction:column; gap:5px; font-size:10px; padding:6px 1px; text-align:center; overflow-wrap:anywhere; } body.maquette-app .participant-route-step b { flex-basis:26px; width:26px; } } /* Shared radius scale across the participant funnel, respecting store themes. */ body.maquette-app .application-workspace { --participant-panel-radius:var(--brand-radius,24px); --participant-card-radius:calc(var(--participant-panel-radius) * .75); --participant-control-radius:calc(var(--participant-panel-radius) * .45); } body.maquette-app .application-workspace :is(.page-recherche,.page-detail,.page-caddy,.bank-page,.page-payment-result) :is(.hero,.search-results-panel,.list-section-panel,.checkout-card,.payment-result-card), body.maquette-app .application-workspace .participant-route { border-radius:var(--participant-panel-radius); } body.maquette-app .application-workspace :is(.page-recherche,.page-detail,.page-caddy,.bank-page,.page-payment-result) :is(.result,.gift-card,.participation-card,.cart-page-item,.message-card,.empty-state) { border-radius:var(--participant-card-radius); } body.maquette-app .application-workspace .participant-route-step.is-current, body.maquette-app .application-workspace .participant-page .gift-media { border-radius:var(--participant-control-radius); } /* Single-purpose search surface: no introductory card or nested empty card. */ body.maquette-app .page-recherche .search-results-panel { padding:28px; margin-top:0; } body.maquette-app .participant-search-heading { margin-bottom:22px; } body.maquette-app .participant-search-heading h1 { margin:0 0 8px; font-size:clamp(24px,2.5vw,32px); line-height:1.25; } body.maquette-app .participant-search-heading p { margin:0; color:var(--muted); font-size:14px; } body.maquette-app .page-recherche .search-results-panel .search-card { display:block; padding:0; margin:0; border:0; background:transparent; box-shadow:none; } body.maquette-app .page-recherche .search-input { display:flex; align-items:center; gap:12px; min-height:52px; padding:0 16px; border:1px solid var(--line); border-radius:var(--participant-control-radius); background:var(--soft); } body.maquette-app .page-recherche .search-input:focus-within { outline:2px solid var(--bb9-green); outline-offset:2px; } body.maquette-app .page-recherche .search-input input { min-width:0; width:100%; padding:14px 0; border:0; outline:0; background:transparent; color:var(--text); font:inherit; font-size:16px; } body.maquette-app .page-recherche .search-hint { display:block; margin:10px 0 0; font-size:12px; font-weight:400; color:var(--muted); } body.maquette-app .page-recherche .results { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:20px; } body.maquette-app .page-recherche .results .result { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; margin:0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .page-recherche .result-content { min-width:0; } body.maquette-app .page-recherche .result-content h3 { margin:0 0 5px; font-size:17px; color:var(--text); } body.maquette-app .page-recherche .result-content strong { display:block; font-size:13px; font-weight:400; color:var(--muted); } body.maquette-app .page-recherche .result-content small { font-size:11px; color:var(--muted); } body.maquette-app .page-recherche .result > .maquette-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; flex:0 0 auto; width:auto; min-height:44px; margin:0; padding:10px 16px; border-radius:var(--participant-control-radius); font-size:13px; } body.maquette-app .page-recherche .search-results-panel > .empty-state { margin:20px 0 0; padding:20px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } @media(max-width:700px) { body.maquette-app .page-recherche .search-results-panel { padding:20px 16px; } body.maquette-app .participant-search-heading { margin-bottom:18px; } body.maquette-app .page-recherche .results .result { flex-wrap:wrap; gap:12px; } body.maquette-app .page-recherche .result-content { flex:1 1 100%; } body.maquette-app .page-recherche .result > .maquette-btn { width:100%; } } @media(min-width:1000px) { body.maquette-app .page-recherche .results { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; } body.maquette-app .page-recherche .results .result { min-width:0; } body.maquette-app .page-recherche .result-content { flex:1; overflow-wrap:anywhere; } } /* Parent-selected list decoration uses only supplied patterns and theme colors. */ body.maquette-app .welcome-design,body.maquette-app .participant-welcome { --decor-color:color-mix(in srgb,var(--bb9-green) 15%,transparent); background-color:var(--white); background-position:right center; background-repeat:repeat; } body.maquette-app :is(.welcome-design,.participant-welcome) { position:relative; isolation:isolate; overflow:hidden; } body.maquette-app :is(.welcome-design,.participant-welcome) > * { position:relative; z-index:1; } body.maquette-app :is(.welcome-design,.participant-welcome)[class*="welcome-decor-"] { background-image:linear-gradient(120deg,var(--soft),var(--white) 80%); background-size:auto; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card)::before { content:""; position:absolute; inset:0; border-radius:inherit; background:var(--bb9-green); opacity:.16; pointer-events:none; z-index:0; mask-repeat:repeat; mask-size:240px 180px; -webkit-mask-repeat:repeat; -webkit-mask-size:240px 180px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-plain::before { content:none; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-clouds::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2046c-12%200-12-17-1-18%202-16%2025-19%2030-3%2017-4%2024%2021%205%2021zM143%20133c-15%200-15-20-1-21%203-19%2030-20%2035-3%2019-4%2025%2024%204%2024z%22%2F%3E%3Cpath%20d%3D%22M180%2032v9m-5-4h10M71%20126v9m-5-4h10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2046c-12%200-12-17-1-18%202-16%2025-19%2030-3%2017-4%2024%2021%205%2021zM143%20133c-15%200-15-20-1-21%203-19%2030-20%2035-3%2019-4%2025%2024%204%2024z%22%2F%3E%3Cpath%20d%3D%22M180%2032v9m-5-4h10M71%20126v9m-5-4h10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-leaves::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M29%2085Q73%2065%2072%2021Q33%2025%2029%2085ZM29%2085Q7%2057%2013%2035Q37%2043%2029%2085ZM164%20169Q206%20147%20206%20106Q164%20111%20164%20169ZM164%20169Q142%20141%20147%20120Q172%20126%20164%20169Z%22%2F%3E%3Cpath%20d%3D%22M30%2092l26-46m109%20129%2025-45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M29%2085Q73%2065%2072%2021Q33%2025%2029%2085ZM29%2085Q7%2057%2013%2035Q37%2043%2029%2085ZM164%20169Q206%20147%20206%20106Q164%20111%20164%20169ZM164%20169Q142%20141%20147%20120Q172%20126%20164%20169Z%22%2F%3E%3Cpath%20d%3D%22M30%2092l26-46m109%20129%2025-45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-stars::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m40%2019%205%2013%2014%201-11%209%203%2014-11-8-12%208%204-14-11-9%2014-1Zm139%2092%204%2010%2011%201-9%207%203%2011-9-6-9%206%203-11-9-7%2011-1Z%22%2F%3E%3Cpath%20d%3D%22M142%2017a22%2022%200%201%200%2026%2031A24%2024%200%200%201%20142%2017Z%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%22116%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22213%22%20cy%3D%2265%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%22152%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m40%2019%205%2013%2014%201-11%209%203%2014-11-8-12%208%204-14-11-9%2014-1Zm139%2092%204%2010%2011%201-9%207%203%2011-9-6-9%206%203-11-9-7%2011-1Z%22%2F%3E%3Cpath%20d%3D%22M142%2017a22%2022%200%201%200%2026%2031A24%2024%200%200%201%20142%2017Z%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%22116%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22213%22%20cy%3D%2265%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%22152%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-waves::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2070a40%2040%200%200%201%2080%200m-69%200a29%2029%200%200%201%2058%200m-47%200a18%2018%200%200%201%2036%200M144%20149a34%2034%200%200%201%2068%200m-58%200a24%2024%200%200%201%2048%200m-38%200a14%2014%200%200%201%2028%200%22%2F%3E%3Cpath%20d%3D%22M129%2030c-12-14-24%204%200%2018%2024-14%2012-32%200-18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2070a40%2040%200%200%201%2080%200m-69%200a29%2029%200%200%201%2058%200m-47%200a18%2018%200%200%201%2036%200M144%20149a34%2034%200%200%201%2068%200m-58%200a24%2024%200%200%201%2048%200m-38%200a14%2014%200%200%201%2028%200%22%2F%3E%3Cpath%20d%3D%22M129%2030c-12-14-24%204%200%2018%2024-14%2012-32%200-18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-confetti::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M30%2035c-12-14-24%204%200%2018%2024-14%2012-32%200-18ZM174%20120c-9-11-19%203%200%2014%2019-11%209-25%200-14Z%22%2F%3E%3Cpath%20d%3D%22m115%2024%203%208%208%201-6%205%202%208-7-5-7%205%202-8-6-5%208-1ZM55%20125v9m-5-4h10M201%2046v9m-5-4h10%22%2F%3E%3Ccircle%20cx%3D%2296%22%20cy%3D%2290%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%22161%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22180%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M30%2035c-12-14-24%204%200%2018%2024-14%2012-32%200-18ZM174%20120c-9-11-19%203%200%2014%2019-11%209-25%200-14Z%22%2F%3E%3Cpath%20d%3D%22m115%2024%203%208%208%201-6%205%202%208-7-5-7%205%202-8-6-5%208-1ZM55%20125v9m-5-4h10M201%2046v9m-5-4h10%22%2F%3E%3Ccircle%20cx%3D%2296%22%20cy%3D%2290%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%22161%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } body.maquette-app .participant-page .participant-welcome { display:flex; gap:24px; align-items:center; } body.maquette-app .participant-welcome .hero-main { flex:1; min-width:0; } body.maquette-app .welcome-portrait { display:grid; place-items:center; flex:0 0 108px; width:108px; height:108px; border:3px solid var(--white); border-radius:50%; background:var(--soft); font-size:58px; box-shadow:0 4px 18px rgba(0,40,40,.08); overflow:hidden; } body.maquette-app .welcome-portrait img { width:100%; height:100%; object-fit:cover; } @media(max-width:700px) { body.maquette-app .participant-page .participant-welcome { flex-direction:column; align-items:flex-start; gap:14px; } body.maquette-app .welcome-portrait { flex-basis:76px; width:76px; height:76px; font-size:42px; } } /* Keep the owner preview and public welcome on exactly the same layout rules. */ body.maquette-app .participant-welcome { display:flex; align-items:center; gap:24px; padding:24px 28px; border:1px solid var(--line); border-radius:var(--workspace-radius,var(--brand-radius,24px)); overflow-wrap:anywhere; } body.maquette-app .participant-welcome .hero-main { width:auto; max-width:none; min-width:0; } body.maquette-app .participant-welcome .eyebrow { margin:0 0 14px; font-size:12px; line-height:1.5; font-weight:700; text-transform:uppercase; color:var(--muted); } body.maquette-app .participant-welcome .welcome-parent-names { margin:4px 0 10px; font-size:clamp(24px,2.6vw,34px); line-height:1.25; color:var(--text); font-family:var(--font-heading,inherit); } body.maquette-app .participant-welcome .hero-parent-message { margin-top:14px; padding:12px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .participant-welcome .hero-parent-message-content h2 { margin:0 0 6px; font-size:15px; line-height:1.4; color:var(--text); } body.maquette-app .participant-welcome .hero-parent-message-content > div, body.maquette-app .participant-welcome .hero-parent-message-content p { margin:0; font-size:14px; line-height:1.6; color:var(--muted); } @media(max-width:700px) { body.maquette-app .participant-welcome { flex-direction:column; align-items:flex-start; gap:14px; padding:20px; } } body.maquette-app [welcome-avatar] { display:grid; place-items:center; width:100%; height:100%; color:var(--bb9-green); } body.maquette-app [welcome-avatar] svg { display:block; width:100%; height:100%; overflow:visible; } body.maquette-app .family-face { fill:var(--white); stroke:currentColor; stroke-width:1.5; } body.maquette-app .family-shirt { fill:currentColor; opacity:.8; } body.maquette-app .family-hair { fill:currentColor; } body.maquette-app .family-ink { fill:var(--text); } body.maquette-app .family-line { fill:none; stroke:var(--text); stroke-width:1.5; stroke-linecap:round; } body.maquette-app .family-bow { fill:var(--bb9-pink); } /* Illustrated toy and nursery collections share the active theme ink. */ body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-little-cars::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M7%2028h4l6-10h19l8%2010h5v15H7Zm7%200h28M26%2019v9%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M7%2028h4l6-10h19l8%2010h5v15H7Zm7%200h28M26%2019v9%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M7%2028h4l6-10h19l8%2010h5v15H7Zm7%200h28M26%2019v9%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M7%2028h4l6-10h19l8%2010h5v15H7Zm7%200h28M26%2019v9%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2243%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-space-adventure::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M29%205Q10%2020%2020%2043h18Q48%2020%2029%205ZM19%2029l-9%2013%2011-3m18-10%209%2013-11-3M24%2048l5%209%205-9%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2224%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22M35%205a25%2025%200%201%200%2020%2036A28%2028%200%200%201%2035%205ZM43%208l2%205%206%201-5%203%202%206-5-4-5%204%202-6-5-3%206-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M29%205Q10%2020%2020%2043h18Q48%2020%2029%205ZM19%2029l-9%2013%2011-3m18-10%209%2013-11-3M24%2048l5%209%205-9%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2224%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M29%205Q10%2020%2020%2043h18Q48%2020%2029%205ZM19%2029l-9%2013%2011-3m18-10%209%2013-11-3M24%2048l5%209%205-9%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2224%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22M35%205a25%2025%200%201%200%2020%2036A28%2028%200%200%201%2035%205ZM43%208l2%205%206%201-5%203%202%206-5-4-5%204%202-6-5-3%206-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M29%205Q10%2020%2020%2043h18Q48%2020%2029%205ZM19%2029l-9%2013%2011-3m18-10%209%2013-11-3M24%2048l5%209%205-9%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2224%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-little-dinos::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M8%2040q7-2%209-12t15-6l3-12q3-6%2010-2l6%206-1%207-10%201v15q0%206-9%206v9h-6v-9h-7v8h-6v-9Z%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m18%2027-3-5m9%201-1-6m7%205%201-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M8%2040q7-2%209-12t15-6l3-12q3-6%2010-2l6%206-1%207-10%201v15q0%206-9%206v9h-6v-9h-7v8h-6v-9Z%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m18%2027-3-5m9%201-1-6m7%205%201-6%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M8%2040q7-2%209-12t15-6l3-12q3-6%2010-2l6%206-1%207-10%201v15q0%206-9%206v9h-6v-9h-7v8h-6v-9Z%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m18%2027-3-5m9%201-1-6m7%205%201-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M8%2040q7-2%209-12t15-6l3-12q3-6%2010-2l6%206-1%207-10%201v15q0%206-9%206v9h-6v-9h-7v8h-6v-9Z%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m18%2027-3-5m9%201-1-6m7%205%201-6%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-dolls::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2217%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M20%2015Q11%202%2015%2025l6-5m18-5Q49%202%2045%2025l-6-5M23%2029l-9%2021h32l-9-21Zm0%2022v8m14-8v8M18%2034l-9%206m33-6%209%206M26%2019q4%204%208%200%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2217%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M20%2015Q11%202%2015%2025l6-5m18-5Q49%202%2045%2025l-6-5M23%2029l-9%2021h32l-9-21Zm0%2022v8m14-8v8M18%2034l-9%206m33-6%209%206M26%2019q4%204%208%200%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2217%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M20%2015Q11%202%2015%2025l6-5m18-5Q49%202%2045%2025l-6-5M23%2029l-9%2021h32l-9-21Zm0%2022v8m14-8v8M18%2034l-9%206m33-6%209%206M26%2019q4%204%208%200%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2217%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M20%2015Q11%202%2015%2025l6-5m18-5Q49%202%2045%2025l-6-5M23%2029l-9%2021h32l-9-21Zm0%2022v8m14-8v8M18%2034l-9%206m33-6%209%206M26%2019q4%204%208%200%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-tea-party::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M10%2022h33v12a16%2016%200%200%201-32%200ZM43%2024h6a6%206%200%200%201%200%2012h-6M8%2050h39M20%2016q-5-4%200-9m12%209q-5-4%200-9%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M10%2022h33v12a16%2016%200%200%201-32%200ZM43%2024h6a6%206%200%200%201%200%2012h-6M8%2050h39M20%2016q-5-4%200-9m12%209q-5-4%200-9%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M10%2022h33v12a16%2016%200%200%201-32%200ZM43%2024h6a6%206%200%200%201%200%2012h-6M8%2050h39M20%2016q-5-4%200-9m12%209q-5-4%200-9%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M10%2022h33v12a16%2016%200%200%201-32%200ZM43%2024h6a6%206%200%200%201%200%2012h-6M8%2050h39M20%2016q-5-4%200-9m12%209q-5-4%200-9%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-rocking-horses::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M8%2050q23%2017%2046-1M17%2045V32l-5-9%2010-10%206%205%203-9%207%2012-1%208h13v15H19m7-13-4%2015m22-15%204%2015%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2223%22%20rx%3D%2216%22%20ry%3D%2220%22%2F%3E%3Cpath%20d%3D%22m27%2043%203-3%203%203Zm3%202q-9%206%200%2014%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M8%2050q23%2017%2046-1M17%2045V32l-5-9%2010-10%206%205%203-9%207%2012-1%208h13v15H19m7-13-4%2015m22-15%204%2015%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M8%2050q23%2017%2046-1M17%2045V32l-5-9%2010-10%206%205%203-9%207%2012-1%208h13v15H19m7-13-4%2015m22-15%204%2015%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2223%22%20rx%3D%2216%22%20ry%3D%2220%22%2F%3E%3Cpath%20d%3D%22m27%2043%203-3%203%203Zm3%202q-9%206%200%2014%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M8%2050q23%2017%2046-1M17%2045V32l-5-9%2010-10%206%205%203-9%207%2012-1%208h13v15H19m7-13-4%2015m22-15%204%2015%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-building-blocks::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22m23%2033-3%2021q9%208%2018%200l-3-21M18%2018h22M29%206v24%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22m23%2033-3%2021q9%208%2018%200l-3-21M18%2018h22M29%206v24%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-teddy-bears::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2223%22%20rx%3D%2216%22%20ry%3D%2220%22%2F%3E%3Cpath%20d%3D%22m27%2043%203-3%203%203Zm3%202q-9%206%200%2014%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2223%22%20rx%3D%2216%22%20ry%3D%2220%22%2F%3E%3Cpath%20d%3D%22m27%2043%203-3%203%203Zm3%202q-9%206%200%2014%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-little-music::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M23%2041V15l26-8v27M23%2022l26-8%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2244%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%2237%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22m23%2033-3%2021q9%208%2018%200l-3-21M18%2018h22M29%206v24%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M23%2041V15l26-8v27M23%2022l26-8%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2244%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%2237%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M23%2041V15l26-8v27M23%2022l26-8%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2244%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%2237%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22m23%2033-3%2021q9%208%2018%200l-3-21M18%2018h22M29%206v24%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M23%2041V15l26-8v27M23%2022l26-8%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2244%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%2237%22%20rx%3D%228%22%20ry%3D%226%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-strollers::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M9%2027h37a19%2019%200%200%201-37%200Zm21-19a19%2019%200%200%201%2019%2019H30ZM46%2029l6-12h7M16%2045l-4%209m29-9%204%209%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M9%2027h37a19%2019%200%200%201-37%200Zm21-19a19%2019%200%200%201%2019%2019H30ZM46%2029l6-12h7M16%2045l-4%209m29-9%204%209%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M9%2027h37a19%2019%200%200%201-37%200Zm21-19a19%2019%200%200%201%2019%2019H30ZM46%2029l6-12h7M16%2045l-4%209m29-9%204%209%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M9%2027h37a19%2019%200%200%201-37%200Zm21-19a19%2019%200%200%201%2019%2019H30ZM46%2029l6-12h7M16%2045l-4%209m29-9%204%209%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2254%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-bottles::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M23%2010V6q7-8%2014%200v4M20%2012h20v8H20ZM22%2021q-8%207-8%2014v18q0%205%206%205h20q6%200%206-5V35q0-7-8-14M16%2035h10m-10%208h7m-7%208h10%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2226%22%20rx%3D%2223%22%20ry%3D%2214%22%2F%3E%3Cpath%20d%3D%22M23%2013V8a7%207%200%200%201%2014%200v5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2238%22%20r%3D%2212%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M23%2010V6q7-8%2014%200v4M20%2012h20v8H20ZM22%2021q-8%207-8%2014v18q0%205%206%205h20q6%200%206-5V35q0-7-8-14M16%2035h10m-10%208h7m-7%208h10%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M23%2010V6q7-8%2014%200v4M20%2012h20v8H20ZM22%2021q-8%207-8%2014v18q0%205%206%205h20q6%200%206-5V35q0-7-8-14M16%2035h10m-10%208h7m-7%208h10%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2226%22%20rx%3D%2223%22%20ry%3D%2214%22%2F%3E%3Cpath%20d%3D%22M23%2013V8a7%207%200%200%201%2014%200v5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2238%22%20r%3D%2212%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M23%2010V6q7-8%2014%200v4M20%2012h20v8H20ZM22%2021q-8%207-8%2014v18q0%205%206%205h20q6%200%206-5V35q0-7-8-14M16%2035h10m-10%208h7m-7%208h10%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-rattles::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22m23%2033-3%2021q9%208%2018%200l-3-21M18%2018h22M29%206v24%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22m23%2033-3%2021q9%208%2018%200l-3-21M18%2018h22M29%206v24%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22m8%2019%2021-12%2022%2012v25L29%2056%208%2044Zm0%200%2021%2013%2022-13M29%2032v24M18%2025v-8l11-6%2012%206v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-sweet-sleep::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M7%2016v38m46-38v38M7%2025h46M7%2047h46M15%2026v20m9-20v20m10-20v20m10-20v20M7%2017q10-9%2020%200t26%200%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22M35%205a25%2025%200%201%200%2020%2036A28%2028%200%200%201%2035%205ZM43%208l2%205%206%201-5%203%202%206-5-4-5%204%202-6-5-3%206-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M7%2016v38m46-38v38M7%2025h46M7%2047h46M15%2026v20m9-20v20m10-20v20m10-20v20M7%2017q10-9%2020%200t26%200%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22M35%205a25%2025%200%201%200%2020%2036A28%2028%200%200%201%2035%205ZM43%208l2%205%206%201-5%203%202%206-5-4-5%204%202-6-5-3%206-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%2230%22%20cy%3D%2231%22%20rx%3D%229%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22m27%2028%203%203%203-3M30%2031v4%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2222%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } body.maquette-app :is(.welcome-design,.participant-welcome,.list-decor-card).welcome-decor-baby-bath::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M6%2029h48l-5%2020H12ZM16%2050l-3%207m32-7%203%207M12%2028V10q7-8%2013%200v7%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2214%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22M17%2030a12%2012%200%201%201%2021-7l9%204-10%205q11%201%2015-4%203%2021-21%2023Q8%2051%208%2034l9%202Z%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M6%2029h48l-5%2020H12ZM16%2050l-3%207m32-7%203%207M12%2028V10q7-8%2013%200v7%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2214%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22220%22%20viewBox%3D%220%200%20300%20220%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2816%2015%29%20rotate%28-10%2030%2030%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M6%2029h48l-5%2020H12ZM16%2050l-3%207m32-7%203%207M12%2028V10q7-8%2013%200v7%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2214%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28186%2028%29%20rotate%2812%2030%2030%29%20scale%280.65%29%22%3E%3Cpath%20d%3D%22M17%2030a12%2012%200%201%201%2021-7l9%204-10%205q11%201%2015-4%203%2021-21%2023Q8%2051%208%2034l9%202Z%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%20125%29%20rotate%287%2030%2030%29%20scale%280.75%29%22%3E%3Cpath%20d%3D%22M6%2029h48l-5%2020H12ZM16%2050l-3%207m32-7%203%207M12%2028V10q7-8%2013%200v7%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2214%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2253%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%22154%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M245%20162v8m-4-4h8M100%20103v6m-3-3h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-size:300px 220px; -webkit-mask-size:300px 220px; } /* Search cards reflect the same saved decoration and portrait as the list. */ body.maquette-app .page-recherche .results { gap:14px; } body.maquette-app .page-recherche .results .result.welcome-design { padding:18px; border:1px solid var(--line); border-radius:var(--participant-card-radius,var(--brand-radius,18px)); background:linear-gradient(120deg,var(--soft),var(--white) 80%); } body.maquette-app .page-recherche .results .search-result-portrait { flex:0 0 64px; width:64px; height:64px; font-size:36px; } body.maquette-app .page-recherche .results .result-content { flex:1; min-width:0; overflow-wrap:anywhere; } body.maquette-app .page-recherche .results .result.welcome-design::before { opacity:.13; } @media(max-width:700px) { body.maquette-app .page-recherche .results .result.welcome-design { padding:16px; } body.maquette-app .page-recherche .results .result-content { flex:1 1 140px; } body.maquette-app .page-recherche .results .search-result-portrait { flex-basis:60px; width:60px; height:60px; } } /* Favourite ribbons stay pink independently of the selected store theme. */ body.maquette-app .participant-page .favorite-ribbon { background:linear-gradient(135deg,#d3007a,#eb4aa3); color:#fff; box-shadow:0 10px 20px rgba(211,0,122,.2); } body.maquette-app .participant-page .favorite-ribbon :is(i,strong) { color:#fff; } body.maquette-app .participant-page .sort-buttons .sort-order-toggle { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:var(--participant-control-radius,10px); background:transparent; color:var(--muted); font-size:13px; box-shadow:none; } body.maquette-app .participant-page .sort-order-toggle strong { font:inherit; font-weight:500; } body.maquette-app .participant-page .sort-order-toggle i { color:var(--bb9-green); } body.maquette-app .participant-page .sort-order-toggle:hover { background:var(--soft); color:var(--text); } body.maquette-app .participant-page .sort-order-toggle:focus-visible { outline:2px solid var(--bb9-green); outline-offset:3px; } /* Custom sorting controls: quiet surfaces, clear selection, no native picker. */ body.maquette-app .participant-page .sort-bar { box-shadow:none; background:transparent; } body.maquette-app .participant-page .sort-criteria { display:flex; flex-wrap:wrap; gap:8px; } body.maquette-app .participant-page .sort-criteria .sort-criterion { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:var(--participant-control-radius,10px); background:transparent; color:var(--muted); font-size:13px; box-shadow:none; font-family:inherit; } body.maquette-app .participant-page .sort-criterion strong { font:inherit; font-weight:500; } body.maquette-app .participant-page .sort-criterion i { color:var(--bb9-green); } body.maquette-app .participant-page .sort-criterion .fa-heart { color:#d3007a; } body.maquette-app .participant-page .sort-criteria .sort-criterion:hover { background:var(--soft); color:var(--text); } body.maquette-app .participant-page .sort-criteria .sort-criterion.active { border-color:var(--bb9-green); background:var(--soft); color:var(--bb9-green); box-shadow:inset 0 -2px 0 var(--bb9-green); } body.maquette-app .participant-page .sort-criterion.active strong { font-weight:700; } body.maquette-app .participant-page .sort-criterion:focus-visible { outline:2px solid var(--bb9-green); outline-offset:3px; } @media(max-width:719px) { body.maquette-app .participant-page .sort-criteria { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } body.maquette-app .participant-page .sort-criteria > span { grid-column:1/-1; } body.maquette-app .participant-page .sort-criteria .sort-criterion { min-height:44px; } body.maquette-app .participant-page .sort-direction { justify-content:flex-end; } body.maquette-app .participant-page .sort-direction .sort-order-toggle { flex:0 1 auto; } } /* Mobile sorting is always visible; product cards use the full row. */ @media(max-width:719px) { body.maquette-app .participant-page .sort-toggle { display:none; } body.maquette-app .participant-page .sort-bar, body.maquette-app .participant-page .sort-bar.is-open { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; min-width:0; max-height:none; margin-bottom:24px; padding:12px; opacity:1; transform:none; overflow:visible; pointer-events:auto; transition:none; } body.maquette-app .participant-page .sort-criteria { min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); } body.maquette-app .participant-page .sort-criteria .sort-criterion { min-width:0; width:100%; padding-inline:8px; } body.maquette-app .participant-page .sort-direction { min-width:0; } body.maquette-app .participant-page .sort-direction .sort-order-toggle { width:100%; } body.maquette-app .participant-page .gift-grid { grid-template-columns:minmax(0,1fr); gap:24px; } body.maquette-app .participant-page .gift-media { height:clamp(200px,60vw,300px); } } /* Equal catalogue card heights, with prices and actions anchored at the bottom. */ body.maquette-app .participant-page .gift-grid { grid-auto-rows:1fr; } body.maquette-app .participant-page .gift-card .price-row { margin-top:auto; flex-shrink:0; } /* Compact, fixed text slots avoid stretching short product descriptions. */ body.maquette-app .participant-page .gift-card { gap:8px; } body.maquette-app .participant-page .gift-card .gift-content { display:grid; grid-template-rows:38px minmax(32px,auto); gap:4px; min-height:0; flex:0 0 auto; } body.maquette-app .participant-page .gift-content strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:19px; overflow-wrap:anywhere; } body.maquette-app .participant-page .gift-content > span { display:block; margin:0; line-height:16px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; } body.maquette-app .participant-page .gift-card .product-prices { grid-template-rows:16px 24px; gap:2px; } /* Responsive catalogue: four comfortable columns down to one on mobile. */ body.maquette-app .participant-page .gift-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } @media(max-width:1399px) { body.maquette-app .participant-page .gift-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:1099px) { body.maquette-app .participant-page .gift-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:719px) { body.maquette-app .participant-page .gift-grid { grid-template-columns:minmax(0,1fr); } } body.maquette-app .participant-page .gift-card .product-prices .product-price-reference, body.maquette-app .participant-page .gift-card .product-prices .product-price-base { line-height:16px; } body.maquette-app .participant-page .gift-card .product-prices .product-price-final { line-height:24px; } /* Compact two-line prices across carts, product previews and customer documents. */ body.maquette-app article-prices .product-prices, body.maquette-app .sale-detail-page .detail-article .article-price article-prices .product-prices, body.maquette-app .parent-catalogue-dialog article-prices .product-prices, body.maquette-app .modal .maquette-detail-modal .detail-price-total article-prices .product-prices, body.maquette-app .modal .maquette-tracking-modal .tracking-summary-row article-prices .product-prices { display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; gap:2px; min-width:0; margin:0; padding:0; } body.maquette-app article-prices .product-prices > div, body.maquette-app .sale-detail-page .detail-article .article-price article-prices .product-prices > div, body.maquette-app .parent-catalogue-dialog article-prices .product-prices > div, body.maquette-app .modal .maquette-detail-modal .detail-price-total article-prices .product-prices > div, body.maquette-app .modal .maquette-tracking-modal .tracking-summary-row article-prices .product-prices > div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:0 10px; min-width:0; margin:0; padding:0; border:0; } body.maquette-app article-prices .product-prices > div > :last-child { justify-self:end; text-align:right; width:auto; white-space:nowrap; } body.maquette-app .tracking-summary-row > article-prices .product-price-reference > span:last-child, body.maquette-app .tracking-summary-row > article-prices .product-price-base > del { font-size:12px; line-height:16px; } body.maquette-app .tracking-summary-row > article-prices .product-price-final > strong { font-size:20px; line-height:24px; } body.maquette-app .parent-catalogue-dialog .product-prices .product-price-final { padding-top:0; border-top:0; font-size:20px; line-height:24px; } /* Cards alone reserve the reference slot to preserve their equal heights. */ body.maquette-app .participant-page .gift-card article-prices .product-prices { display:grid; grid-template-rows:16px 24px; gap:2px; } body.maquette-app .parent-catalogue-item > article-prices .product-prices { display:grid; grid-template-rows:18px 28px; gap:2px; } /* Unavailable gifts use the same card and action geometry, with one final status. */ body.maquette-app .participant-page .archived-gifts .gift-media { background:var(--white); } body.maquette-app .participant-page .archived-gifts .gift-media img { opacity:1; filter:none; } body.maquette-app .participant-page .archived-gifts .gift-content strong { color:var(--text); } body.maquette-app .participant-page .archived-gifts .gift-content > span { color:var(--muted); } body.maquette-app .participant-page .gift-card > .gift-unavailable-status:disabled { display:flex; align-items:center; justify-content:center; gap:8px; opacity:1; background:var(--bb9-green); color:var(--white); cursor:default; } /* Participant dialogs share a calm, compact header and custom action controls. */ body.maquette-app .modal .maquette-cart-modal.participant-dialog { padding:0; border-radius:var(--workspace-radius,24px); background:var(--white); color:var(--text); } body.maquette-app .participant-dialog .participant-dialog-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; background:var(--white); border-bottom:1px solid var(--line); border-radius:inherit; border-bottom-left-radius:0; border-bottom-right-radius:0; flex:0 0 auto; } body.maquette-app .participant-dialog-header h2 { margin:0; font-size:19px; line-height:1.3; font-weight:600; color:var(--text); } body.maquette-app .participant-dialog .participant-dialog-header .maquette-modal-close { position:static; display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; margin:0; padding:0; border:1px solid var(--line); border-radius:50%; background:var(--white); color:var(--muted); font-size:17px; box-shadow:none; transform:none; } body.maquette-app .participant-dialog-header .maquette-modal-close:hover { background:var(--soft); color:var(--bb9-green); } body.maquette-app .participant-dialog .participant-dialog-content, body.maquette-app .participant-dialog .participant-product-body { padding:20px 22px; } body.maquette-app .participant-dialog > :is(.maquette-modal-head,.maquette-modal-text,.maquette-modal-list,.maquette-modal-table,.maquette-modal-note,.maquette-modal-total) { margin:16px 22px; } body.maquette-app .participant-dialog .maquette-modal-head { text-align:left; padding:0; margin:0 0 16px; } body.maquette-app .participant-dialog .maquette-modal-head p { margin:4px 0; font-size:14px; line-height:1.5; color:var(--muted); } body.maquette-app .participant-dialog .maquette-modal-product { padding:14px; border:1px solid var(--line); border-radius:16px; background:var(--soft); box-shadow:none; gap:16px; } body.maquette-app .participant-dialog .maquette-modal-product-info h3 { margin:0 0 6px; font-size:16px; line-height:1.4; } body.maquette-app .participant-dialog .maquette-modal-product-info p { font-size:12px; color:var(--muted); } body.maquette-app .participant-dialog .maquette-modal-total { padding:12px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .participant-dialog .maquette-modal-total > span { font-size:13px; } body.maquette-app .participant-dialog .maquette-modal-total > strong { font-size:22px; } body.maquette-app .participant-dialog .maquette-modal-actions { display:flex; gap:10px; margin:16px 0 0; } body.maquette-app .participant-dialog > .maquette-modal-actions { padding:16px 22px 22px; margin:0; } body.maquette-app .participant-dialog .maquette-modal-btn { appearance:none; flex:1; min-height:44px; padding:11px 14px; font:inherit; font-size:13px; font-weight:600; border-radius:12px; box-shadow:none; } body.maquette-app .participant-dialog .maquette-modal-btn.secondary { background:var(--white); border:1px solid var(--line); color:var(--text); } body.maquette-app .participant-dialog .maquette-modal-btn.primary { background:var(--bb9-green); border:1px solid var(--bb9-green); color:var(--white); } body.maquette-app .participant-dialog .maquette-modal-btn:focus-visible, body.maquette-app .participant-dialog .maquette-modal-close:focus-visible { outline:2px solid var(--bb9-green); outline-offset:3px; } body.maquette-app .participant-dialog .participant-product-reference { font-size:11px; } @media(min-width:701px) { body.maquette-app .participant-dialog .participant-product-body { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:18px 24px; } body.maquette-app .participant-dialog .participant-product-body .maquette-modal-head { grid-column:2; grid-row:1; margin:0; } body.maquette-app .participant-dialog .participant-product-body .maquette-modal-head h2 { font-size:20px; line-height:1.4; margin:0 0 8px; text-align:left; } body.maquette-app .participant-dialog .participant-product-body .maquette-modal-gallery { grid-column:1; grid-row:1/4; margin:0; min-height:300px; border:1px solid var(--line); border-radius:16px; background:var(--white); } body.maquette-app .participant-dialog .participant-product-body .detail-price-total { grid-column:2; grid-row:2; margin:0; } body.maquette-app .participant-dialog .participant-product-body .detail-actions { grid-column:2; grid-row:3; align-self:end; margin:0; flex-wrap:wrap; } } @media(max-width:700px) { body.maquette-app .modal .maquette-cart-modal.participant-dialog { border-radius:18px 0 0 18px; } body.maquette-app .participant-dialog .participant-dialog-header { padding:12px 16px; gap:10px; } body.maquette-app .participant-dialog-header h2 { font-size:17px; } body.maquette-app .participant-dialog .participant-dialog-content, body.maquette-app .participant-dialog .participant-product-body { padding:16px; } body.maquette-app .participant-dialog > .maquette-modal-actions { padding:12px 16px 20px; } body.maquette-app .participant-dialog .maquette-modal-actions { position:sticky; bottom:0; z-index:4; background:var(--white); padding-top:10px; } body.maquette-app .participant-dialog .maquette-modal-product { grid-template-columns:80px minmax(0,1fr); padding:10px; gap:12px; } body.maquette-app .participant-dialog .maquette-modal-media { width:80px; height:90px; min-height:0; } body.maquette-app .participant-dialog .maquette-modal-product-info h3 { font-size:14px; } body.maquette-app .participant-dialog .maquette-modal-btn { padding-inline:10px; font-size:12px; } } body.maquette-app .participant-dialog > .maquette-modal-head { margin:16px 22px; } body.maquette-app .participant-dialog .maquette-modal-head { display:block; } /* Explicit price typography prevents old dialog styles enlarging every span. */ body.maquette-app article-prices .product-prices :is(.product-price-reference,.product-price-base,.product-price-final) > .price-label { display:block; width:auto; margin:0; padding:0; text-align:left; font-size:12px; line-height:16px; font-weight:400; color:var(--muted); white-space:nowrap; text-transform:none; letter-spacing:normal; } body.maquette-app article-prices .product-prices :is(.product-price-reference,.product-price-base) > .reference-amount { display:block; justify-self:end; width:auto; margin:0; padding:0; font-size:12px; line-height:16px; font-weight:500; color:var(--muted); text-align:right; white-space:nowrap; } body.maquette-app article-prices .product-prices .product-price-final > .final-amount { display:block; justify-self:end; width:auto; margin:0; padding:0; font-size:20px; line-height:24px; font-weight:600; color:var(--bb9-pink); text-align:right; white-space:nowrap; } body.maquette-app .participant-dialog .maquette-modal-price { justify-items:stretch; width:100%; } body.maquette-app .participant-dialog .maquette-modal-price > article-prices { width:100%; min-width:0; } /* Cart summary: readable item names, explicit removal and a mobile right drawer. */ body.maquette-app .cart-panel-shell { display:contents; } body.maquette-app .cart-panel-backdrop { display:none; } body.maquette-app .cart-dropdown-panel { width:min(420px,calc(100vw - 28px)); padding:18px; border-radius:18px; } body.maquette-app .cart-panel-title { display:flex; align-items:center; justify-content:space-between; gap:12px; } body.maquette-app .cart-dropdown-header .cart-panel-title > span { font-size:17px; text-transform:none; font-weight:600; color:var(--text); } body.maquette-app .cart-panel-close, body.maquette-app .cart-item-remove { appearance:none; display:grid; place-items:center; width:36px; height:36px; padding:0; flex-shrink:0; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--muted); font-size:17px; } body.maquette-app .cart-panel-close { border-radius:50%; } body.maquette-app .cart-dropdown-header > strong { margin-top:8px; font-size:12px; line-height:1.5; font-weight:400; color:var(--muted); text-transform:none; } body.maquette-app .cart-dropdown-header > strong span { text-transform:none; } body.maquette-app .cart-dropdown-items { gap:10px; max-height:360px; padding:12px 0; } body.maquette-app .cart-dropdown-items .cart-dropdown-item { display:grid; grid-template-columns:minmax(0,1fr) 36px; align-items:start; gap:8px 12px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--white); box-shadow:none; } body.maquette-app .cart-item-title { appearance:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; border:0; padding:0; margin:0; background:transparent; color:var(--text); font:inherit; font-size:13px; font-weight:500; line-height:1.5; text-align:left; } body.maquette-app .cart-dropdown-item > article-prices { grid-column:1/-1; width:100%; } body.maquette-app .cart-dropdown-item.static > strong { grid-column:1/-1; justify-self:end; font-size:20px; } body.maquette-app .cart-item-remove:hover { color:#bb3249; background:var(--soft); } body.maquette-app .cart-dropdown-total { margin-top:8px; padding:14px 0; font-size:16px; } body.maquette-app .cart-dropdown-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } body.maquette-app .cart-dropdown-actions > .cart-dropdown-link:not(.cart-clear-all) { flex-basis:100%; text-align:center; } body.maquette-app .cart-dropdown-actions .cart-clear-all { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; min-width:0; padding:0; border:1px solid var(--line); border-radius:12px; background:var(--white); color:#bb3249; font-size:19px; } body.maquette-app .cart-dropdown-actions .cart-dropdown-primary { flex:1; display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:10px 14px; border-radius:12px; background:var(--bb9-green); color:var(--white); font-size:14px; } body.maquette-app :is(.cart-item-remove,.cart-clear-all,.cart-panel-close,.cart-item-title):focus-visible { outline:2px solid var(--bb9-green); outline-offset:3px; } @media(max-width:700px) { body.maquette-app .cart-panel-shell.is-mobile-cart-portal { display:block; position:fixed; inset:0; z-index:2000; pointer-events:none; } body.maquette-app .is-mobile-cart-portal .cart-panel-backdrop { display:block; position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; padding:0; background:rgba(25,43,48,.35); opacity:0; transition:opacity .18s ease; } body.maquette-app .is-mobile-cart-portal .cart-dropdown-panel { position:absolute; inset:0 0 0 auto; display:flex; flex-direction:column; width:min(420px,calc(100vw - 20px)); height:100dvh; max-height:100dvh; margin:0; padding:18px 16px max(18px,env(safe-area-inset-bottom)); border:0; border-radius:20px 0 0 20px; box-sizing:border-box; transform:translateX(100%); transform-origin:right center; opacity:1; visibility:visible; pointer-events:none; box-shadow:-10px 0 35px rgba(0,35,40,.18); } body.maquette-app .is-mobile-cart-portal.is-open .cart-dropdown-panel { transform:translateX(0); pointer-events:auto; } body.maquette-app .is-mobile-cart-portal.is-open .cart-panel-backdrop { opacity:1; pointer-events:auto; } body.maquette-app .is-mobile-cart-portal.is-closing .cart-dropdown-panel { transform:translateX(100%); } body.maquette-app .is-mobile-cart-portal .cart-dropdown-panel::before, body.maquette-app .is-mobile-cart-portal .cart-dropdown-panel::after { display:none; } body.maquette-app .is-mobile-cart-portal .cart-dropdown-header, body.maquette-app .is-mobile-cart-portal .cart-dropdown-total, body.maquette-app .is-mobile-cart-portal .cart-dropdown-actions { flex:0 0 auto; } body.maquette-app .is-mobile-cart-portal .cart-dropdown-items { flex:1; min-height:0; max-height:none; overflow-y:auto; overscroll-behavior:contain; } body.maquette-app .is-mobile-cart-portal .cart-dropdown-empty { flex:1; } body.maquette-app .is-mobile-cart-portal .cart-dropdown-actions > .cart-dropdown-link:not(.cart-clear-all) { display:none; } } @media(prefers-reduced-motion:reduce) { body.maquette-app .cart-panel-shell .cart-dropdown-panel, body.maquette-app .cart-panel-backdrop { transition:none; } } body.maquette-app .cart-dropdown-items { align-content:start; grid-auto-rows:max-content; } body.maquette-app .cart-dropdown-items .cart-dropdown-item { grid-template-rows:auto auto; align-content:start; } /* Step 3: a compact editable basket and a clear payment summary. */ body.maquette-app .participant-cart-page .cart-page-heading { display:block; padding:22px; margin:0 0 20px; border:1px solid var(--line); border-radius:var(--workspace-radius,24px); background:var(--white); box-shadow:none; } body.maquette-app .participant-cart-page .cart-page-heading h1 { font-size:clamp(26px,3vw,34px); margin:4px 0 8px; } body.maquette-app .participant-cart-page .cart-page-heading p:not(.eyebrow) { margin:0; font-size:14px; line-height:1.6; } body.maquette-app .participant-cart-page .checkout-layout { padding:0; gap:24px; align-items:start; margin-top:0; } body.maquette-app .participant-cart-page :is(.checkout-card,.order-summary) { padding:22px; border:1px solid var(--line); border-radius:var(--workspace-radius,24px); background:var(--white); box-shadow:none; } body.maquette-app .participant-cart-page .checkout-main { gap:20px; } body.maquette-app .participant-cart-page :is(.cart-section-header,.donor-header) { display:flex; align-items:start; justify-content:space-between; gap:16px; margin:0 0 18px; } body.maquette-app .participant-cart-page :is(.cart-section-header,.donor-header,.order-summary) h2 { margin:0 0 6px; font-size:20px; line-height:1.4; color:var(--text); } body.maquette-app .participant-cart-page .cart-section-header h2 small { color:var(--muted); font-size:14px; font-weight:400; } body.maquette-app .participant-cart-page :is(.cart-section-header,.donor-header) p { font-size:13px; line-height:1.5; color:var(--muted); margin:0; } body.maquette-app .participant-cart-page .cart-page-list { gap:12px; } body.maquette-app .participant-cart-page .cart-page-item { display:grid; grid-template-columns:76px minmax(0,1fr) 36px; grid-template-rows:auto auto; align-items:start; gap:10px 14px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--white); box-shadow:none; } body.maquette-app .participant-cart-page .cart-page-item .cart-product-media { grid-column:1; grid-row:1/3; width:76px; height:86px; min-height:0; padding:4px; border-radius:10px; background:var(--white); } body.maquette-app .participant-cart-page .cart-page-item .cart-product-info { grid-column:2; grid-row:1; min-width:0; padding:0; } body.maquette-app .participant-cart-page .cart-product-info strong { display:block; font-size:14px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; } body.maquette-app .participant-cart-page .cart-product-info > span { display:block; margin-top:4px; font-size:12px; line-height:1.4; color:var(--muted); } body.maquette-app .participant-cart-page .cart-product-info :is(p,small) { font-size:11px; line-height:1.4; color:var(--muted); margin:4px 0 0; } body.maquette-app .participant-cart-page .cart-page-item .cart-line-total { grid-column:2/4; grid-row:2; align-self:end; min-width:0; width:100%; margin:0; padding:0; } body.maquette-app .participant-cart-page .cart-remove { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; min-width:36px; padding:0; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--muted); font-size:16px; } body.maquette-app .participant-cart-page .cart-page-item > .cart-remove { grid-column:3; grid-row:1; justify-self:end; align-self:start; } body.maquette-app .participant-cart-page :is(.cart-remove:hover,.cart-clear-page) { color:#bb3249; } body.maquette-app .participant-cart-page .cart-item-actions { grid-column:3; grid-row:1; display:flex; gap:6px; } body.maquette-app .participant-cart-page .cart-free-item { grid-template-columns:50px minmax(0,1fr) auto; } body.maquette-app .participant-cart-page .cart-free-item .cart-product-media { width:50px; height:50px; color:var(--bb9-green); background:var(--soft); border:0; } body.maquette-app .participant-cart-page .cart-edit-amount { grid-column:2/4; grid-row:2; display:flex; align-items:center; gap:8px; min-width:0; } body.maquette-app .participant-cart-page .cart-edit-amount input { width:100%; min-width:0; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:10px; } body.maquette-app .participant-cart-page .donor-header > span { font-size:10px; line-height:1.4; color:var(--muted); white-space:nowrap; } body.maquette-app .participant-cart-page .donor-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } body.maquette-app .participant-cart-page .donor-form > label { display:grid; gap:7px; min-width:0; padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .participant-cart-page .donor-form > label > span { font-size:12px; font-weight:500; color:var(--text); text-transform:none; } body.maquette-app .participant-cart-page .donor-form input:not([type=checkbox]) { width:100%; min-height:44px; padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--text); font-size:14px; box-sizing:border-box; } body.maquette-app .participant-cart-page .donor-form input:not([type=checkbox]):focus { outline:2px solid var(--bb9-green); outline-offset:1px; } body.maquette-app .participant-cart-page .privacy-details { margin-top:18px; font-size:12px; } body.maquette-app .participant-cart-page .order-summary { display:grid; gap:14px; min-width:0; } body.maquette-app .participant-cart-page .summary-line { font-size:12px; line-height:1.5; gap:16px; } body.maquette-app .participant-cart-page .summary-line strong { text-align:right; font-size:12px; font-weight:500; overflow-wrap:anywhere; } body.maquette-app .participant-cart-page .summary-total { padding-top:16px; margin:0; border-top:1px solid var(--line); font-size:16px; align-items:baseline; } body.maquette-app .participant-cart-page .summary-total strong { color:var(--bb9-pink); font-size:26px; white-space:nowrap; } body.maquette-app .participant-cart-page .legal-accept { padding:0; margin:0; background:transparent; border:0; font-size:11px; line-height:1.6; } body.maquette-app .participant-cart-page .payment-actions { display:grid; gap:8px; } body.maquette-app .participant-cart-page .maquette-btn { min-height:44px; margin:0; padding:11px 14px; border-radius:12px; font-size:13px; } body.maquette-app .participant-cart-page .summary-note { margin:0; padding:0; border:0; background:transparent; font-size:11px; line-height:1.5; } @media(min-width:1100px) { body.maquette-app .participant-cart-page .checkout-layout { grid-template-columns:minmax(0,1fr) 340px; } body.maquette-app .participant-cart-page .order-summary { position:sticky; top:calc(var(--workspace-header-bottom,90px) + 16px); } } @media(max-width:1099px) { body.maquette-app .participant-cart-page .checkout-layout { grid-template-columns:minmax(0,1fr); } body.maquette-app .participant-cart-page .order-summary { position:static; } } @media(max-width:700px) { body.maquette-app .participant-cart-page .cart-page-heading { padding:16px; margin-bottom:16px; } body.maquette-app .participant-cart-page :is(.checkout-card,.order-summary) { padding:16px; } body.maquette-app .participant-cart-page :is(.cart-section-header,.donor-header) { gap:10px; } body.maquette-app .participant-cart-page :is(.cart-section-header,.donor-header,.order-summary) h2 { font-size:18px; } body.maquette-app .participant-cart-page .donor-form { grid-template-columns:minmax(0,1fr); gap:14px; } body.maquette-app .participant-cart-page .donor-header { flex-wrap:wrap; } body.maquette-app .participant-cart-page .cart-page-item { grid-template-columns:60px minmax(0,1fr) 36px; padding:12px; gap:10px; } body.maquette-app .participant-cart-page .cart-page-item .cart-product-media { width:60px; height:72px; } body.maquette-app .participant-cart-page .cart-page-item .cart-product-info { grid-row:1; } body.maquette-app .participant-cart-page .cart-product-info strong { font-size:13px; } body.maquette-app .participant-cart-page .cart-free-item { grid-template-columns:40px minmax(0,1fr) auto; } body.maquette-app .participant-cart-page .cart-free-item .cart-product-media { width:40px; height:44px; } } body.maquette-app .participant-cart-page .checkout-main > .checkout-card { order:0; } body.maquette-app .participant-cart-page .checkout-main > .donor-section { order:1; } body.maquette-app .participant-route a.participant-route-step { cursor:pointer; text-decoration:none; } body.maquette-app .participant-route a.participant-route-step:hover { background:var(--soft); color:var(--bb9-green); } body.maquette-app .participant-route a.participant-route-step:focus-visible { outline:2px solid var(--bb9-green); outline-offset:2px; } /* Heading icons use the same theme-tinted tile across the participant journey. */ body.maquette-app :is(.participant-cart-page,.page-recherche,.participant-dialog-header) .section-heading-title { display:flex; align-items:center; gap:12px; } body.maquette-app :is(.participant-cart-page,.page-recherche,.participant-dialog-header) .section-title-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:12px; background:var(--soft); color:var(--bb9-green); font-size:18px; } body.maquette-app :is(.participant-cart-page,.page-recherche,.participant-dialog-header) .section-title-text { min-width:0; line-height:1.35; } body.maquette-app .participant-dialog-header .section-heading-title { flex:1; } @media(max-width:700px) { body.maquette-app :is(.participant-cart-page,.page-recherche,.participant-dialog-header) .section-heading-title { gap:10px; } body.maquette-app :is(.participant-cart-page,.page-recherche,.participant-dialog-header) .section-title-icon { width:36px; height:36px; flex-basis:36px; font-size:16px; border-radius:10px; } } /* Steps 4–5 share the basket's card, title and action language. */ body.maquette-app .participant-payment-page .hero { display:block; padding:22px; margin-bottom:20px; border:1px solid var(--line); border-radius:var(--workspace-radius,24px); background:var(--white); box-shadow:none; } body.maquette-app .participant-payment-page .section-heading-title { display:flex; align-items:center; gap:12px; } body.maquette-app .participant-payment-page .section-title-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:12px; background:var(--soft); color:var(--bb9-green); font-size:18px; } body.maquette-app .participant-payment-page .section-title-text { min-width:0; line-height:1.4; overflow-wrap:anywhere; } body.maquette-app .participant-payment-page .hero h1 { font-size:clamp(24px,2.6vw,32px); margin:6px 0 12px; } body.maquette-app .participant-payment-page .hero p:not(.eyebrow) { margin:0; font-size:14px; line-height:1.6; } body.maquette-app .participant-payment-page :is(.checkout-card,.felicitation-card) { padding:22px; background:var(--white); border:1px solid var(--line); border-radius:var(--workspace-radius,24px); box-shadow:none; } body.maquette-app .participant-payment-page :is(.bank-layout,.payment-result-layout,.bank-error-layout) { padding:0; gap:22px; margin-top:0; align-items:start; } body.maquette-app .participant-payment-page h2 { margin:0 0 10px; font-size:20px; line-height:1.4; } body.maquette-app .participant-payment-page .section-header.compact { margin-bottom:18px; } body.maquette-app .participant-payment-page .section-header p:not(.eyebrow), body.maquette-app .participant-payment-page .bank-payment-card > p:not(.eyebrow) { font-size:13px; line-height:1.6; color:var(--muted); } body.maquette-app .participant-payment-page .payment-target-label { font-weight:500; color:var(--text); } body.maquette-app .participant-payment-page .bank-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } body.maquette-app .participant-payment-page .bank-info-grid > div { display:grid; gap:5px; padding:0; min-width:0; border:0; border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .participant-payment-page .bank-info-grid span { font-size:11px; font-weight:400; color:var(--muted); text-transform:none; } body.maquette-app .participant-payment-page .bank-info-grid strong { font-size:14px; line-height:1.5; font-weight:500; color:var(--text); overflow-wrap:anywhere; } body.maquette-app .participant-payment-page .bank-payment-card { display:grid; gap:14px; } body.maquette-app .participant-payment-page .bank-payment-card :is(h2,p) { margin:0; } body.maquette-app .participant-payment-page .bank-amount { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:16px 0; margin:0; border:0; border-block:1px solid var(--line); border-radius:0; background:transparent; } body.maquette-app .participant-payment-page .bank-amount > span { font-size:13px; color:var(--muted); } body.maquette-app .participant-payment-page .bank-amount > strong { color:var(--bb9-pink); font-size:26px; font-weight:600; white-space:nowrap; } body.maquette-app .participant-payment-page :is(.bank-actions,.payment-result-actions) { display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; } body.maquette-app .participant-payment-page .bank-payment-card .bank-actions { flex-direction:column; } body.maquette-app .participant-payment-page .maquette-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 14px; margin:0; font-size:13px; border-radius:12px; line-height:1.5; text-align:center; } body.maquette-app .participant-payment-page :is(.payment-result-card,.bank-error-card) { display:block; } body.maquette-app .participant-payment-page .payment-result-icon { display:none; } body.maquette-app .participant-payment-page .payment-result-card.is-error .section-title-icon { background:#fff0f1; color:#b52f46; } body.maquette-app .participant-payment-page .payment-result-copy p { font-size:14px; line-height:1.65; margin:8px 0; } body.maquette-app .participant-payment-page .felicitation-card .message-form { display:grid; gap:12px; padding:0; } body.maquette-app .participant-payment-page .message-form > label { padding:0; margin:0; background:transparent; border:0; border-radius:0; box-shadow:none; } body.maquette-app .participant-payment-page .message-form textarea { width:100%; min-height:140px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--white); color:var(--text); font:inherit; font-size:14px; line-height:1.6; resize:vertical; box-sizing:border-box; } body.maquette-app .participant-payment-page .message-form textarea:focus { outline:2px solid var(--bb9-green); outline-offset:1px; } body.maquette-app .participant-payment-page .copy-choice { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); } body.maquette-app .participant-payment-page .payment-result-actions .maquette-btn { flex:1; } @media(min-width:1100px) { body.maquette-app .participant-payment-page .bank-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; } body.maquette-app .participant-payment-page .bank-payment-card { position:sticky; top:calc(var(--workspace-header-bottom,90px) + 16px); } body.maquette-app .participant-payment-page .payment-result-layout:has(.felicitation-card) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } body.maquette-app .participant-payment-page .payment-result-layout .payment-result-card { grid-column:1; } body.maquette-app .participant-payment-page .payment-result-layout .felicitation-card { grid-column:2; grid-row:1/3; } body.maquette-app .participant-payment-page .payment-result-layout .payment-result-actions { grid-column:1; } } @media(max-width:1099px) { body.maquette-app .participant-payment-page :is(.bank-layout,.payment-result-layout) { display:grid; grid-template-columns:minmax(0,1fr); } body.maquette-app .participant-payment-page .bank-payment-card { position:static; } } @media(max-width:700px) { body.maquette-app .participant-payment-page :is(.hero,.checkout-card,.felicitation-card) { padding:16px; } body.maquette-app .participant-payment-page .section-title-icon { width:36px; height:36px; flex-basis:36px; font-size:16px; border-radius:10px; } body.maquette-app .participant-payment-page .section-heading-title { gap:10px; } body.maquette-app .participant-payment-page .hero h1 { font-size:23px; } body.maquette-app .participant-payment-page h2 { font-size:18px; } body.maquette-app .participant-payment-page .bank-info-grid { grid-template-columns:minmax(0,1fr); gap:14px; } body.maquette-app .participant-payment-page :is(.bank-layout,.payment-result-layout) { gap:16px; } body.maquette-app .participant-payment-page .payment-result-actions { flex-direction:column; } body.maquette-app .participant-payment-page .payment-result-actions .maquette-btn { width:100%; box-sizing:border-box; } } body.maquette-app .participant-payment-page .bank-info-grid > div { min-height:0; align-content:start; } body.maquette-app .participant-payment-page .payment-result-layout { grid-template-columns:minmax(0,1fr); } @media(min-width:1100px) { body.maquette-app .participant-payment-page .payment-result-layout:has(.felicitation-card) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } } /* Give customer-card prices enough space beside quantity, without label collisions. */ body.maquette-app .sale-detail-page .detail-article .article-price article-prices .product-prices > div > .price-label { white-space:normal; overflow-wrap:normal; line-height:16px; } body.maquette-app .sale-detail-page .detail-article .article-price { justify-items:stretch; } @media(min-width:1200px) { body.maquette-app .sale-detail-page .detail-article { grid-template-columns:92px minmax(0,1fr) 80px 190px 44px; } } @media(max-width:700px) { body.maquette-app .sale-detail-page .detail-article { grid-template-columns:56px minmax(0,1fr); gap:14px; } body.maquette-app .sale-detail-page .detail-article .article-meta { grid-column:1; } body.maquette-app .sale-detail-page .detail-article .article-price { grid-column:2; min-width:0; width:100%; } } /* Prices adapt to their own available width, including narrow account columns. */ body.maquette-app article-prices { container-type:inline-size; container-name:product-amounts; width:100%; min-width:0; } body.maquette-app article-prices .product-prices :is(.product-price-reference,.product-price-base,.product-price-final) > .price-label { white-space:normal; overflow-wrap:anywhere; } @container product-amounts (min-width:136px) and (max-width:230px) { body.maquette-app article-prices .product-prices > div { column-gap:6px; } body.maquette-app article-prices .product-prices :is(.product-price-reference,.product-price-base,.product-price-final) > .price-label { font-size:10px; line-height:14px; overflow-wrap:normal; } body.maquette-app article-prices .product-prices :is(.product-price-reference,.product-price-base) > .reference-amount { font-size:11px; line-height:14px; } body.maquette-app article-prices .product-prices .product-price-final > .final-amount { font-size:clamp(16px,9cqi,20px); line-height:24px; } } @container product-amounts (max-width:135px) { body.maquette-app article-prices .product-prices > div { grid-template-columns:minmax(0,1fr) !important; row-gap:2px; } body.maquette-app article-prices .product-prices > div > .price-label { grid-column:1; justify-self:start; } body.maquette-app article-prices .product-prices > div > :last-child { grid-column:1; justify-self:end; max-width:100%; } body.maquette-app article-prices .product-prices .product-price-final > .final-amount { font-size:clamp(14px,10cqi,20px); } body.maquette-app .participant-page .gift-card article-prices .product-prices { grid-template-rows:34px 42px; } body.maquette-app .parent-catalogue-item > article-prices .product-prices { grid-template-rows:34px 42px; } } /* Repeat the chosen list decor softly on the main participant section panels. */ body.maquette-app .participant-page .list-decor-card { position:relative; isolation:isolate; background-color:var(--white); } body.maquette-app .participant-page .list-decor-card::before { opacity:.08; } body.maquette-app .participant-page .list-decor-card > :is(.list-section-content,.archived-gifts-content) { position:relative; z-index:1; } body.maquette-app .participant-page .list-decor-card > .section-header { z-index:2; } /* One visibility row followed by a single welcome preview and its editors. */ body.maquette-app .list-personalization-settings { grid-template-columns:minmax(0,1fr); } body.maquette-app .list-appearance-card.detail-settings { display:block; } body.maquette-app .list-appearance-card .welcome-customization-actions { display:flex; justify-content:flex-end; margin:12px 0; } body.maquette-app .list-appearance-card .welcome-text-editor { padding:16px 0; margin-bottom:16px; border-bottom:1px solid var(--line); } body.maquette-app .list-appearance-card .appearance-preview { margin-top:16px; } body.maquette-app .list-appearance-card > h3 .section-edit-pencil { align-self:center; } @media(max-width:700px) { body.maquette-app .list-appearance-card .welcome-customization-actions .btn { width:100%; white-space:normal; } } body.maquette-app .participant-welcome .welcome-inline-field { display:block; margin:0 0 10px; } body.maquette-app .participant-welcome .welcome-inline-field > span { display:block; font-size:11px; font-weight:600; color:var(--muted); margin-bottom:4px; } body.maquette-app .participant-welcome .welcome-inline-field :is(input,textarea) { display:block; width:100%; min-width:0; padding:8px 10px; border:1px dashed var(--bb9-green); border-radius:8px; background:color-mix(in srgb,var(--white) 85%,transparent); color:var(--text); font:inherit; line-height:1.6; } body.maquette-app .participant-welcome .welcome-inline-field input { font-weight:700; } body.maquette-app .participant-welcome .welcome-inline-field textarea { resize:vertical; min-height:90px; } body.maquette-app .participant-welcome .welcome-inline-field :is(input,textarea):focus { outline:2px solid var(--bb9-green); outline-offset:2px; } /* Contextual controls stay on the preview; choice galleries open only on demand. */ body.maquette-app .participant-welcome .welcome-portrait-edit { position:relative; padding:5px; cursor:pointer; border:3px solid var(--white); } body.maquette-app .participant-welcome .welcome-portrait-edit small { position:absolute; bottom:0; left:0; right:0; padding:3px; background:var(--bb9-green); color:white; font-size:10px; line-height:16px; } body.maquette-app .participant-welcome .welcome-portrait-edit:hover { box-shadow:0 0 0 2px var(--bb9-green); } body.maquette-app .participant-welcome:has(.welcome-decor-edit) { padding-bottom:58px; cursor:pointer; } body.maquette-app .participant-welcome .welcome-inline-field { cursor:text; } body.maquette-app .participant-welcome .welcome-decor-edit { position:absolute; right:16px; bottom:12px; border:1px solid var(--line); border-radius:9px; background:var(--white); color:var(--bb9-green); padding:7px 10px; font-size:12px; cursor:pointer; } body.maquette-app .appearance-picker-close { float:right; border:1px solid var(--line); border-radius:8px; width:30px; height:30px; padding:0; background:var(--white); color:var(--muted); font-size:22px; cursor:pointer; } body.maquette-app .appearance-avatar-options { grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); } body.maquette-app .appearance-avatar-options button > [welcome-avatar] { height:96px; width:110px; max-width:100%; margin:auto; } body.maquette-app .appearance-avatar-options button small { display:block; white-space:normal; line-height:1.4; } /* Theme category controls instead of native operating-system menus. */ body.maquette-app .appearance-category-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 16px; } body.maquette-app .appearance-category-tabs button { min-height:40px; padding:9px 14px; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--muted); font:inherit; font-size:13px; line-height:1.4; cursor:pointer; } body.maquette-app .appearance-category-tabs button.is-selected { border-color:var(--bb9-green); background:var(--soft); color:var(--bb9-green); font-weight:700; box-shadow:inset 0 -2px var(--bb9-green); } body.maquette-app .appearance-category-tabs button:focus-visible { outline:2px solid var(--bb9-green); outline-offset:2px; } @media(max-width:700px) { body.maquette-app .appearance-category-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } body.maquette-app .appearance-category-tabs button { min-width:0; white-space:normal; padding:9px 8px; } } /* Visibility fills the row, with access and discoverability side by side. */ body.maquette-app .sale-detail-page .detail-settings.list-personalization-settings { display:block; width:100%; } body.maquette-app .list-personalization-settings > .info-card { width:100%; min-width:0; } body.maquette-app .list-personalization-settings .visibility-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } body.maquette-app .list-personalization-settings .visibility-column { min-width:0; } body.maquette-app .list-personalization-settings .visibility-columns .visibility-choice-group { margin:12px 0 0; } @media(max-width:700px) { body.maquette-app .list-personalization-settings .visibility-columns { grid-template-columns:minmax(0,1fr); gap:16px; } } /* Customer access: compact cards shared by login, recovery and activation. */ body.maquette-app .application-workspace .account-access-page { width:100%; max-width:1400px; min-width:0; margin:0 auto; } body.maquette-app .account-access-page > .hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; border:1px solid var(--line); border-radius:var(--workspace-radius,var(--brand-radius,22px)); background:var(--white); } body.maquette-app .account-access-page .hero-main { max-width:none; min-width:0; } body.maquette-app .account-access-page .hero h1 { margin:6px 0 10px; font-size:clamp(25px,3vw,34px); line-height:1.3; } body.maquette-app .account-access-page .hero .eyebrow { margin:0; font-size:10px; letter-spacing:.08em; } body.maquette-app .account-access-page .hero p { margin:0; font-size:14px; line-height:1.6; color:var(--muted); } body.maquette-app .account-access-security { display:inline-flex; align-items:center; gap:7px; flex:none; padding:8px 11px; border:1px solid var(--line); border-radius:10px; background:var(--soft); color:var(--bb9-green); font-size:11px; } body.maquette-app .account-access-page > .account-login-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:20px; margin:20px 0 0; padding:0; border:0; border-radius:0; background:transparent; align-items:start; } body.maquette-app .account-access-page > .account-login-layout:has(> .checkout-card:only-child) { grid-template-columns:minmax(0,1fr); max-width:640px; margin-inline:auto; } body.maquette-app .account-access-page :is(.account-login-card,.account-help-card) { padding:24px; margin:0; min-width:0; border:1px solid var(--line); border-radius:var(--workspace-radius,var(--brand-radius,22px)); background:var(--white); box-shadow:none; } body.maquette-app .account-access-page .section-header { display:block; margin:0 0 20px; padding:0; border:0; } body.maquette-app .account-access-page .section-header .eyebrow { display:none; } body.maquette-app .account-access-page .section-heading-title { font-size:21px; line-height:1.35; margin:0 0 12px; } body.maquette-app .account-access-page .section-header > p { margin:0; font-size:13px; line-height:1.6; color:var(--muted); } body.maquette-app .account-access-page .account-login-form { display:grid; gap:16px; margin:0; } body.maquette-app .account-access-page .account-login-form label { display:grid; gap:7px; margin:0; font-size:13px; font-weight:600; } body.maquette-app .account-access-page .account-login-form input { display:block; width:100%; min-width:0; padding:12px 14px; min-height:46px; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--text); font:inherit; font-size:15px; } body.maquette-app .account-access-page .account-login-form input:focus { border-color:var(--bb9-green); outline:2px solid color-mix(in srgb,var(--bb9-green) 20%,transparent); outline-offset:1px; } body.maquette-app .account-access-page .account-password-field { position:relative; display:block; } body.maquette-app .account-access-page .account-password-field input { padding-right:48px; } body.maquette-app .account-access-page .account-password-field button { position:absolute; right:5px; top:5px; width:36px; height:36px; padding:0; border:0; border-radius:8px; background:var(--soft); color:var(--muted); cursor:pointer; } body.maquette-app .account-access-page .account-remember { display:flex; align-items:center; gap:9px; margin:16px 0; padding:0; font-size:12px; line-height:1.5; color:var(--muted); } body.maquette-app .account-access-page .account-remember input { appearance:none; -webkit-appearance:none; display:grid; place-items:center; width:18px; height:18px; min-height:18px; flex:0 0 18px; padding:0; margin:0; border:1px solid var(--line); border-radius:5px; background:var(--white); cursor:pointer; } body.maquette-app .account-access-page .account-remember input:checked { background:var(--bb9-green); border-color:var(--bb9-green); } body.maquette-app .account-access-page .account-remember input:checked::after { content:'✓'; color:var(--white); font-size:12px; } body.maquette-app .account-access-page .account-login-actions { display:grid; gap:10px; margin:20px 0 0; } body.maquette-app .account-access-page .account-login-actions .maquette-btn { width:100%; min-height:44px; padding:11px 14px; margin:0; border-radius:10px; font-size:13px; white-space:normal; } body.maquette-app .account-access-page .account-login-actions .secondary { color:var(--bb9-green); border:1px solid var(--line); background:var(--white); } body.maquette-app .account-access-page .account-access-privacy { margin:18px 0 0; padding-top:14px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; line-height:1.6; } body.maquette-app .account-access-page .account-access-benefits { display:grid; gap:14px; margin:24px 0; } body.maquette-app .account-access-page .account-access-benefits p { display:flex; align-items:center; gap:12px; margin:0; font-size:13px; line-height:1.5; } body.maquette-app .account-access-page .account-access-benefits i { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:9px; color:var(--bb9-green); background:var(--soft); } body.maquette-app .account-access-page .account-access-first { border-top:1px solid var(--line); padding-top:18px; } body.maquette-app .account-access-page .account-access-first h3 { margin:0 0 10px; font-size:15px; line-height:1.4; } body.maquette-app .account-access-page .account-access-first h3 i { color:var(--bb9-green); margin-right:6px; } body.maquette-app .account-access-page .account-access-first p { margin:8px 0 0; font-size:12px; line-height:1.7; color:var(--muted); } body.maquette-app .account-access-page .account-access-message { padding:12px 14px; margin:14px 0; border:1px solid var(--line); border-radius:10px; background:var(--soft); color:var(--text); line-height:1.6; font-size:13px; } body.maquette-app .account-access-page :is(button,a,input):focus-visible { outline:2px solid var(--bb9-green); outline-offset:3px; } @media(max-width:700px) { body.maquette-app .account-access-page > .hero { padding:20px; flex-wrap:wrap; gap:12px; } body.maquette-app .account-access-page > .account-login-layout { grid-template-columns:minmax(0,1fr); gap:14px; margin-top:14px; } body.maquette-app .account-access-page :is(.account-login-card,.account-help-card) { padding:20px; } body.maquette-app .account-access-page .account-login-form input { font-size:16px; } body.maquette-app .account-access-page .section-heading-title { font-size:19px; } body.maquette-app .account-access-page .hero h1 { font-size:25px; } body.maquette-app .account-access-page .account-access-security { margin:0; } } body.maquette-app .account-access-page .account-login-form > label { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } body.maquette-app .account-access-page .account-login-form > label > span:first-child { font-size:12px; letter-spacing:0; text-transform:none; color:var(--text); } body.maquette-app .account-access-page .account-response-card { text-align:left; } body.maquette-app .account-access-page .account-response-hint { font-size:13px; line-height:1.6; color:var(--muted); } /* Contact reuses the account access cards, fields and actions. */ body.maquette-app .contact-modern-page .contact-store-card { position:static; } body.maquette-app .contact-modern-page .contact-message-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 16px; } body.maquette-app .contact-modern-page .contact-message-form > :is(.contact-field-wide,.contact-form-hint) { grid-column:1/-1; } body.maquette-app .contact-modern-page .contact-form-hint { margin:0; color:var(--muted); font-size:12px; } body.maquette-app .contact-modern-page .account-login-form textarea { width:100%; min-width:0; min-height:150px; padding:12px 14px; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--text); font:inherit; font-size:15px; line-height:1.6; resize:vertical; } body.maquette-app .contact-modern-page .account-login-form textarea:focus { border-color:var(--bb9-green); outline:2px solid color-mix(in srgb,var(--bb9-green) 20%,transparent); outline-offset:1px; } body.maquette-app .contact-modern-page .contact-message-form > .account-remember { display:flex; flex-direction:row; align-items:center; gap:9px; margin:0; font-weight:400; } body.maquette-app .contact-modern-page .contact-message-form > .account-remember > span { font-size:12px; font-weight:400; text-transform:none; letter-spacing:0; color:var(--muted); } body.maquette-app .contact-modern-page .contact-message-form > .account-login-actions { margin:0; } body.maquette-app .contact-modern-page .contact-message-form > .account-access-privacy { margin:0; } body.maquette-app .contact-modern-page .contact-store-name { margin:0 0 10px; font-size:15px; font-weight:600; overflow-wrap:anywhere; } body.maquette-app .contact-modern-page .contact-info-item { grid-template-columns:34px minmax(0,1fr); gap:12px; padding:16px 0; } body.maquette-app .contact-modern-page .contact-info-item > i { width:34px; height:34px; border-radius:10px; background:var(--soft); font-size:15px; } body.maquette-app .contact-modern-page .contact-info-item span { font-size:11px; text-transform:none; } body.maquette-app .contact-modern-page .contact-info-item strong { font-size:14px; line-height:1.6; } body.maquette-app .contact-modern-page .contact-result-card { text-align:left; } body.maquette-app .contact-modern-page .contact-result-card > p { font-size:14px; line-height:1.7; } body.maquette-app .contact-modern-page .contact-result-card > .maquette-btn { margin-top:14px; } @media(max-width:700px) { body.maquette-app .contact-modern-page .contact-message-form { grid-template-columns:minmax(0,1fr); gap:16px; } body.maquette-app .contact-modern-page .account-login-form textarea { font-size:16px; } } body.maquette-app .contact-modern-page .maquette-btn > i { margin-right:6px; } /* The store login shares the public access layout without changing the signed-in BO. */ body.maquette-app .store-modern.account-access-page .store-signin.account-login-card { width:100%; max-width:none; }