@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply font-poppins}}@layer components{.btn-circle{@apply flex items-center justify-center p-2 transition-all duration-300 ease-in-out bg-white rounded-full lg:p-3 shadow-shadow-btn size-10 lg:size-12 hover:opacity-80}.btn-pill{@apply bg-zinc-50 py-[5px] px-[30px] flex items-center justify-center border border-zinc-50 transition-all duration-300 ease-in-out hover:border-grey-950 rounded-3xl text-sm text-grey-950 font-medium}.btn-pill-active{@apply border-grey-950}.animate{@apply transition-all duration-300 ease-in-out}.hover-opacity{@apply hover:opacity-80}}@layer utilities{.slider{align-items:center;background-color:#6d6d6d;border-radius:100px;display:flex;height:24px;position:relative;width:40px}.slider:after{background-color:#f6f6f6;border-radius:100%;content:"";display:flex;height:16px;left:4px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s cubic-bezier(.4,0,.2,1) 0s,background-color .3s cubic-bezier(.4,0,.2,1) 0s;width:16px;will-change:left,background-color}.switch input[type=checkbox]:checked+.slider{background-color:#313131}.switch input[type=checkbox]:checked+.slider:after{left:20px}.switch input[type=checkbox]{display:none}}