/* Frame the supplied product captures without altering their interface. */
.fit-mobile-stage{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:0;
  min-height:640px;
  height:auto;
  padding:28px 18px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.fit-mobile-stage:before{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  width:min(94%,475px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle at 36% 29%,#c3e8a6 0%,#a4d681 49%,#79b657 100%);
}
.fit-mobile-stage:after{content:none}
.fit-iphone{
  position:relative;
  z-index:1;
  flex:none;
  width:min(70%,300px);
  margin:0;
  filter:drop-shadow(0 24px 25px #1c3d2830);
}
.fit-iphone-device{position:relative;padding:8px;border:2px solid #51565a;border-radius:44px;background:linear-gradient(115deg,#31383a,#07090a 28%,#111617 77%,#64696b);box-shadow:inset 0 0 0 2px #0b0e10,0 8px 22px #0005}
.fit-iphone-screen{position:relative;overflow:hidden;padding:27px 0 15px;border-radius:34px;background:linear-gradient(to bottom,#f2f6f1 0 27px,#0d3024 27px)}
.fit-iphone--professional .fit-iphone-screen{background:linear-gradient(to bottom,#fff 0 27px,#0d3024 27px)}
.fit-iphone-capture{position:relative;overflow:hidden;aspect-ratio:646 / 1205;background:#f2f6f1}
.fit-iphone--student .fit-iphone-capture{aspect-ratio:648 / 1175}
.fit-iphone-capture img{position:absolute;left:0;top:0;display:block;width:100%;height:auto;max-width:none;filter:none!important}
.fit-iphone--student .fit-iphone-capture img{top:-2.5532%}
.fit-iphone-island{position:absolute;z-index:3;top:14px;left:50%;width:28%;height:16px;transform:translateX(-50%);border-radius:99px;background:#0a0c0e;box-shadow:inset 0 1px 2px #000,0 1px 1px #fff4}
.fit-iphone-home{position:absolute;z-index:3;left:50%;bottom:15px;width:27%;height:4px;transform:translateX(-50%);border-radius:99px;background:#edf8e8}
@media(max-width:800px){
  .fit-mobile-stage{min-height:610px;padding:24px 14px}
  .fit-iphone{width:min(76%,280px)}
}
@media(max-width:560px){
  .fit-mobile-stage{min-height:0;padding:24px 8px}
  .fit-mobile-stage:before{width:min(97%,360px)}
  .fit-iphone{width:min(82%,278px)}
}
