/* Keep the Overview creation shortcuts together in Classic and every theme. */
@media screen {
  .overview-create-actions {
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    gap:10px;
    max-width:100%;
  }
  .overview-create-actions > button,
  .ot285[data-design] .overview-create-actions > .ot-btn {
    min-height:44px;
    white-space:nowrap;
  }
  .overview-create-actions > button > svg {flex-shrink:0}
  .ot285[data-design] .ot-hero-actions {max-width:none;min-width:0}
}
@media screen and (min-width:761px) and (max-width:1100px) {
  .ot285[data-design] .ot-hero {flex-wrap:wrap}
  .ot285[data-design] .ot-hero-actions {flex-basis:100%}
}
@media screen and (max-width:760px) {
  .overview-create-actions {
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    width:100%;
    gap:8px;
  }
  .overview-create-actions > button,
  .ot285[data-design] .overview-create-actions > .ot-btn {
    min-width:0;
    min-height:44px;
    padding:10px 8px;
    font-size:11px;
    line-height:1.3;
    white-space:normal;
    text-align:center;
  }
  .overview-create-actions > button:only-child {grid-column:1/-1}
  .ot285[data-design] .ot-hero-actions {width:100%}
}