@layer reset, base, tokens, recipes, utilities;@layer base{body,html{height:100%}html{--meercook-safe-area-top:env(safe-area-inset-top,0px);--meercook-safe-area-right:env(safe-area-inset-right,0px);--meercook-safe-area-bottom:env(safe-area-inset-bottom,0px);--meercook-safe-area-left:env(safe-area-inset-left,0px)}.meercook-mobile-shell body{min-height:100dvh;padding:var(--meercook-safe-area-top) var(--meercook-safe-area-right) var(--meercook-safe-area-bottom) var(--meercook-safe-area-left)}}@keyframes slide-to-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-to-left-half{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.forward-transition::view-transition-old(root){animation:.5s var(--view-transition-ease) both slide-to-left-half}.forward-transition::view-transition-new(root){animation:.5s var(--view-transition-ease) both slide-to-left}@keyframes slide-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.back-transition::view-transition-old(root){animation:.5s var(--view-transition-ease) both slide-to-right}@keyframes slide-to-right-half{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.back-transition::view-transition-new(root){animation:.5s var(--view-transition-ease) both slide-to-right-half}::view-transition-group(meercook-primary-action-bar),::view-transition-new(meercook-primary-action-bar),::view-transition-old(meercook-primary-action-bar){animation:none;mix-blend-mode:normal}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none}}