@property --prb-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.prb{min-width:100%;height:200px;color:var(--prb-fg);font-family:var(--font-editorial);letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px var(--prb-rest,#1c1a146b);background:0 0;border:solid;justify-content:center;align-items:center;padding:0 30px;font-size:16px;transition:box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}.prb:hover,.prb:focus-visible{box-shadow:inset 0 0 0 1px #0000}.prb canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.prb>span{z-index:2;white-space:nowrap;transition:color .3s,text-shadow .3s;position:relative}.prb:hover>span,.prb:focus-visible>span{text-shadow:0 1px 4px #00000059}.prb:hover{border:none}.prb:before{content:"";z-index:1;border-radius:inherit;padding:var(--prb-thick,3px);background:conic-gradient(from var(--prb-angle), var(--prb-c0), var(--prb-c1), var(--prb-cb), var(--prb-c2), var(--prb-c0));-webkit-mask-composite:xor;opacity:0;transition:opacity .4s,filter .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.prb:hover:before,.prb:focus-visible:before{opacity:1;filter:drop-shadow(0 0 7px var(--prb-cb))}.prb:focus-visible{outline-offset:3px;outline:2px solid}