.paper-material{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.paper-material>:is(canvas,.paper-tile){border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .22s cubic-bezier(.23,1,.32,1);display:block}.paper-material[data-paper-state=live]>:is(canvas,.paper-tile){opacity:1}.paper-material:before{content:"";border-radius:inherit;transition:opacity .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.paper-material[data-paper-state=live]:before{opacity:0}.sheet-vapor{z-index:-1;overflow:hidden}.sheet-vapor:before{opacity:var(--paper-progress,1);background:radial-gradient(352px 185px at calc(100% - 114px) -44px, color-mix(in oklab, var(--shop-cta) calc(var(--mat-vapor,1) * 34%), transparent) 0%, color-mix(in oklab, var(--shop-cta) calc(var(--mat-vapor,1) * 34%), transparent) calc(var(--mat-vapor-edge,0) * 71%), transparent 72%), radial-gradient(440px 88px at 100% 0, color-mix(in oklab, var(--shop-cta) calc((1 - var(--mat-vapor-edge,0)) * var(--mat-vapor,1) * 10%), transparent) 0%, transparent 100%);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--mat-selected) 40%, transparent)}.action-halo{inline-size:var(--halo-size,44px);block-size:var(--halo-size,44px);isolation:isolate;border-radius:50%;place-items:center;display:inline-grid;position:relative}.action-halo>.paper-material{inset:calc(var(--halo-size,44px) * -.6);border-radius:50%}.action-halo>.paper-material:before{inset:calc(var(--halo-size,44px) * .6);background:radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--shop-cta) 70%, white) 0%, var(--shop-cta) 48%, color-mix(in oklab, var(--shop-cta) 55%, black) 100%);outline:1.5px dashed color-mix(in oklab, var(--mat-selected) 80%, white);outline-offset:calc(var(--halo-size,44px) * .18)}.action-halo-glyph{z-index:1;color:var(--shop-onCta,white);place-items:center;display:inline-grid;position:relative}.rail-trace{z-index:-1}.rail-trace:before{background:linear-gradient(var(--rail-trace-axis,180deg), color-mix(in oklab, color-mix(in oklab, var(--mat-selected) 58%, var(--mat-cool)) 34%, transparent) 0%, color-mix(in oklab, var(--shop-cta) 30%, transparent) 55%, color-mix(in oklab, var(--mat-selected) 10%, transparent) 100%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mat-selected) 50%, transparent)}@container style(--mat-halo:neon){.action-halo>.paper-material:before{content:none}.action-halo-glyph{color:inherit}}