.HPfpuW_stage{container-type:inline-size}.HPfpuW_grid{grid-template-areas:"picker""screens""overview";gap:20px;display:grid}@container (min-width:34rem){.HPfpuW_grid{grid-template:"picker screens""overview screens"1fr/minmax(0,1fr) 14rem;gap:28px 24px}}.HPfpuW_picker{border:0;grid-area:picker;min-width:0;margin:0;padding:0}.HPfpuW_label{color:var(--color-text-2);font-size:var(--text-label);letter-spacing:var(--text-label--letter-spacing);font-weight:600;line-height:var(--text-label--line-height);text-transform:uppercase;margin-bottom:10px}.HPfpuW_track{background:var(--color-fog);border-radius:999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:2px;display:grid;position:relative}.HPfpuW_thumb{width:calc((100% - 4px) / var(--segments,3));background:var(--color-paper);box-shadow:var(--shadow-soft);border-radius:999px;position:absolute;top:2px;bottom:2px;left:2px}.HPfpuW_track:has(>.HPfpuW_option:nth-of-type(2)>input:checked)>.HPfpuW_thumb{transform:translate(100%)}.HPfpuW_track:has(>.HPfpuW_option:nth-of-type(3)>input:checked)>.HPfpuW_thumb{transform:translate(200%)}.HPfpuW_option{z-index:1;cursor:pointer;min-width:0;position:relative}.HPfpuW_optionText{min-height:44px;color:var(--color-text-2);font-size:var(--text-ui);font-weight:500;line-height:var(--text-ui--line-height);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:flex}@media (hover:hover){.HPfpuW_option:hover .HPfpuW_optionText{color:var(--color-ink)}}.HPfpuW_option>input:checked+.HPfpuW_optionText{color:var(--color-ink);font-weight:600}.HPfpuW_option>input:focus-visible+.HPfpuW_optionText{outline:2px solid var(--color-violet-ink);outline-offset:1px}.HPfpuW_monogram{background:var(--color-cloud);width:24px;height:24px;color:var(--color-text-2);font-size:var(--text-note);border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid}.HPfpuW_option>input:checked+.HPfpuW_optionText .HPfpuW_monogram{background:var(--color-violet-soft);color:var(--color-violet-ink)}html[data-motion=on] .HPfpuW_thumb{transition:transform var(--duration-ui) var(--ease-out-expo)}.HPfpuW_hint{color:var(--color-text-3);font-size:var(--text-caption);line-height:var(--text-caption--line-height);margin-top:10px}.HPfpuW_hintTouch{display:none}@media (hover:none) and (pointer:coarse){.HPfpuW_hintPointer{display:none}.HPfpuW_hintTouch{display:inline}}.HPfpuW_screens{--device-crop-height:22.5rem;grid-area:screens;min-width:0;display:grid}@container (min-width:34rem){.HPfpuW_screens{--device-crop-height:27rem;align-self:start}.HPfpuW_screens [data-device=phone]{width:14rem}}.HPfpuW_screen{grid-area:1/1;display:none}:is(.HPfpuW_stage:has(input[value=mila]:checked) .HPfpuW_screen[data-talent=mila],.HPfpuW_stage:has(input[value=alex]:checked) .HPfpuW_screen[data-talent=alex],.HPfpuW_stage:has(input[value=jules]:checked) .HPfpuW_screen[data-talent=jules]){display:block}@supports not selector(:has(*)){.HPfpuW_screen[data-talent=mila]{display:block}}@keyframes HPfpuW_agency-wipe{0%{clip-path:inset(0 100% 0 0)}}html[data-motion=on] .HPfpuW_screen [data-shop-preview]{animation:HPfpuW_agency-wipe var(--duration-reveal) var(--ease-out-expo) both}.HPfpuW_overview{grid-area:overview;min-width:0}@container (min-width:34rem){.HPfpuW_overview{align-self:end}}.HPfpuW_overviewTitle{color:var(--color-text-2);font-size:var(--text-label);letter-spacing:var(--text-label--letter-spacing);font-weight:600;line-height:var(--text-label--line-height);text-transform:uppercase;margin-bottom:8px}.HPfpuW_table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.HPfpuW_caption{caption-side:bottom;color:var(--color-text-3);font-size:var(--text-note);line-height:var(--text-note--line-height);text-align:left;padding-top:10px}.HPfpuW_table thead th{color:var(--color-text-3);font-size:var(--text-note);font-weight:500;line-height:var(--text-note--line-height);text-align:right;vertical-align:bottom;padding:0 6px 8px}.HPfpuW_table thead th:first-child{text-align:left;width:47%;padding-left:12px}.HPfpuW_table thead th:nth-child(2){width:21%}.HPfpuW_table thead th:last-child{padding-right:12px}.HPfpuW_table tbody th,.HPfpuW_table tbody td{isolation:isolate;border-top:1px solid var(--color-line);vertical-align:middle;height:56px;padding:0 6px;position:relative}.HPfpuW_table tbody th{text-align:left;padding-left:12px;font-weight:400}.HPfpuW_table tbody td{color:var(--color-ink);font-size:var(--text-ui);font-variant-numeric:tabular-nums;text-align:right}.HPfpuW_table tbody td:last-child{padding-right:12px}.HPfpuW_shopName,.HPfpuW_niche{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.HPfpuW_shopName{color:var(--color-ink);font-size:var(--text-caption);font-weight:500;line-height:var(--text-ui--line-height)}.HPfpuW_niche{color:var(--color-text-3);font-size:var(--text-note);line-height:var(--text-note--line-height);margin-top:2px}.HPfpuW_table tbody th:before,.HPfpuW_table tbody td:before{content:"";z-index:-1;background:var(--color-violet-wash);opacity:0;position:absolute;inset:0}.HPfpuW_table tbody th:before{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.HPfpuW_table tbody td:last-child:before{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.HPfpuW_table tbody th:after{content:"";background:var(--color-violet);opacity:0;border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:0}.HPfpuW_stage:has(input[value=mila]:checked) tr[data-talent=mila]>:before{opacity:1}.HPfpuW_stage:has(input[value=alex]:checked) tr[data-talent=alex]>:before{opacity:1}.HPfpuW_stage:has(input[value=jules]:checked) tr[data-talent=jules]>:before{opacity:1}.HPfpuW_stage:has(input[value=mila]:checked) tr[data-talent=mila]>th:after{opacity:1}.HPfpuW_stage:has(input[value=alex]:checked) tr[data-talent=alex]>th:after{opacity:1}.HPfpuW_stage:has(input[value=jules]:checked) tr[data-talent=jules]>th:after{opacity:1}html[data-motion=on] .HPfpuW_table tbody :is(th,td):before,html[data-motion=on] .HPfpuW_table tbody th:after{transition:opacity var(--duration-ui) var(--ease-out-expo)}@keyframes HPfpuW_agency-row{0%{opacity:0}}html[data-motion=on] .HPfpuW_stage .HPfpuW_table tbody tr{animation:HPfpuW_agency-row var(--duration-ui) var(--ease-out-expo) both}html[data-motion=on] .HPfpuW_stage .HPfpuW_table tbody tr:first-child{animation-delay:var(--duration-reveal)}html[data-motion=on] .HPfpuW_stage .HPfpuW_table tbody tr:nth-child(2){animation-delay:calc(var(--duration-reveal) + 80ms)}html[data-motion=on] .HPfpuW_stage .HPfpuW_table tbody tr:nth-child(3){animation-delay:calc(var(--duration-reveal) + .16s)}.HPfpuW_tour{display:none}html[data-motion=on] .HPfpuW_tour{display:contents}.HPfpuW_console{container-type:inline-size}.HPfpuW_consoleGrid{gap:20px;display:grid}.HPfpuW_tabs{--segments:2;border:0;max-width:22rem;margin:0;padding:0}.HPfpuW_tabs:has(.HPfpuW_option:nth-of-type(3)){--segments:3}.HPfpuW_panels{display:grid}.HPfpuW_panel{min-width:0;display:none}:is(.HPfpuW_console:has(input[value=shops]:checked) .HPfpuW_panel[data-panel=shops],.HPfpuW_console:has(input[value=orders]:checked) .HPfpuW_panel[data-panel=orders],.HPfpuW_console:has(input[value=hints]:checked) .HPfpuW_panel[data-panel=hints]){display:block}@supports not selector(:has(*)){.HPfpuW_panel[data-panel=orders]{display:block}}.HPfpuW_orders{gap:14px;display:grid}.HPfpuW_filter{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.HPfpuW_filterOption{cursor:pointer}.HPfpuW_filterText{background:var(--color-paper);min-height:36px;box-shadow:var(--shadow-hairline);color:var(--color-text-2);font-size:var(--text-caption);border-radius:999px;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}@media (hover:hover){.HPfpuW_filterOption:hover .HPfpuW_filterText{color:var(--color-ink)}}.HPfpuW_filterOption>input:checked+.HPfpuW_filterText{background:var(--color-ink);box-shadow:none;color:var(--color-paper)}.HPfpuW_filterOption>input:focus-visible+.HPfpuW_filterText{outline:2px solid var(--color-violet-ink);outline-offset:2px}.HPfpuW_orderTable{border-collapse:collapse;border-radius:var(--radius-md);background:var(--color-paper);width:100%;box-shadow:var(--shadow-soft);font-size:var(--text-caption)}.HPfpuW_orderTable th{color:var(--color-text-3);font-size:var(--text-note);text-align:left;padding:10px 14px;font-weight:500}.HPfpuW_orderTable th:last-child,.HPfpuW_orderAmount{text-align:right}.HPfpuW_orderTable td{border-top:1px solid var(--color-line);color:var(--color-ink);vertical-align:middle;padding:8px 14px}.HPfpuW_orderProduct{font-weight:500}.HPfpuW_orderAmount{font-variant-numeric:tabular-nums;white-space:nowrap}.HPfpuW_orderTable .HPfpuW_markName{font-size:var(--text-caption)}:is(.HPfpuW_console:has(input[name=agentur-filter][value=mila]:checked) tr[data-order]:not([data-talent=mila]),.HPfpuW_console:has(input[name=agentur-filter][value=alex]:checked) tr[data-order]:not([data-talent=alex]),.HPfpuW_console:has(input[name=agentur-filter][value=jules]:checked) tr[data-order]:not([data-talent=jules])){display:none}@keyframes HPfpuW_agency-panel{0%{opacity:0;transform:translateY(8px)}}:is(html[data-motion=on] .HPfpuW_console:has(input[value=orders]:checked:not(:default)) .HPfpuW_panel[data-panel=orders],html[data-motion=on] .HPfpuW_console:has(input[value=shops]:checked) .HPfpuW_panel[data-panel=shops]){animation:HPfpuW_agency-panel var(--duration-ui) var(--ease-out-expo) both}.HPfpuW_tiles{gap:10px;display:grid}.HPfpuW_tile{border-radius:var(--radius-md);background:var(--color-paper);min-width:0;box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:12px 14px;display:grid}.HPfpuW_mark{min-width:0;color:var(--color-ink);align-items:center;gap:8px;display:flex}.HPfpuW_markMonogram{background:var(--color-cloud);width:28px;height:28px;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-note);border-radius:999px;flex:none;place-items:center;font-weight:600;line-height:1;display:grid}.HPfpuW_markName{min-width:0;font-size:var(--text-ui);font-weight:600;line-height:var(--text-ui--line-height)}.HPfpuW_serif .HPfpuW_markName{font-family:var(--font-shop-serif), ui-serif, Georgia, serif;font-size:var(--text-title);font-weight:400}.HPfpuW_address{color:var(--color-text-3);font-size:var(--text-note);line-height:var(--text-note--line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.HPfpuW_metric{grid-area:1/2/span 2;justify-items:end;gap:2px;display:grid}.HPfpuW_metricLabel{color:var(--color-text-2);font-size:var(--text-caption);line-height:var(--text-caption--line-height)}.HPfpuW_metricValue{color:var(--color-ink);font-size:var(--text-display-s);letter-spacing:var(--text-display-s--letter-spacing);font-weight:500;line-height:var(--text-display-s--line-height);font-variant-numeric:tabular-nums}@container (min-width:34rem){.HPfpuW_tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.HPfpuW_tile{grid-template-columns:minmax(0,1fr);align-content:start;align-items:stretch;gap:12px;padding:14px}.HPfpuW_tile .HPfpuW_mark{min-height:56px}.HPfpuW_metric{border-top:1px solid var(--color-line);grid-area:auto;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;display:flex}}
