html:has([data-storefront-scope]) body{background-color:var(--page-bg)}html:has([data-storefront-scope]) :is(.text-primary,.hover\:text-primary:hover,.group-hover\:text-primary:is(:where(.group):hover *)){color:var(--primary-text)}html:has([data-storefront-scope]) .border-primary{border-color:var(--ring)}html:has([data-storefront-scope]) :is(button,a,[role=button]).font-medium{font-weight:var(--button-weight)}html:has([data-storefront-scope]) :is(nav,aside) :is(button,a,[role=button]).font-medium:not([data-ui=button]){font-weight:var(--nav-weight)}html:has([data-storefront-scope]) :is(button,a,[role=button]).bg-background.border:is(.border-border,.border-border-strong):not(.rounded-full,.rounded-card,.rounded-card-sm){background-color:var(--button-secondary-bg)}html:has([data-storefront-scope]) :is(button,a,[role=button]).bg-background.border:is(.border-border,.border-border-strong):not(.rounded-full,.rounded-card,.rounded-card-sm):not(:focus-visible){box-shadow:var(--button-secondary-shadow)}html:has([data-storefront-scope]) :is(button,a,[role=button]).bg-background.border:is(.border-border,.border-border-strong):not(.rounded-full,.rounded-card,.rounded-card-sm):hover{background-color:var(--button-secondary-bg-hover)}@layer base{html:has([data-storefront-scope]) :is(div,main,section,aside,article,nav):not([tabindex]):focus{outline:none}html:has([data-storefront-scope]) [data-ui=button]{transition:filter .12s,background-color .12s,transform 80ms}html:has([data-storefront-scope]) [data-ui=button]:not([data-variant=outline]):hover{filter:brightness(.94)}html:has([data-storefront-scope]) [data-ui=button]:not([data-variant=outline]):active{filter:brightness(.86)}html:has([data-storefront-scope]) [data-ui=button][data-variant=outline]:hover{background-color:color-mix(in srgb, currentColor 8%, transparent)}html:has([data-storefront-scope]) [data-ui=button][data-variant=outline]:active{background-color:color-mix(in srgb, currentColor 14%, transparent)}html:has([data-storefront-scope]) [data-ui=link]:hover{text-underline-offset:3px;text-decoration-line:underline}html:has([data-storefront-scope]) [data-ui=link]:active{opacity:.8}html:has([data-storefront-scope]) :is(h1,h2,h3,h4,h5,h6){font-family:inherit}html:has([data-storefront-scope]) :is(.text-page-title,.text-card-title,.text-section-title):not(.tabular-nums){font-family:var(--font-heading)}}