.frame {
  width: 100%;
  min-width: 1280px;
  min-height: 832px;
  display: flex;
}

.frame .view {
  width: 100%;
/*  width: 1280px;*/
  height: 100%;
/*  height: 832px;*/
  position: absolute;
  background-color: #ffffff;
  overflow: hidden;
}

.frame .i-pad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
/*  width: 1280px;*/
  height: 100%;
/*  height: 882px;*/
  background-image: url(../img/options.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 185px;
  height: 99px;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  padding: 17px 27px;
  position: absolute;
  top: 367px;
  left: 30%;
/*  left: 346px;*/
  background-color: var(--color-background-brand-default);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-brand-default);
}

.frame .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-brand-on-brand);
  font-size: var(--single-line-body-base-font-size);
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.frame .div-wrapper {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 185px;
  height: 99px;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  padding: 17px 27px;
  position: absolute;
  top: 367px;
  left: 45%;
/*  left: 545px;*/
  background-color: var(--color-background-brand-default);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-brand-default);
}

.frame .div {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 185px;
  height: 99px;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  padding: 17px 27px;
  position: absolute;
  top: 367px;
  left: 60%;
/*  left: 748px;*/
  background-color: var(--color-background-brand-default);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-brand-default);
}

.frame .film {
  position: absolute;
  top: 1305px;
  left: 415px;
  width: 48px;
  height: 48px;
}

.frame .message-square {
  position: absolute;
  top: 1309px;
  left: 614px;
  width: 48px;
  height: 48px;
}

.frame .target {
  position: absolute;
  top: 1305px;
  left: 817px;
  width: 48px;
  height: 48px;
}