.stepper{justify-content:center;gap:2rem;background-color:transparent;padding:1.5rem}.step-item,.stepper{display:flex;align-items:center}.step-item{position:relative;cursor:pointer;flex-direction:column}.step-item>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.step-item{padding:1rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.step-item.active,.step-item:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.step-item.completed{opacity:1}.step-item.disabled{cursor:not-allowed;opacity:.5}.step-item:hover:not(.disabled){--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.step-icon-container{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;border-color:transparent;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.step-item.active .step-icon-container{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-text-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.step-item.active .step-icon-container,.step-item.completed .step-icon-container{color:rgb(255 255 255/var(--tw-text-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.step-item.completed .step-icon-container{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity));--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.step-item:not(.active):not(.completed) .step-icon-container{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.step-item:not(.active):not(.completed):hover .step-icon-container{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.step-icon{height:1.25rem;width:1.25rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.step-item.active .step-icon{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.step-label{white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:-.025em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.step-item.active .step-label,.step-item.completed .step-label{font-weight:600;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.step-item:not(.active):not(.completed) .step-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.step-item:not(.active):not(.completed):hover .step-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.step-connector{height:.125rem;width:5rem;align-self:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.step-connector.active{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.step-connector.completed{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.step-item:focus-visible{border-radius:.5rem;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff}@media (max-width:768px){.stepper{gap:1rem;padding:1rem}.step-item{padding:.5rem}.step-icon-container{height:2.5rem;width:2.5rem}.step-label{font-size:.75rem;line-height:1rem}.step-connector{width:3rem}}@media (max-width:480px){.stepper{flex-direction:column;align-items:center;gap:1.5rem}.step-connector{height:2rem;width:.125rem;align-self:center;transform:rotate(90deg)}}.side-menu{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));background-color:hsla(0,0%,100%,.8);padding:1.5rem;--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.side-menu-item{display:flex;cursor:pointer;align-items:center;border-radius:.5rem;padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.side-menu-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.side-menu-item.active{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.side-menu-icon{margin-right:.75rem;height:1.25rem;width:1.25rem}.tooltip{position:absolute;padding:6px 10px;background-color:#1f2937;color:#fff;font-size:.75rem;border-radius:.375rem;z-index:9999;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;pointer-events:none}.tooltip:after{content:"";position:absolute;width:0;height:0;border-style:solid}.group:hover .tooltip{opacity:1;visibility:visible}.tooltip-top{bottom:calc(100% + 8px)}.tooltip-top,.tooltip-top:after{left:50%;transform:translateX(-50%)}.tooltip-top:after{top:100%;border-width:5px;border-color:#1f2937 transparent transparent}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip-bottom:after{bottom:100%;left:50%;transform:translateX(-50%);border-width:5px;border-color:transparent transparent #1f2937}.tooltip-left{right:calc(100% + 8px)}.tooltip-left,.tooltip-left:after{top:50%;transform:translateY(-50%)}.tooltip-left:after{left:100%;border-width:5px;border-color:transparent transparent transparent #1f2937}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right:after{right:100%;top:50%;transform:translateY(-50%);border-width:5px;border-color:transparent #1f2937 transparent transparent}