.aom-page{
  width:100%;
  min-width:0;
}

.aom-page .aom-page-header{
  align-items:flex-end;
}

.aom-page .aom-open-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  white-space:nowrap;
}

.aom-frame-shell{
  position:relative;
  width:100%;
  height:720px;
  min-height:640px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
}

.aom-frame{
  display:block;
  width:100%;
  height:720px;
  min-height:640px;
  border:0;
  background:transparent;
}

.aom-loading{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#fff;
  color:#556274;
  font-size:12px;
  transition:opacity .2s ease,visibility .2s ease;
}

.aom-loading-spinner{
  width:22px;
  height:22px;
  border:3px solid #dce8f8;
  border-top-color:var(--blue);
  border-radius:50%;
  animation:aom-spin .8s linear infinite;
}

.aom-frame-shell.is-loaded .aom-loading{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}

@keyframes aom-spin{
  to{transform:rotate(360deg)}
}

@media(max-width:900px){
  .aom-page .aom-page-header{
    display:flex;
    gap:14px;
  }

}

@media(max-width:540px){
  .aom-page .aom-page-header{
    display:block;
  }

  .aom-page .aom-page-header .actions{
    margin-top:14px;
  }

  .aom-page .aom-open-button{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .aom-loading-spinner{animation:none}
}