.pill{border-radius:.375rem;width:max-content;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.pill.dark{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.pill.light{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.pill.outlined{border-width:1px}
.plan{--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:#1414161a;border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:2.5rem 2rem;display:flex}.plan .title{width:100%;max-width:11rem;margin-bottom:1.25rem}.plan .price>span:nth-of-type(2){--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan .button{text-align:center;background-color:#0000;border-width:1px;border-color:currentColor;border-radius:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block}.plan .button:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan .features li{--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1));gap:.5rem;margin-bottom:1.25rem;display:flex}.plan.dark{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.plan.dark .price>span:nth-of-type(2),.plan.dark .features li{--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.plan.light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.light .button{--tw-border-opacity:1;border-width:1px;border-color:rgb(20 20 22/var(--tw-border-opacity,1))}.plan.light .button:hover{--tw-border-opacity:1;border-color:rgb(20 20 22/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.light .button{transition-duration:.2s}.plan.light .button.accent{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.yellow{--tw-bg-opacity:1;background-color:rgb(251 210 100/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.yellow .title span,.plan.yellow .price>span,.plan.yellow .helper>span{--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.yellow .button{--tw-border-opacity:1;border-width:1px;border-color:rgb(20 20 22/var(--tw-border-opacity,1))}.plan.yellow .button:hover{--tw-border-opacity:1;border-color:rgb(20 20 22/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.yellow .button{transition-duration:.2s}.plan.yellow .button.accent{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.yellow .features li{--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.blue{--tw-bg-opacity:1;background-color:rgb(60 76 117/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.blue .title span,.plan.blue .price>span,.plan.blue .helper>span{--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.plan.blue .button.accent{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.blue .features li{--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}
