@layer saas-utils{.JuapzG_empty{justify-content:center;align-items:center;height:100%;display:flex}.JuapzG_emptyIcon{width:2.5rem;height:2.5rem;color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.JuapzG_emptyIcon{color:color-mix(in oklab, var(--muted-foreground) 20%, transparent)}}.JuapzG_root{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.JuapzG_phoneLayer{pointer-events:none;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;inset:0}.JuapzG_phoneGround{object-fit:cover;object-position:top;opacity:.4;filter:blur(12px);width:100%;height:100%;position:absolute;inset:0;scale:1.1}.JuapzG_phoneFrame{border:4px solid #171717;border:4px solid lab(7.78201% -.0000149012 0);border-radius:1.4rem;position:absolute;top:.5rem;bottom:.5rem;left:50%;overflow:hidden;translate:-50%;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 25px 50px -12px #00000040}.JuapzG_phoneShot{object-fit:cover;object-position:top;-webkit-user-drag:none;user-drag:none;width:100%;height:100%}.JuapzG_shot{pointer-events:none;object-position:top;-webkit-user-drag:none;user-drag:none;width:100%;height:100%;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;inset:0}.JuapzG_cover{object-fit:cover}.JuapzG_contain{object-fit:contain}.JuapzG_shown{opacity:1}.JuapzG_hidden{opacity:0}.JuapzG_dots{inset-inline:0;justify-content:center;gap:.25rem;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:.5rem}.JuapzG_dot{background-color:#fff;border-radius:2147483647px;width:.375rem;height:.375rem;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.JuapzG_dotOff{opacity:.4}}