.kwestt-device-stage{
  --kwestt-desktop-x:50%;
  --kwestt-desktop-y:0%;
  --kwestt-mobile-x:50%;
  --kwestt-mobile-y:0%;
}
.kwestt-device-stage--bg-soft .kwestt-device-stage__glow{background:rgba(112,176,128,.31)}
.kwestt-device-stage--bg-warm .kwestt-device-stage__glow{background:rgba(214,190,150,.26)}
.kwestt-device-stage--bg-dark .kwestt-device-stage__glow{background:rgba(38,74,49,.42);opacity:.9}
.kwestt-device-stage--bg-none .kwestt-device-stage__glow{display:none}
.kwestt-browser-frame__image{
  object-position:var(--kwestt-desktop-x) var(--kwestt-desktop-y);
}
.kwestt-phone-frame__screen{
  overflow:hidden;
  border-radius:20px;
  background:#fff;
}
.kwestt-phone-frame__image{
  object-position:var(--kwestt-mobile-x) var(--kwestt-mobile-y);
}
.kwestt-device-stage--cropped .kwestt-browser-frame__screen{aspect-ratio:16/10}
.kwestt-device-stage--cropped .kwestt-browser-frame__image{width:100%;height:100%;object-fit:cover}
.kwestt-device-stage--cropped .kwestt-phone-frame__screen{aspect-ratio:9/16}
.kwestt-device-stage--cropped .kwestt-phone-frame__image{width:100%;height:100%;object-fit:cover}
.kwestt-device-stage--split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(120px,.28fr);
  gap:clamp(20px,4vw,46px);
  align-items:end;
  padding-right:0;
}
.kwestt-device-stage--split .kwestt-browser-frame{transform:rotate(-.5deg)}
.kwestt-device-stage--split .kwestt-phone-frame{
  position:relative;
  right:auto;
  bottom:auto;
  width:100%;
  max-width:230px;
  justify-self:end;
}
.kwestt-device-stage--browser{padding-right:0}
.kwestt-device-stage--flat .kwestt-browser-frame{
  border:0;
  border-radius:calc(var(--kwestt-radius) + 2px);
  background:transparent;
  box-shadow:0 28px 80px rgba(17,21,19,.15);
  transform:none;
}
.kwestt-device-stage--flat .kwestt-browser-frame__bar,
.kwestt-device-stage--flat .kwestt-phone-frame__speaker{display:none}
.kwestt-device-stage--flat .kwestt-phone-frame{padding:0;border:0;border-radius:18px;transform:none}
.kwestt-device-stage--flat .kwestt-phone-frame__screen{border-radius:18px}
.kwestt-device-stage--phone-only{display:flex;justify-content:center;padding-right:0}
.kwestt-device-stage--phone-only .kwestt-phone-frame{position:relative;right:auto;bottom:auto;width:min(42%,250px)}
@media(max-width:680px){
  .kwestt-device-stage--split{grid-template-columns:minmax(0,1fr) minmax(82px,.26fr);gap:14px;padding-right:0}
  .kwestt-phone-frame__screen{border-radius:14px}
}