.lp-brand-peek,.lp-workspace-peek {
  color: var(--ink,#292824)
}
.lp-brand-peek {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 48px;
  align-items: center;
  padding-top: 56px!important;
  margin-top: 48px;
  border-top: 1px solid #dfe2d8
}
.lp-brand-peek-copy h3 {
  font: 500 clamp(28px,3vw,38px)/1.1 var(--f-display,Arial,sans-serif);
  letter-spacing: -.045em;
  margin: 12px 0 18px
}
.lp-brand-peek-copy>p:not(.lp-label) {
  font-size: 15px;
  line-height: 1.7;
  color: #65705d;
  max-width: 320px
}
.lp-brand-peek-copy>span {
  display: block;
  margin-top: 18px;
  font-size: 11px;
  color: #73806b
}
.lp-brand-window,.lp-peek-app {
  background: #fff;
  border: 1px solid #dbe0d5;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 45px -24px #1e351c24;
  min-width: 0
}
.lp-peek-top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  border-bottom: 1px solid #e3e6dd;
  background: #fbfcf9;
  min-width: 0
}
.lp-peek-top>b {
  font-size: 12px;
  font-weight: 500;
  min-width: 0;
  line-height: 1.4
}
.lp-peek-top>b>span {
  color: #8a9381;
  font-weight: 400
}
.lp-peek-window-dots {
  display: flex;
  gap: 4px;
  flex-shrink: 0
}
.lp-peek-window-dots i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cdd3c5
}
.lp-peek-demo {
  margin-left: auto;
  font-size: 10px;
  color: #76826c;
  border: 1px solid #e0e5d8;
  border-radius: 4px;
  padding: 4px 6px;
  white-space: nowrap
}
.lp-brand-window-body {
  display: grid;
  grid-template-columns: .95fr 1fr;
  gap: 18px;
  padding: 20px;
  align-items: start
}
.lp-brand-settings {
  min-width: 0
}
.lp-brand-settings>p:first-child {
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 14px
}
.lp-brand-tabs {
  display: flex;
  gap: 4px;
  padding: 3px;
  border-radius: 6px;
  background: #f1f3ec;
  margin-bottom: 22px
}
.lp-brand-tabs button {
  flex: 1;
  min-width: 0;
  min-height: 34px;
  font: 400 10px/1.3 var(--f-body,Arial,sans-serif);
  color: #75816b;
  border: 0;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  padding: 6px 5px
}
.lp-brand-tabs button[aria-pressed=true] {
  background: #fff;
  color: #293426;
  box-shadow: 0 1px 3px #21321810
}
.lp-brand-field {
  min-height: 104px
}
.lp-brand-field>span,.lp-brand-field>label {
  font-size: 12px;
  line-height: 1.5;
  color: #5d6b54;
  display: block;
  margin-bottom: 10px
}
.lp-brand-field select {
  display: block;
  max-width: 100%;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid #d4dccb;
  border-radius: 5px;
  padding: 8px;
  color: #39442f;
  background: #fff;
  font-size: 12px
}
.lp-brand-field input[type=range] {
  width: 100%;
  accent-color: #6f7757;
  margin-top: 12px
}
.lp-brand-tones {
  display: flex;
  gap: 8px
}
.lp-brand-tones button {
  display: flex;
  gap: 4px;
  padding: 9px;
  border: 1px solid #d8decd;
  background: #fff;
  border-radius: 7px;
  cursor: pointer;
  min-height: 44px
}
.lp-brand-tones button[aria-pressed=true] {
  border-color: #596948;
  box-shadow: inset 0 0 0 1px #596948
}
.lp-brand-tones i {
  width: 17px;
  height: 23px;
  border-radius: 3px
}
.lp-brand-field>small {
  display: block;
  font-size: 10px;
  color: #87917e;
  line-height: 1.5;
  margin-top: 10px
}
.lp-brand-settings .lp-brand-live {
  font-size: 10px;
  line-height: 1.5;
  color: #647857;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e6eadf
}
.lp-brand-preview-wrap {
  padding: 12px;
  background: #eef0e9;
  border-radius: 7px;
  min-width: 0
}
.lp-brand-preview {
  --lp-preview-space: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  justify-content: center;
  min-height: 228px;
  padding: var(--lp-preview-space);
  background: #f4f0e8;
  color: #27322b;
  box-shadow: 0 3px 10px #27322b12;
  transition: background .25s,color .25s,padding .25s
}
.lp-brand-mini-logo {
  font: italic 500 16px/1.1 var(--f-serif,Georgia,serif);
  letter-spacing: -.02em
}
.lp-brand-preview>small {
  font-size: 7px;
  letter-spacing: .08em;
  line-height: 1.4;
  margin-top: 6px
}
.lp-brand-preview>strong {
  font: 400 clamp(24px,2.5vw,34px)/.97 var(--f-serif,Georgia,serif);
  letter-spacing: -.045em
}
.lp-brand-preview>p {
  font-size: 10px;
  line-height: 1.5;
  margin: 0;
  max-width: 130px
}
.lp-brand-mini-cta {
  font-size: 8px;
  font-weight: 500;
  border-top: 1px solid currentColor;
  padding-top: 10px;
  margin-top: auto
}
.lp-brand-preview.is-dark {
  background: #27322b;
  color: #f4f0e8
}
.lp-brand-preview.is-sans>strong {
  font-family: var(--f-display,Arial,sans-serif);
  font-weight: 500
}
.lp-brand-preview-wrap>span {
  display: block;
  text-align: center;
  color: #86917b;
  font-size: 9px;
  line-height: 1.5;
  margin-top: 10px
}
.lp-workspace-peek {
  background: #f4f5ef;
  border-block: 1px solid #e6eadf
}
.lp-peek-app-body {
  display: grid;
  grid-template-columns: 186px minmax(0,1fr);
  min-height: 440px
}
.lp-peek-sidebar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  padding: 25px 14px 20px;
  border-right: 1px solid #e6e9e0;
  background: #fdfefb;
  min-width: 0
}
.lp-peek-sidebar>img {
  width: 126px;
  height: auto;
  max-width: 100%;
  margin: 0 10px 22px
}
.lp-peek-sidebar>span {
  font-size: 8px;
  color: #8a957e;
  letter-spacing: .06em;
  line-height: 1.5;
  margin: 6px 10px
}
.lp-peek-sidebar button {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 43px;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 10px;
  background: transparent;
  text-align: left;
  color: #6c7860;
  font: 400 12px/1.3 var(--f-body,Arial,sans-serif);
  cursor: pointer
}
.lp-peek-sidebar button>i {
  font-size: 17px;
  font-style: normal;
  color: #9aa68d
}
.lp-peek-sidebar button[aria-pressed=true] {
  background: #eef0e5;
  border-color: #e7ebdb;
  color: #34432c;
  font-weight: 500
}
.lp-peek-sidebar button[aria-pressed=true]>i {
  color: #65754f
}
.lp-peek-company {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 5px 10px
}
.lp-peek-company>i,.lp-peek-avatar {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  background: #6f7757;
  color: #f4f0e8;
  border-radius: 6px;
  font-size: 13px;
  font-style: normal;
  flex-shrink: 0
}
.lp-peek-company>div {
  display: grid;
  gap: 4px;
  min-width: 0
}
.lp-peek-company b {
  font-size: 11px;
  font-weight: 500
}
.lp-peek-company small {
  font-size: 8px;
  color: #8c987e;
  line-height: 1.4
}
.lp-peek-main {
  min-width: 0;
  background: #fff
}
.lp-peek-breadcrumb {
  padding: 15px 26px;
  border-bottom: 1px solid #edf0e6;
  font-size: 10px;
  color: #8a957e
}
.lp-peek-panel {
  padding: 25px 26px 22px
}
.lp-peek-view-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px
}
.lp-peek-view-head p {
  font-size: 9px;
  color: #839174;
  letter-spacing: .06em;
  margin: 0 0 8px
}
.lp-peek-view-head h3 {
  font: 500 25px/1.1 var(--f-display,Arial,sans-serif);
  letter-spacing: -.035em;
  margin: 0;
  color: #293226
}
.lp-peek-avatar {
  width: 35px;
  height: 35px
}
.lp-peek-overview {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 24px
}
.lp-peek-overview>button,.lp-peek-overview>div {
  display: grid;
  gap: 8px;
  align-content: center;
  min-width: 0;
  background: #f9faf6;
  border: 1px solid #e4e9db;
  border-radius: 8px;
  padding: 16px;
  text-align: left;
  color: #4d5c40
}
.lp-peek-overview>button {
  cursor: pointer
}
.lp-peek-overview>button:hover {
  border-color: #a6b48e;
  background: #f3f6eb
}
.lp-peek-overview span {
  font-size: 11px;
  line-height: 1.4
}
.lp-peek-overview strong {
  font: 500 34px/1 var(--f-display,Arial,sans-serif);
  letter-spacing: -.04em
}
.lp-peek-overview .lp-peek-brand-word {
  font: italic 400 23px/1 var(--f-serif,Georgia,serif);
  overflow-wrap: anywhere
}
.lp-peek-overview small {
  font-size: 9px;
  line-height: 1.4;
  color: #859575
}
.lp-peek-recent-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px
}
.lp-peek-recent-head h4 {
  font-size: 12px;
  font-weight: 500;
  margin: 0
}
.lp-peek-recent-head button {
  border: 0;
  background: transparent;
  color: #758561;
  font-size: 10px;
  cursor: pointer;
  min-height: 32px;
  padding: 5px 0
}
.lp-peek-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px
}
.lp-peek-cards>button,.lp-peek-cards>article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
  border: 1px solid #e5e9df;
  border-radius: 7px;
  background: #fff;
  padding: 8px;
  gap: 8px;
  color: #37432e;
  overflow: hidden
}
.lp-peek-cards>button {
  cursor: pointer
}
.lp-peek-cards>button:hover {
  border-color: #a1b088;
  box-shadow: 0 5px 16px #1c351012
}
.lp-peek-thumb {
  display: grid;
  place-items: center;
  background: #ecefe4;
  border-radius: 3px;
  aspect-ratio: 1.15;
  overflow: hidden;
  width: 100%;
  padding: 8px
}
.lp-peek-thumb .bp {
  width: 72%;
  box-shadow: 0 2px 5px #13240a12
}
.lp-peek-cards b {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4
}
.lp-peek-cards small {
  font-size: 9px;
  color: #87957a;
  line-height: 1.5
}
.lp-peek-example-label {
  font-size: 10px;
  color: #869378;
  border: 1px solid #e3e9db;
  padding: 6px 9px;
  border-radius: 5px
}
.lp-peek-week {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 7px;
  margin-bottom: 24px
}
.lp-peek-week button {
  display: grid;
  justify-items: center;
  gap: 16px;
  background: #fbfcf8;
  border: 1px solid #e3e8da;
  border-radius: 7px;
  min-height: 70px;
  padding: 14px;
  color: #7a886b;
  cursor: pointer;
  font-size: 12px
}
.lp-peek-week button[aria-pressed=true] {
  background: #6f7757;
  border-color: #6f7757;
  color: #fff
}
.lp-peek-week i {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #dfe5d6
}
.lp-peek-week i.on {
  background: #91a366
}
.lp-peek-week button[aria-pressed=true] i {
  background: #f4f0e8
}
.lp-peek-day-detail {
  display: grid;
  grid-template-columns: 118px minmax(0,1fr);
  gap: 22px;
  align-items: center;
  padding: 20px;
  border: 1px solid #e5eadd;
  border-radius: 9px
}
.lp-peek-calendar-thumb {
  display: grid;
  place-items: center;
  background: #edf0e6;
  padding: 12px;
  border-radius: 5px
}
.lp-peek-calendar-thumb .bp {
  width: 100%
}
.lp-peek-calendar-thumb > [data-peek-cal-thumb] {
  width: 100%
}
.lp-peek-day-detail small {
  font-size: 10px;
  color: #859475
}
.lp-peek-day-detail h4 {
  font: 500 22px/1.15 var(--f-display,Arial,sans-serif);
  letter-spacing: -.03em;
  margin: 10px 0
}
.lp-peek-day-detail p {
  font-size: 12px;
  color: #7f8e70;
  line-height: 1.6;
  margin: 0 0 16px
}
.lp-peek-planned {
  display: inline-block;
  border-radius: 5px;
  background: #eef3e4;
  color: #657c46;
  padding: 5px 8px;
  font-size: 9px
}
.lp-peek-day-detail.is-empty .lp-peek-calendar-thumb {
  opacity: .15;
  filter: grayscale(1)
}
.lp-peek-favourite {
  font-size: 11px;
  min-height: 36px;
  border: 1px solid #dce4cf;
  border-radius: 6px;
  color: #74855d;
  background: #fbfcf8;
  padding: 8px 10px;
  cursor: pointer
}
.lp-peek-favourite[aria-pressed=true] {
  background: #edf2e2;
  color: #566d39;
  border-color: #a9ba8e
}
.lp-peek-library-count {
  font-size: 11px;
  color: #839372;
  margin-top: 18px!important
}
.lp-peek-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 20px;
  border-top: 1px solid #e6ebdd;
  background: #fbfcf8
}
.lp-peek-bottom>span {
  font-size: 10px;
  color: #8b987c;
  line-height: 1.5
}
.lp-peek-bottom a {
  font-size: 12px;
  font-weight: 500;
  color: #5e7642;
  white-space: nowrap;
  text-decoration: none
}
.lp-peek-screenreader {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap
}
[data-workspace-peek] [hidden],[data-brand-peek] [hidden] {
  display: none!important
}
[data-workspace-peek] :focus-visible,[data-brand-peek] :focus-visible {
  outline: 3px solid #1557ff;
  outline-offset: 3px
}
/* Keep the dashboard secondary; the live creative and its controls sit in front. */
.pm-panel {
  position: relative;
  isolation: isolate
}
.pm-copy {
  position: relative;
  z-index: 5
}
.pm-art {
  transform-style: preserve-3d;
  isolation: isolate;
  padding-top: 36px;
  padding-bottom: 72px
}
.lp-pm-dashboard {
  position: absolute;
  left: -115px;
  top: 55px;
  width: 600px;
  height: 415px;
  background: #fafbf8;
  color: #293229;
  border: 1px solid #ffffff75;
  border-radius: 12px;
  overflow: hidden;
  opacity: .34;
  pointer-events: none;
  transform: translateZ(-90px) rotateY(18deg) rotateX(8deg) rotateZ(-7deg);
  transform-origin: center;
  box-shadow: 0 35px 70px -20px #051b7844
}
.lp-pm-chrome {
  height: 30px;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0 14px;
  border-bottom: 1px solid #dbe0d3;
  background: #fafcf8
}
.lp-pm-chrome>span {
  display: block;
  width: 5px;
  height: 5px;
  background: #c2caba;
  border-radius: 50%
}
.lp-pm-chrome>b {
  font-size: 9px;
  font-weight: 500;
  margin-left: 14px;
  color: #8b987b
}
.lp-pm-window {
  display: grid;
  grid-template-columns: 125px minmax(0,1fr);
  height: calc(100% - 30px)
}
.lp-pm-nav {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 20px 13px;
  border-right: 1px solid #dfe5d7;
  background: #fcfdfb
}
.lp-pm-nav>img {
  width: 100px;
  height: auto;
  margin-bottom: 8px
}
.lp-pm-nav small {
  font-size: 6px;
  letter-spacing: .07em;
  color: #8b997b;
  margin: 8px 0 0
}
.lp-pm-nav>span {
  font-size: 9px;
  color: #6e7f5d
}
.lp-pm-nav .on {
  background: #e6edd9;
  border-radius: 4px;
  padding: 8px;
  margin: -8px
}
.lp-pm-main {
  padding: 24px 20px
}
.lp-pm-welcome {
  display: grid;
  gap: 8px;
  margin-bottom: 18px
}
.lp-pm-welcome>span {
  font-size: 8px;
  color: #859873
}
.lp-pm-welcome>strong {
  font: 500 25px/1 var(--f-display,Arial,sans-serif);
  letter-spacing: -.035em
}
.lp-pm-summary {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  margin-bottom: 20px
}
.lp-pm-summary>span {
  display: grid;
  gap: 7px;
  border: 1px solid #e1e8d7;
  background: #f6f9f0;
  border-radius: 6px;
  padding: 12px;
  font-size: 7px
}
.lp-pm-summary b {
  font: 500 22px/1 var(--f-display,Arial,sans-serif)
}
.lp-pm-main>p {
  font-size: 10px;
  margin-bottom: 10px
}
.lp-pm-thumbs {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px
}
.lp-pm-thumbs>div {
  background: #eaf0df;
  border-radius: 5px;
  padding: 9px;
  display: grid;
  place-items: center;
  min-width: 0
}
.lp-pm-thumbs .bp {
  width: 90%
}
.lp-pm-activity {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  margin-top: 12px;
  border-top: 1px solid #e3ead9;
  font-size: 8px;
  color: #879b70
}
.lp-pm-activity>i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #839f61
}
.lp-pm-activity>span:last-child {
  margin-left: auto
}
.pm-art .pm-dev {
  width: 76%;
  margin-left: 18%;
  z-index: 2;
  box-shadow: 12px 32px 40px -16px #00134c75,0 5px 0 #d8e0f9;
  transform: translateZ(85px) rotateY(calc(var(--px) * 14deg)) rotateX(calc(var(--py) * -10deg));
  transform-style: preserve-3d
}
.pm-art .pm-formats {
  z-index: 3;
  left: -6%;
  top: 23%;
  transform: translate3d(calc(var(--px) * -26px),calc(var(--py) * -18px),145px);
  box-shadow: 10px 30px 30px -14px #00114d55
}
.pm-art .pm-done {
  z-index: 4;
  left: 0;
  bottom: 13px;
  transform: translate3d(calc(var(--px) * 22px),calc(var(--py) * 14px),190px);
  box-shadow: 10px 30px 35px -15px #00114d70
}
@media(max-width:1040px) {
  .lp-brand-peek {
    grid-template-columns: 1fr;
    gap: 28px
  }
  .lp-brand-peek-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 32px;
    align-items: start
  }
  .lp-brand-peek-copy .lp-label {
    grid-column: 1 / -1
  }
  .lp-brand-peek-copy h3 {
    grid-column: 1;
    grid-row: 2 / span 2;
    margin: 0
  }
  .lp-brand-peek-copy>p:not(.lp-label) {
    grid-column: 2;
    margin: 0
  }
  .lp-brand-peek-copy>span {
    grid-column: 2;
    margin: 0
  }
  .lp-brand-window {
    max-width: 740px;
    width: 100%;
    justify-self: center
  }
  .lp-brand-preview>strong {
    font-size: 36px
  }
  .lp-brand-window-body {
    gap: 28px;
    padding: 24px
  }
  .lp-brand-preview {
    min-height: 260px
  }
}
@media(max-width:760px) {
  .lp-brand-peek-copy {
    display: block
  }
  .lp-brand-peek-copy h3 {
    margin: 12px 0 16px
  }
  .lp-brand-peek-copy>p:not(.lp-label) {
    max-width: none
  }
  .lp-brand-peek-copy>span {
    margin-top: 16px
  }
  .lp-brand-window-body {
    padding: 18px;
    gap: 18px
  }
  .lp-brand-tabs button {
    min-height: 44px;
    font-size: 11px
  }
  .lp-peek-app-body {
    grid-template-columns: 1fr;
    min-height: 0
  }
  .lp-peek-sidebar {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 4px;
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid #e3e9da
  }
  .lp-peek-sidebar>img,.lp-peek-sidebar>span,.lp-peek-company {
    display: none
  }
  .lp-peek-sidebar button {
    justify-content: center;
    text-align: center;
    font-size: 11px;
    padding: 8px 5px;
    min-height: 46px;
    gap: 5px
  }
  .lp-peek-sidebar button>i {
    font-size: 15px
  }
  .lp-peek-panel {
    padding: 22px 18px
  }
  .lp-peek-breadcrumb {
    padding: 13px 18px
  }
  .lp-peek-overview {
    gap: 8px
  }
  .lp-peek-overview>button,.lp-peek-overview>div {
    padding: 12px 10px
  }
  .lp-peek-overview span {
    font-size: 10px
  }
  .lp-peek-overview small {
    font-size: 8px
  }
  .lp-peek-overview .lp-peek-brand-word {
    font-size: 20px
  }
  .lp-peek-cards {
    gap: 8px
  }
  .lp-peek-cards>button,.lp-peek-cards>article {
    padding: 6px
  }
  .lp-peek-cards b {
    font-size: 10px
  }
  .lp-peek-cards small {
    font-size: 9px
  }
  .lp-peek-thumb {
    padding: 5px;
    aspect-ratio: .9
  }
  .lp-peek-thumb .bp {
    width: 96%
  }
  .lp-peek-view-head h3 {
    font-size: 23px
  }
  .lp-peek-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 14px 18px
  }
  .lp-peek-top {
    padding: 13px 14px;
    gap: 10px
  }
  .lp-peek-demo {
    font-size: 8px
  }
  .lp-peek-top>b {
    font-size: 11px
  }
  .lp-peek-day-detail {
    grid-template-columns: 90px minmax(0,1fr);
    gap: 15px;
    padding: 14px
  }
  .lp-peek-day-detail h4 {
    font-size: 19px
  }
  .lp-peek-day-detail p {
    font-size: 11px
  }
  .lp-peek-week button {
    min-height: 66px;
    padding: 12px 6px
  }
  .lp-peek-favourite {
    font-size: 10px
  }
  .lp-pm-dashboard {
    left: -90px;
    top: 36px;
    width: 500px;
    height: 370px;
    opacity: .28
  }
  .pm-art .pm-dev {
    width: 87%;
    margin-left: 13%
  }
  .pm-art .pm-formats {
    left: -13%;
    top: 28%
  }
  .pm-art .pm-done {
    left: -9%;
    max-width: 110%
  }
  .pm-art .pm-fs button {
    min-height: 44px;
    min-width: 32px
  }
  .pm-art .pm-sc button {
    min-height: 32px;
    min-width: 32px
  }
}
@media(max-width:540px) {
  .lp-brand-window-body {
    grid-template-columns: 1fr
  }
  .lp-brand-field {
    min-height: 88px
  }
  .lp-brand-preview-wrap {
    max-width: 300px;
    width: 100%;
    justify-self: center
  }
  .lp-brand-preview {
    min-height: 250px
  }
  .lp-peek-recent-head {
    align-items: flex-start
  }
  .lp-peek-recent-head button {
    font-size: 9px;
    max-width: 110px;
    text-align: right
  }
  .lp-peek-cards {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .lp-peek-view-head h3 {
    font-size: 21px
  }
  .lp-peek-overview>button,.lp-peek-overview>div {
    padding: 10px 8px
  }
  .lp-peek-overview .lp-peek-brand-word {
    font-size: 17px
  }
  .lp-peek-day-detail {
    grid-template-columns: 1fr
  }
  .lp-peek-calendar-thumb {
    width: 100px;
    justify-self: center
  }
  .lp-peek-example-label {
    font-size: 8px;
    max-width: 70px;
    line-height: 1.4
  }
  .lp-peek-panel {
    padding: 20px 14px
  }
  .lp-peek-top>b {
    max-width: 140px
  }
  .lp-brand-peek-top span {
    display: none
  }
  .lp-peek-window-dots {
    display: none
  }
  .pm-art .pm-dev {
    width: 90%;
    margin-left: 13%
  }
  .lp-pm-dashboard {
    left: -90px;
    top: 50px;
    width: 440px;
    height: 330px;
    opacity: .25
  }
  .lp-pm-window {
    grid-template-columns: 100px minmax(0,1fr)
  }
  .lp-pm-nav {
    padding: 16px 9px
  }
  .lp-pm-nav>img {
    width: 80px
  }
  .lp-pm-main {
    padding: 20px 16px
  }
  .pm-art .pm-formats {
    left: -20%;
    top: 20%
  }
  .pm-art .pm-done {
    left: -13%;
    bottom: 24px
  }
}
@media(prefers-reduced-motion:reduce) {
  .lp-brand-preview {
    transition: none
  }
  .lp-pm-dashboard {
    transform: rotate(-5deg)
  }
  .pm-art .pm-dev {
    transform: none!important
  }
  .pm-art .pm-formats,.pm-art .pm-done {
    transform: none!important;
    transition: none!important
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-art .pm-dev { transform: translateZ(65px) rotateY(-7deg) rotateX(3deg) !important; }
  .pm-art .pm-formats { transform: translateZ(110px) !important; }
  .pm-art .pm-done { transform: translateZ(145px) !important; }
}

@media (min-width: 761px) {
 .lp-pm-dashboard { left: -50px; width: 560px; mask-image: linear-gradient(90deg, #000 0%, #000 78%, transparent 100%); }
}