/* Match NotchLauncherView.headerLogo: one icon, 0.55s movement and full turn. */
.product-carousel .native-collapsed > img{visibility:hidden}
.product-carousel .native-collapsed > .notch-expand-icon{display:none}
.product-carousel .native-expanded::after{
  content:"";position:absolute;left:9.4%;top:7.6%;width:4.5%;height:4.8%;
  background:#000;pointer-events:none
}
.product-carousel .notch-header-logo{
  position:absolute;z-index:5;left:50%;top:var(--logo-closed-y);
  width:var(--logo-closed-size);height:var(--logo-closed-size);
  transform:translate(-50%,-50%) rotate(0deg);pointer-events:none;
  transition:transform .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1)
}
.product-carousel .notch-header-logo > img{
  display:block;width:100%;height:100%;object-fit:contain;
  filter:none
}
.product-carousel :is(.native-notch,.files-stage).is-open .notch-header-logo{
  top:var(--logo-open-y);
  transform:translate(calc(-50% + var(--logo-offset)),-50%) rotate(-360deg)
}
.product-carousel :is(.native-notch,.files-stage).is-open .notch-header-logo > img{
  animation:none
}
@media(prefers-reduced-motion:reduce){
  .product-carousel .notch-header-logo{transition:none}
  .product-carousel :is(.native-notch,.files-stage).is-open .notch-header-logo > img{animation:none}
}
.product-carousel .files-header-logo{z-index:8}
.product-carousel .compact-resting-notch img{width:11.1%}

/* List entrance follows NotchLauncherView without changing horizontal text size. */
.product-carousel .notch-preview-list{
  transform:translateY(var(--list-enter-y,0px)) scaleY(var(--list-enter-scale,1));
  transform-origin:top center
}