/* Ayumi Connect admin preview v1.4.49.
   A card begins ONLY one card-height below its resting position.
   Its entrance is explicitly staged across painted frames so the initial
   offscreen pose cannot be skipped on slow mobile browsers. */
:is(.v1422-sheet-backdrop,.v1426-nested-backdrop,.v1438-panel){
  animation:none!important;
  background:transparent!important;
  isolation:isolate;
  overflow:hidden;
  overscroll-behavior:contain;
}
:is(.v1422-sheet-backdrop,.v1426-nested-backdrop,.v1438-panel)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(49,26,26,.34);
  opacity:0;
  transition:opacity .54s ease-out!important;
}
.v1426-nested-backdrop::before{background:rgba(40,20,20,.42)!important}
.v1438-panel::before{background:rgba(22,32,35,.50)!important}
:is(.v1422-sheet-backdrop>.v1422-sheet,.v1426-nested-backdrop>.v1426-nested-sheet,.v1438-panel>.v1438-card){
  position:relative;
  z-index:1;
  animation:none!important;
  /* 100% is the card's OWN height. Starts directly below the screen,
     including for short edit panels; no invisible 100dvh overshoot. */
  transform:translate3d(0,calc(100% + 16px),0);
  transition:transform .78s cubic-bezier(.32,.34,.26,1)!important;
  transform-origin:center bottom;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
  overscroll-behavior:contain;
}
.v1448-motion.v1448-visible>.v1448-slide{transform:translate3d(0,0,0)}
.v1448-motion.v1448-visible::before{opacity:1}
/* Interaction takes ownership only after the opening state is interrupted. */
.v1448-motion.v1448-interacted>.v1448-slide{
  transition:transform .35s cubic-bezier(.25,.75,.25,1)!important;
}
.v1448-motion.v1448-interacted::before{
  opacity:var(--v1448-mask-opacity,1);
  transition:opacity .31s ease-out!important;
}
.v1448-motion.v1448-dragging>.v1448-slide,
.v1448-motion.v1448-dragging::before{transition:none!important}
.v1448-motion.v1448-closing>.v1448-slide{
  transition:transform .39s cubic-bezier(.30,.55,.35,1)!important;
}
.v1448-motion.v1448-closing::before{
  opacity:0!important;
  transition:opacity .36s ease-out!important;
}
.v1448-motion .v1422-grab-area,
.v1448-motion .v1448-client-grab{
  height:31px;
  flex:0 0 31px;
  min-height:31px;
  display:grid;
  place-items:center;
  touch-action:none;
  overscroll-behavior:none;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
}
.v1448-motion .v1422-grab,
.v1448-motion .v1448-handle{
  display:block;
  width:45px;
  height:5px;
  border-radius:999px;
  background:#bca5a5;
}
.v1438-panel.v1448-motion .v1448-handle{background:#98afa2}
.v1448-motion :is(.v1422-sheet-head,.v1426-nested-head,.v1438-head){
  touch-action:none;
  overscroll-behavior:none;
}
.v1448-motion :is(.v1422-sheet-body,.v1426-nested-body,.v1438-content){
  touch-action:pan-y;
  overscroll-behavior:contain;
}
.v1438-panel:not(.v1443-editor-overlay)>.v1438-card{height:min(84dvh,650px)}
.v1438-panel.v1448-motion .v1438-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}
.v1438-panel.v1448-motion .v1438-head{
  flex:none;
  margin-bottom:0;
  padding:5px 16px 12px;
}
.v1438-panel.v1448-motion .v1438-content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:12px 16px calc(30px + env(safe-area-inset-bottom));
}

/* WAAPI owns the opening movement, so no competing CSS transition is applied.
   The user explicitly requested sliding even with iOS Reduce Motion enabled. */
.v1448-motion.v1449-entering>.v1448-slide{transition:none!important}