.accent3d{--accent3d-line:var(--c-accent3d-line);--accent3d-arc:var(--c-accent3d-arc);--accent3d-arc-edge:var(--c-accent3d-arc-edge);inset:var(--p-zero-length);box-sizing:border-box;padding:var(--c-accent3d-width);border-radius:inherit;background:var(--accent3d-line);pointer-events:none;-webkit-mask-image:var(--c-accent3d-mask), var(--c-accent3d-mask);-webkit-mask-image:var(--c-accent3d-mask), var(--c-accent3d-mask);-webkit-mask-image:var(--c-accent3d-mask), var(--c-accent3d-mask);mask-image:var(--c-accent3d-mask), var(--c-accent3d-mask);-webkit-mask-composite:xor;-webkit-mask-composite:xor;position:absolute;overflow:clip;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.accent3d[data-tone=contrast]{--accent3d-line:var(--c-accent3d-contrast-line);--accent3d-arc:var(--c-accent3d-contrast-arc);--accent3d-arc-edge:var(--c-accent3d-contrast-arc-edge)}.accent3d-beam{opacity:var(--p-zero);transition:opacity var(--motion-accent3d-fade-time) var(--p-ease-linear);display:block;position:absolute}.accent3d[data-playing]>.accent3d-beam{opacity:var(--p-one)}.accent3d[data-shape=orbit]{padding:var(--p-zero);-webkit-mask-image:var(--c-accent3d-orbit-mask);-webkit-mask-image:var(--c-accent3d-orbit-mask);-webkit-mask-image:var(--c-accent3d-orbit-mask);mask-image:var(--c-accent3d-orbit-mask);-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-composite:source-over;mask-composite:add}.accent3d[data-shape=orbit]>.accent3d-beam{inset:var(--p-zero-length);border-radius:inherit;background:conic-gradient(from var(--c-accent3d-arc-from), transparent var(--c-accent3d-arc-start), var(--accent3d-arc-edge) var(--c-accent3d-arc-rise), var(--accent3d-arc) var(--c-accent3d-arc-peak), var(--accent3d-arc) var(--c-accent3d-arc-hold), var(--accent3d-arc-edge) var(--c-accent3d-arc-fall), transparent var(--c-accent3d-arc-span), transparent var(--c-accent3d-arc-end))}.accent3d:is([data-shape=frame],[data-shape=pill])>.accent3d-beam{top:var(--p-zero-length);left:var(--p-zero-length);width:var(--c-accent3d-frame-beam);height:var(--c-accent3d-frame-beam);margin:calc(var(--c-accent3d-frame-beam) / -2);border-radius:var(--p-radius-pill);background:radial-gradient(closest-side, var(--accent3d-arc) var(--c-accent3d-frame-core), var(--accent3d-arc-edge) var(--c-accent3d-frame-edge), transparent)}:where(.material-3d){position:relative}.material-3d{isolation:isolate;background-color:var(--c-material-3d-surface);background-image:var(--c-material-3d-gloss);color:var(--c-material-3d-ink)}.badge-3d{background-color:var(--c-badge-3d-surface);color:var(--c-badge-3d-ink);--c-accent3d-frame-beam:var(--s-badge-3d-beam)}.button-3d{--c-accent3d-frame-beam:var(--c-button-3d-beam);border:var(--p-hairline) solid transparent;text-align:center;box-shadow:var(--c-button-3d-shadow)}.button-3d:focus-visible{outline:var(--s-focus-ring);outline-offset:var(--s-focus-offset)}.button-3d>.accent3d{background:linear-gradient(var(--accent3d-line), var(--accent3d-line)), var(--c-button-3d-ring-base)}.button-3d>.icon-size{flex-shrink:var(--p-zero);color:inherit}.button-3d>.icon-size:first-of-type{transform:none}@media not all and (min-width:48rem){.button-3d{width:var(--p-full)}.product-card .button-3d{width:auto}}