.pc{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.pc:hover{transform:translateY(-4px)}.pc-art{transition:transform 1.2s cubic-bezier(.16,1,.3,1);animation:14s ease-in-out infinite alternate pc-drift;transform:scale(1.06)}.pc:hover .pc-art{transform:scale(1.12)}@keyframes pc-drift{0%{translate:-1.5%}to{translate:1.5% -1%}}@property --pc-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pc-popular:before{content:"";border-radius:inherit;background:conic-gradient(from var(--pc-angle), transparent 0 60%, var(--brand) 75%, #eafff5 80%, var(--brand) 85%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:1.5px;animation:5s linear infinite pc-spin;position:absolute;inset:-1px;-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}@keyframes pc-spin{to{--pc-angle:360deg}}.pc-feature{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards pc-in;transform:translateY(6px)}@keyframes pc-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pc,.pc-art{transition:none;animation:none}.pc:hover{transform:none}.pc-popular:before{animation:none}.pc-feature{opacity:1;animation:none;transform:none}}