.example-product-cell{align-items:center;gap:9px;min-width:0;display:flex}.example-product-cell img{object-fit:cover;background:var(--dt-surface);width:30px;height:30px;box-shadow:0 0 0 1px color-mix(in srgb, var(--dt-border) 70%, transparent);border-radius:6px;flex:0 0 30px}.example-product-cell span{flex-direction:column;gap:2px;min-width:0;line-height:1.15;display:flex}.example-product-cell strong,.example-product-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.example-product-cell strong{color:var(--dt-text);font-size:11px;font-weight:650}.example-product-cell small{color:var(--dt-muted);font-size:9px}.example-stock{align-items:center;gap:8px;width:100%;display:flex}.example-stock>span{background:color-mix(in srgb, var(--dt-muted) 20%, transparent);border-radius:4px;flex:1;height:5px;overflow:hidden}.example-stock i{background:var(--dt-accent);border-radius:inherit;height:100%;display:block}.example-stock strong{text-align:right;width:28px;font:10px var(--dt-mono)}.example-status{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:600}.example-status.is-live{color:#137a50;background:#dff6eb}.example-status.is-draft{color:#745d18;background:#f8efcf}.example-status.is-paused{color:#8d4050;background:#fae3e8}html[data-dt-theme=dark] .example-status.is-live{color:#7de0b5;background:#183d30}html[data-dt-theme=dark] .example-status.is-draft{color:#e4ca75;background:#403717}html[data-dt-theme=dark] .example-status.is-paused{color:#efa3b0;background:#45242c}.example-rating{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;width:100%;display:inline-flex}.example-rating__stars{letter-spacing:1px;white-space:nowrap;background:linear-gradient(90deg, #e0a82e 0%, #e0a82e var(--rating-pct,0%), color-mix(in srgb, var(--dt-muted) 34%, transparent) var(--rating-pct,0%));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Apple Symbols,Segoe UI Symbol,Noto Sans Symbols,sans-serif;font-size:11px;line-height:1;display:inline-block}.example-rating strong{color:var(--dt-muted);font:10px var(--dt-mono)}.example-featured{min-width:62px;color:var(--dt-muted);background:color-mix(in srgb, var(--dt-muted) 10%, transparent);border:1px solid color-mix(in srgb, var(--dt-muted) 16%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:9px;font-weight:650;display:inline-flex}.example-featured.is-on{color:#2f5fcb;background:#e6edff;border-color:#c9d8ff}html[data-dt-theme=dark] .example-featured.is-on{color:#aabfff;background:#202b4d;border-color:#354574}.example-flag{align-items:center;gap:6px;font-size:11px;display:inline-flex}.example-flag img{box-shadow:0 0 0 1px color-mix(in srgb, var(--dt-border) 70%, transparent);border-radius:2px;display:block}.example-flag__meta{flex-direction:column;gap:1px;min-width:0;line-height:1.15;display:inline-flex}.example-flag__meta strong{font-size:11px;font-weight:600}.example-flag__meta small{color:var(--dt-muted,#6b7280);font-size:10px}.example-flag-select{box-sizing:border-box;align-items:stretch;width:100%;min-width:0;height:100%;display:flex}.example-flag-select.is-invalid .example-flag-select__trigger{outline-offset:1px;outline:1px solid #dc2626b3}.example-flag-select__trigger{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;margin:0;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.example-flag-select__trigger img{box-shadow:0 0 0 1px color-mix(in srgb, var(--dt-border) 70%, transparent);border-radius:2px;flex:none;display:block}.example-flag-select__trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.example-flag-select__chevron{opacity:.55;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0}.example-flag-select__menu{z-index:10050;overscroll-behavior:contain;border:1px solid var(--dt-border,#ddd);border-radius:var(--dt-popover-radius,var(--dt-radius,6px));background:var(--dt-surface,#fff);color:var(--dt-text,#111);box-shadow:0 10px 28px var(--dt-shadow,#0f172a29);box-sizing:border-box;contain:content;margin:0;padding:4px;list-style:none;position:fixed;overflow:auto}.example-flag-select__option{cursor:pointer;border-radius:4px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.example-flag-select__option img{border-radius:2px;display:block}.example-flag-select__option.is-active,.example-flag-select__option:hover{background:color-mix(in srgb, var(--dt-accent,#5558e8) 12%, transparent)}.example-flag-select__option.is-selected .example-flag-select__label{font-weight:650}.example-flag-select__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.example-flag-select__region{color:var(--dt-muted,#6b7280);font-variant-numeric:tabular-nums;font-size:10px}.example-flag-select__menu[data-dt-theme=dark]{background:var(--dt-surface,#171a21);box-shadow:0 10px 28px var(--dt-shadow,#00000073)}.example-product-editor{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;padding:10px 12px;display:flex}.example-product-editor.is-invalid{outline-offset:1px;border-radius:4px;outline:1px solid #dc2626b3}.example-product-editor__row{align-items:center;gap:8px;min-width:0;display:flex}.example-product-editor__image-trigger{border:1px solid var(--dt-border,#ddd);background:var(--dt-surface,#fff);color:inherit;cursor:pointer;border-radius:4px;flex:none;align-items:center;gap:4px;margin:0;padding:3px 6px 3px 3px;display:inline-flex}.example-product-editor__image-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--dt-accent,#5558e8) 70%, transparent);outline-offset:1px}.example-product-editor__image-trigger img{object-fit:cover;border-radius:3px;width:28px;height:28px;display:block}.example-product-editor__chevron{opacity:.55;border-top:4px solid;border-left:3px solid #0000;border-right:3px solid #0000;flex:none;width:0;height:0}.example-product-editor__input{border:1px solid var(--dt-border,#ddd);background:var(--dt-surface,#fff);min-width:0;height:30px;color:inherit;font:inherit;box-sizing:border-box;border-radius:4px;flex:auto;margin:0;padding:0 8px;font-size:11px}.example-product-editor__input:focus{outline:1px solid color-mix(in srgb, var(--dt-accent,#5558e8) 55%, transparent);outline-offset:0}.example-product-editor__menu{z-index:10050;overscroll-behavior:contain;border:1px solid var(--dt-border,#ddd);border-radius:var(--dt-popover-radius,var(--dt-radius,6px));background:var(--dt-surface,#fff);color:var(--dt-text,#111);box-shadow:0 10px 28px var(--dt-shadow,#0f172a29);box-sizing:border-box;margin:0;padding:8px;position:fixed;overflow:auto}.example-product-editor__grid{grid-template-columns:repeat(4,44px);gap:6px;padding:2px;display:grid}.example-product-editor__option{cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0;padding:2px;box-shadow:inset 0 0 0 1px #0000}.example-product-editor__option img{object-fit:cover;border-radius:3px;width:40px;height:40px;display:block}.example-product-editor__option.is-active,.example-product-editor__option:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--dt-accent,#5558e8) 70%, transparent);background:color-mix(in srgb, var(--dt-accent,#5558e8) 10%, transparent)}.example-product-editor__option.is-selected,.example-product-editor__option.is-active.is-selected,.example-product-editor__option.is-selected:hover{box-shadow:inset 0 0 0 2px var(--dt-accent,#5558e8)}.example-product-editor__menu[data-dt-theme=dark]{background:var(--dt-surface,#171a21);box-shadow:0 10px 28px var(--dt-shadow,#00000073)}.example-rating-editor{outline:none;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:inline-flex}.example-rating-editor.is-invalid{outline-offset:1px;border-radius:4px;outline:1px solid #dc2626b3}.example-rating-editor__stars{align-items:center;gap:1px;display:inline-flex}.example-rating-editor__star{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.example-rating-editor__glyph{color:color-mix(in srgb, var(--dt-muted) 34%, transparent);pointer-events:none;font-size:12px;line-height:1}.example-rating-editor__glyph.is-full{color:#e0a82e}.example-rating-editor__glyph.is-half{background:linear-gradient(90deg, #e0a82e 50%, color-mix(in srgb, var(--dt-muted) 34%, transparent) 50%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.example-rating-editor__hit{cursor:pointer;background:0 0;border:0;width:50%;margin:0;padding:0;position:absolute;top:0;bottom:0}.example-rating-editor__hit--left{left:0}.example-rating-editor__hit--right{right:0}.example-rating-editor strong{color:var(--dt-muted);font:10px var(--dt-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}.example-status-editor{align-items:stretch;width:100%;height:100%;display:flex}.example-status-editor.is-invalid .example-status-editor__trigger{outline-offset:1px;outline:1px solid #dc2626b3}.example-status-editor__trigger{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:0 8px;display:inline-flex}.example-status-editor__chevron{opacity:.55;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0}.example-status-editor__menu{z-index:10050;overscroll-behavior:contain;border:1px solid var(--dt-border,#ddd);border-radius:var(--dt-popover-radius,var(--dt-radius,6px));background:var(--dt-surface,#fff);color:var(--dt-text,#111);box-shadow:0 10px 28px var(--dt-shadow,#0f172a29);box-sizing:border-box;margin:0;padding:4px;list-style:none;position:fixed;overflow:auto}.example-status-editor__option{cursor:pointer;border-radius:4px;align-items:center;padding:5px 6px;display:flex}.example-status-editor__option.is-active,.example-status-editor__option:hover{background:color-mix(in srgb, var(--dt-accent,#5558e8) 12%, transparent)}.example-status-editor__menu[data-dt-theme=dark]{background:var(--dt-surface,#171a21);box-shadow:0 10px 28px var(--dt-shadow,#00000073)}.example-stock-editor{box-sizing:border-box;outline:none;align-items:center;gap:8px;width:100%;height:100%;padding:0 6px;display:flex}.example-stock-editor.is-invalid{outline-offset:1px;border-radius:4px;outline:1px solid #dc2626b3}.example-stock-editor__track{background:color-mix(in srgb, var(--dt-muted) 20%, transparent);cursor:pointer;touch-action:none;border-radius:4px;flex:1;height:8px;position:relative}.example-stock-editor__track i{border-radius:inherit;background:var(--dt-accent);pointer-events:none;height:100%;display:block}.example-stock-editor__thumb{background:var(--dt-surface,#fff);border:1px solid var(--dt-border,#ddd);pointer-events:none;border-radius:2px;width:12px;height:12px;margin-left:-6px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 2px #0f172a2e}.example-stock-editor strong{text-align:right;width:28px;font:10px var(--dt-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}
