.tawaf-step-layout{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;min-height:0;min-width:0;width:100%;max-width:100%;overflow:hidden;overflow-x:clip;padding-top:env(safe-area-inset-top,0);gap:0}.tawaf-step-layout .ritual-tawaf-header{flex-shrink:0}.tawaf-step-body{flex:1;min-height:0;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:0;overflow:hidden;overflow-x:clip}.tawaf-step-actions{flex-shrink:0;display:flex;flex-direction:column;gap:.375rem;min-height:4.625rem;margin-top:auto;padding-top:.25rem;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + .5rem);background:hsl(var(--background))}.tawaf-step-gps-card{flex:1;min-height:0;border-radius:1rem 1rem 0 0}.tawaf-step-dua,.tawaf-step-gps-card{overflow:hidden;display:flex;flex-direction:column}.tawaf-step-dua{flex-shrink:0;min-height:7.5rem;height:7.5rem;min-width:0;max-width:100%;overflow-x:clip;justify-content:flex-start;border-radius:0;margin:0}.tawaf-step-dua p{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.tawaf-step-layout .ritual-tawaf-header h1{font-size:1.125rem;line-height:1}.tawaf-step-layout .ritual-tawaf-header .mobile-header{margin-bottom:.125rem;padding-top:.25rem}.tawaf-step-layout .ritual-tawaf-header .mobile-header>div:first-child{align-items:center}.mobile-page-immersive:has(.tawaf-step-layout){overflow:hidden;touch-action:manipulation;padding-bottom:0;padding-top:0}