Atoms 109 Molecules Soon Organisms Soon Templates 1 Beta Pages Beta
Icons No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (21) Other (17)
--color-error #8b0000
--color-success #006400
--color-white #ffffff
--color-black #000000
--color-instock #3ed660
--color-lowstock #ee9441
--color-outofstock #c8c8c8
--gradient-image-overlay linear-gradient(to top, rgb(0 0 0 / 0.5), transparent)
--input-disabled-border-color rgb(var(--color-foreground-rgb) / var(--opacity-5-15))
--input-disabled-text-color rgb(var(--color-foreground-rgb) / var(--opacity-50))
--border-color rgb(var(--color-border-rgb) / var(--opacity-50))
--card-bg-hover rgb(var(--color-foreground-rgb) / var(--opacity-5))
--card-border-hover rgb(var(--color-foreground-rgb) / var(--opacity-30))
--color-foreground #000000
--color-primary #5c5c5c
--color-border #bfbfbf
--color-primary-button-text #ffffff Surface (3)
--input-disabled-background-color rgb(var(--color-foreground-rgb) / var(--opacity-10))
--color-background #fbfaf6
--color-primary-button-hover-background #333333 Show all 21 → Typography (16) Paragraph Family (6)
System The quick brown fox var(--font-paragraph--size) · var(--font-paragraph--weight) The quick brown fox var(--font-size--xs) · 400 The quick brown fox var(--font-paragraph--size) · 400 The quick brown fox var(--font-paragraph--size) · 400 The quick brown fox var(--font-size--body-md) · 400 The quick brown fox clamp(var(--cart-font-size--2xs),.7lh,var(--cart-font-size--xs)) · 400
The quick brown fox var(--font-h1--size) · var(--font-h1--weight)
The quick brown fox var(--font-h2--size) · var(--font-h2--weight)
The quick brown fox var(--font-h3--size) · var(--font-h3--weight)
The quick brown fox var(--font-h4--size) · var(--font-h4--weight)
The quick brown fox var(--font-h5--size) · var(--font-h5--weight)
The quick brown fox var(--font-h6--size) · var(--font-h6--weight)
The quick brown fox var(--font-size--sm) · 700
The quick brown fox var(--font-size--md) · var(--font-weight)
Menu Top Level Font Family (1)
System The quick brown fox var(--menu-top-level-font-size) · var(--menu-top-level-font-weight)
Menu Child Font Family (1)
System The quick brown fox var(--menu-child-font-size) · var(--menu-child-font-weight)
Spacing (20) Show all 20 → Border Radius (24) var(--style-border-radius-buttons-primary)
var(--style-border-radius-inputs)
var(--style-border-radius-popover)
var(--style-border-radius-buttons-secondary)
50%
var(--media-radius)
var(--variant-picker-swatch-radius)
var(--border-radius)
var(--checkbox-border-radius)
var(--style-border-radius-lg)
var(--style-border-radius-buttons)
20px
calc(var(--size))
var(--style-border-radius-50)
2rem
var(--style-border-radius-xs)
var(--shopify-accelerated-checkout-button-border-radius, 0px)
4px
var( --shopify-accelerated-checkout-button-border-radius, inherit )
var(--shopify-accelerated-checkout-button-border-radius, 4px)
6px
var(--search-border-radius)
var(--search-border-radius) var(--search-border-radius) 0 0
var(--style-border-radius-inputs) var(--style-border-radius-inputs) 0 0
Shadows (16) 0 0 0 var(--focus-outline-offset) var(--color-background)
var(--shadow-popover)
inset 0 0 0 var(--button-border-width) var(--button-border-color)
var(--input-box-shadow)
var(--input-box-shadow-focus)
0 4px 8px #0003
0 0 0 2px transparent
0 0 0 2px #000
0 0 10px var(--color-shadow)
0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-5))
0 0 0 0 transparent
var(--blurred-reflection-box-shadow)
0 2px 5px rgb(0 0 0 / var(--opacity-8))
var(--shadow-drawer)
0 -2px 10px #0000001a
0 calc(var(--border-width) * var(--box-shadow-multiplier)) 0 var(--box-shadow-color)
Borders (16) var(--product-card-border-width) solid rgb(var(--color-border-rgb) / var(--product-card-border-opacity))
var(--button-border-width) solid var(--button-border-color)
1px solid var(--color-primary)
var(--focus-outline-width) solid currentColor
var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity))
1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10))
var(--style-border-width-inputs) solid var(--color-input-border)
1px solid var(--color-border)
var(--border-width-sm) solid var(--color-foreground)
6px solid transparent
var(--border-width-sm) solid var(--border-color)
var(--border-width-sm) solid var(--border-color)
var(--border-width) solid var(--color-primary)
var(--border-bottom-width) solid var(--color-border)
1px solid #000
1px solid var(--color-foreground)
Inspection Notes • DOM skipped: page.evaluate: ReferenceError: __name is not defined
at eval (eval at evaluate (:290:30), <anonymous>:1:72)
at UtilityScript.evaluate (<anonymous>:292:16)
at UtilityScript.<anonymous> (<anonymous>:1:44) 