@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.ayb-badge{flex-shrink:0;width:120px;height:120px;display:block;position:relative}.ayb-stage{position:absolute;inset:0}.ayb-halo{width:200%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ayb-halo-glaze{position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 46%,#0000 70%);mask-image:radial-gradient(closest-side,#000 46%,#0000 70%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ayb-plate{background:#f6efe3;border-radius:50%;position:absolute;inset:0}.ayb-disc,.ayb-glaze{position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ayb-disc-flat{background:#efbe83;position:absolute;inset:0}.ayb-el{width:100%;height:100%;position:absolute;inset:0}.ayb-el-ring{-webkit-mask-image:conic-gradient(from -90deg, #000 var(--sweep), transparent 0);mask-image:conic-gradient(from -90deg, #000 var(--sweep), transparent 0);-webkit-mask-image:conic-gradient(from -90deg, #000 var(--sweep), transparent 0)}.ayb-glaze,.ayb-halo-glaze{animation:1.2s ease-out both ayb-fadein}.ayb-play .ayb-plate,.ayb-badge-play .ayb-badge .ayb-plate{animation:.55s cubic-bezier(.2,.8,.3,1) both ayb-pop}.ayb-play .ayb-disc,.ayb-badge-play .ayb-badge .ayb-disc{animation:.8s cubic-bezier(.2,.8,.3,1) .2s both ayb-bloom}.ayb-play .ayb-el-ring,.ayb-badge-play .ayb-badge .ayb-el-ring{animation:1.05s cubic-bezier(.4,0,.2,1) .5s both ayb-ringdraw,.3s .5s both ayb-fade}.ayb-play .ayb-el-piping,.ayb-badge-play .ayb-badge .ayb-el-piping{animation:.6s cubic-bezier(.2,.8,.3,1) .7s both ayb-swing}.ayb-play .ayb-el-script,.ayb-badge-play .ayb-badge .ayb-el-script{animation:.9s cubic-bezier(.3,0,.2,1) .9s both ayb-write}.ayb-play .ayb-el-bakes,.ayb-badge-play .ayb-badge .ayb-el-bakes{animation:.5s cubic-bezier(.2,.8,.3,1) 1.5s both ayb-fadeup}.ayb-play .ayb-el-swirl,.ayb-badge-play .ayb-badge .ayb-el-swirl{animation:.55s cubic-bezier(.2,.8,.3,1) 1.7s both ayb-pop}.ayb-play .ayb-el-cookie,.ayb-badge-play .ayb-badge .ayb-el-cookie{animation:.65s cubic-bezier(.2,.8,.3,1) 1.85s both ayb-rise}.ayb-play .ayb-el-est,.ayb-badge-play .ayb-badge .ayb-el-est{animation:.5s cubic-bezier(.2,.8,.3,1) 2.2s both ayb-fadeup}.ayb-play .ayb-halo,.ayb-badge-play .ayb-badge .ayb-halo{animation:1.2s .1s both ayb-fadein}@keyframes ayb-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes ayb-bloom{0%{opacity:0;transform:scale(.78)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes ayb-fadein{0%{opacity:0}to{opacity:1}}@keyframes ayb-fade{0%{opacity:0}to{opacity:1}}@keyframes ayb-swing{0%{opacity:0;transform:rotate(-9deg)translateY(-10px)}to{opacity:1;transform:rotate(0)translateY(0)}}@keyframes ayb-write{0%{clip-path:inset(-3% 100% -3% 0)}to{clip-path:inset(-3% -2% -3% 0)}}@keyframes ayb-fadeup{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes ayb-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ayb-ringdraw{0%{--sweep:0deg}to{--sweep:360deg}}@media (prefers-reduced-motion:reduce){.ayb-play .ayb-plate,.ayb-play .ayb-disc,.ayb-play .ayb-el,.ayb-play .ayb-halo,.ayb-badge-play .ayb-badge .ayb-plate,.ayb-badge-play .ayb-badge .ayb-disc,.ayb-badge-play .ayb-badge .ayb-el,.ayb-badge-play .ayb-badge .ayb-halo,.ayb-glaze,.ayb-halo-glaze{animation:none!important}}