.ct-gate{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:4.5rem 1.5rem 0;border:1px solid hsl(var(--primary) / .28);border-bottom:0;border-radius:9999px 9999px 0 0}.ct-gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,hsl(var(--primary-mint) / .8),hsl(var(--primary-mint) / .35));opacity:0}.ct-gate:after{content:"";position:absolute;left:-.5rem;right:-.5rem;bottom:-1px;height:3px;border-radius:999px;background:hsl(var(--primary) / .18)}.ct-gate-label{text-align:center;color:hsl(var(--primary))}.ct-gate-name{margin-top:.5rem;text-align:center;font-family:Tinos,Times New Roman,Times,serif;font-weight:400;font-size:clamp(1.625rem,1.1rem + 1.1vw,2.25rem);line-height:1.05;letter-spacing:-.02em;color:hsl(var(--primary))}.ct-gate-question{margin-top:1.75rem;font-family:Tinos,Times New Roman,Times,serif;font-size:clamp(1.1875rem,1rem + .45vw,1.375rem);line-height:1.3;color:hsl(var(--primary))}.ct-gate-honest{margin-top:1.25rem;padding:.9rem 1rem;border-radius:.75rem;background:hsl(var(--primary-mint) / .55);font-size:.9375rem;line-height:1.6;color:hsl(var(--foreground))}.ct-gate-exit{margin-top:auto;padding:2rem 0 1.75rem}.ct-gate-exit>.label:first-child{padding-top:1.25rem;border-top:1px dashed hsl(var(--primary) / .4)}.ct-gate[data-on=true]{border-color:hsl(var(--primary) / .65)}.ct-gate[data-on=true]:before{opacity:1}.ct-gate[data-on=true] .ct-service-name{background-size:100% 100%}.ct-gate[data-walked=true]:after{background:hsl(var(--primary))}.ct-gate>.turn-progress{z-index:1;top:auto;bottom:-1px;left:0;width:100%;height:3px;border-radius:999px;background:hsl(var(--primary-signal))}@media (prefers-reduced-motion: no-preference){.ct-gate{transition:border-color var(--dur-base, .45s) var(--ease-out-quiet, cubic-bezier(.16, 1, .3, 1))}.ct-gate:before{transition:opacity var(--dur-base, .45s) var(--ease-out-quiet, cubic-bezier(.16, 1, .3, 1))}.ct-gate:after{transition:background-color var(--dur-base, .45s) var(--ease-out-quiet, cubic-bezier(.16, 1, .3, 1))}}
