/* shop-recovery/seller-editor-20261010/source/app/components/StorefrontCustomization.module.css */
.StorefrontCustomization_shop {
  container-type: inline-size;
  color: var(--shop-foreground);
  background: var(--shop-background);
  border-radius: 18px;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
  min-width: 0;
  line-height: 1.6;
}
.StorefrontCustomization_shop * {
  box-sizing: border-box;
}
.StorefrontCustomization_shop a {
  color: var(--shop-accent-text);
}
.StorefrontCustomization_shop :is(h1, h2, h3, p, figure, dl) {
  margin: 0;
}
.StorefrontCustomization_shop a:focus-visible {
  outline: 3px solid var(--shop-accent-text);
  outline-offset: 4px;
}
.StorefrontCustomization_cover {
  width: 100%;
  aspect-ratio: 3.6;
  min-height: 100px;
  max-height: 320px;
  background: color-mix(in srgb, var(--shop-accent) 18%, var(--shop-background));
  overflow: hidden;
}
.StorefrontCustomization_cover > span {
  width: 100%;
  height: 100%;
}
.StorefrontCustomization_cover img {
  object-fit: cover !important;
  object-position: var(--shop-cover-x,50%) var(--shop-cover-y,50%) !important;
}
.StorefrontCustomization_cover[data-position=top] img {
  object-position: top;
}
.StorefrontCustomization_cover[data-position=bottom] img {
  object-position: bottom;
}
.StorefrontCustomization_identity {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 32px;
  border-top: 6px solid var(--shop-accent);
}
.StorefrontCustomization_identity > div:last-child {
  min-width: 0;
}
.StorefrontCustomization_identity h1 {
  color: var(--shop-foreground);
  font-size: clamp(1.5rem, 4cqi, 2.4rem);
  line-height: 1.16;
  overflow-wrap: anywhere;
  font-weight: 750;
}
.StorefrontCustomization_logo {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  overflow: hidden;
  flex: 0 0 auto;
  background: white;
  color: #242128;
}
.StorefrontCustomization_logo > span {
  width: 100%;
  height: 100%;
}
.StorefrontCustomization_location {
  padding-top: 8px;
  font-size: .85rem;
  overflow-wrap: anywhere;
}
.StorefrontCustomization_welcome {
  padding-top: 12px;
  font-size: 1rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.StorefrontCustomization_shopSection {
  padding: 28px 32px 32px;
  border-top: 1px solid color-mix(in srgb, var(--shop-foreground) 18%, transparent);
}
.StorefrontCustomization_shopSection h2 {
  color: var(--shop-accent-text);
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 22px;
  overflow-wrap: anywhere;
}
.StorefrontCustomization_story {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 1rem;
}
.StorefrontCustomization_productGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.StorefrontCustomization_product {
  border: 1px solid #ddd6e5;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  color: #242128;
  min-width: 0;
}
.StorefrontCustomization_product a {
  color: #38244c;
}
.StorefrontCustomization_productImage {
  display: grid;
  place-items: center;
  background: #fff;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  font-size: .85rem;
}
.StorefrontCustomization_productImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.StorefrontCustomization_productBody {
  display: grid;
  gap: 9px;
  padding: 14px;
}
.StorefrontCustomization_productBody small {
  color: #594d64;
  font-size: .8rem;
}
.StorefrontCustomization_productBody h3 {
  font-size: .95rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.StorefrontCustomization_productBody h3 a {
  text-decoration: none;
}
.StorefrontCustomization_productLink {
  font-size: .8rem;
  text-underline-offset: 3px;
}
.StorefrontCustomization_gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.StorefrontCustomization_gallery figure {
  min-width: 0;
}
.StorefrontCustomization_galleryImage {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: color-mix(in srgb, var(--shop-accent) 12%, var(--shop-background));
}
.StorefrontCustomization_galleryImage > span {
  width: 100%;
  height: 100%;
}
.StorefrontCustomization_galleryImage > span > img {
  object-fit: cover;
}
.StorefrontCustomization_gallery figcaption {
  font-size: .9rem;
  padding-top: 10px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.StorefrontCustomization_businessGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.StorefrontCustomization_businessGrid address {
  font-size: 1rem;
  font-style: normal;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin-bottom: 16px;
}
.StorefrontCustomization_hours {
  font-size: .9rem;
}
.StorefrontCustomization_hours > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 7px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--shop-foreground) 15%, transparent);
}
.StorefrontCustomization_hours dd {
  margin: 0;
  text-align: right;
}
@container (max-width: 650px) {
  .StorefrontCustomization_identity {
    padding: 22px 18px;
    gap: 16px;
  }
  .StorefrontCustomization_logo {
    width: 72px;
    height: 72px;
  }
  .StorefrontCustomization_shopSection {
    padding: 24px 18px;
  }
  .StorefrontCustomization_productGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .StorefrontCustomization_productBody {
    padding: 10px;
  }
  .StorefrontCustomization_businessGrid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .StorefrontCustomization_gallery {
    gap: 12px;
  }
}
@container (max-width: 350px) {
  .StorefrontCustomization_identity {
    flex-direction: column;
    align-items: flex-start;
  }
  .StorefrontCustomization_gallery {
    grid-template-columns: 1fr;
  }
}
.StorefrontCustomization_contactLinks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.StorefrontCustomization_contactLinks a {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 64px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--shop-foreground) 25%, transparent);
  border-radius: 10px;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.StorefrontCustomization_contactLinks a:hover {
  text-decoration: underline;
}
.StorefrontCustomization_contactLinks a > span {
  color: var(--shop-foreground);
  font-size: .8rem;
}
.StorefrontCustomization_contactLinks strong {
  font-size: .95rem;
}
.StorefrontCustomization_contactNote {
  margin-top: 16px !important;
  font-size: .85rem;
}
@container (max-width: 450px) {
  .StorefrontCustomization_contactLinks {
    grid-template-columns: 1fr;
  }
}

/* shop-recovery/seller-editor-20261010/source/app/components/StorefrontCustomizationEditor.module.css */
.StorefrontCustomizationEditor_editor {
  position: relative;
  padding: 26px;
  background: #f8f6fa;
  color: #29212f;
  border: 1px solid #e4dce9;
  border-radius: 18px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.5;
}
.StorefrontCustomizationEditor_editor * {
  box-sizing: border-box;
}
.StorefrontCustomizationEditor_editor :is(p, h2, h3) {
  margin: 0;
}
.StorefrontCustomizationEditor_editor :is(button, input, select, textarea) {
  font: inherit;
}
.StorefrontCustomizationEditor_editor button {
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid #cfc2db;
  background: #fff;
  border-radius: 8px;
  color: #432f55;
  cursor: pointer;
  font-weight: 650;
  font-size: 12px;
}
.StorefrontCustomizationEditor_editor button:hover:not(:disabled) {
  background: #eee7f5;
}
.StorefrontCustomizationEditor_editor button:disabled {
  opacity: .48;
  cursor: not-allowed;
}
.StorefrontCustomizationEditor_editor :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid #6335a1;
  outline-offset: 3px;
}
.StorefrontCustomizationEditor_editor input:not([type=checkbox]):not([type=color]),
.StorefrontCustomizationEditor_editor select,
.StorefrontCustomizationEditor_editor textarea {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px;
  border: 1px solid #bcafc7;
  border-radius: 7px;
  background: #fff;
  color: #29212f;
}
.StorefrontCustomizationEditor_editor textarea {
  resize: vertical;
}
.StorefrontCustomizationEditor_editor input[type=file] {
  font-size: 11px;
}
.StorefrontCustomizationEditor_editor input[type=checkbox] {
  appearance: auto;
  width: 18px;
  height: 18px;
  min-width: 18px;
  accent-color: #6335a1;
  margin: 1px 0 0;
}
.StorefrontCustomizationEditor_editor label {
  display: grid;
  gap: 6px;
  font-weight: 600;
  font-size: 12px;
}
.StorefrontCustomizationEditor_editor small {
  color: #65566f;
  line-height: 1.55;
  font-size: 12px;
}
.StorefrontCustomizationEditor_editor .StorefrontCustomizationEditor_primary {
  color: #fff;
  border-color: #6335a1;
  background: #6335a1;
}
.StorefrontCustomizationEditor_editor .StorefrontCustomizationEditor_primary:hover:not(:disabled) {
  background: #4e2586;
}
.StorefrontCustomizationEditor_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 20px;
}
.StorefrontCustomizationEditor_header h2 {
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.2;
  margin: 5px 0 10px;
  color: #29212f;
}
.StorefrontCustomizationEditor_header p:not(.StorefrontCustomizationEditor_eyebrow) {
  max-width: 560px;
  color: #65566f;
}
.StorefrontCustomizationEditor_header a {
  color: #573084;
  font-size: 13px;
  white-space: nowrap;
}
.StorefrontCustomizationEditor_headerLinks {
  display: flex;
  gap: 16px;
  align-items: center;
}
.StorefrontCustomizationEditor_eyebrow {
  letter-spacing: .12em;
  font-size: 10px;
  font-weight: 800;
  color: #6335a1;
}
.StorefrontCustomizationEditor_statusBar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  border-block: 1px solid #e0d7e7;
  padding: 14px 0;
  margin-bottom: 22px;
}
.StorefrontCustomizationEditor_statusBar p {
  flex: 1 1 200px;
  font-size: 12px;
  color: #65566f;
}
.StorefrontCustomizationEditor_dirtyBadge,
.StorefrontCustomizationEditor_savedBadge {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
}
.StorefrontCustomizationEditor_dirtyBadge {
  color: #6a3e09;
  background: #fff0cc;
}
.StorefrontCustomizationEditor_savedBadge {
  color: #275c47;
  background: #e3f1e9;
}
.StorefrontCustomizationEditor_error {
  padding: 14px;
  margin: 12px 0;
  border: 1px solid #dbb5ad;
  border-radius: 9px;
  color: #7c2d20;
  background: #fff2ef;
}
.StorefrontCustomizationEditor_error button {
  margin-top: 10px;
}
.StorefrontCustomizationEditor_notice {
  padding: 12px 14px;
  margin: 12px 0 !important;
  border-radius: 9px;
  color: #315343;
  background: #eaf3ed;
}
.StorefrontCustomizationEditor_layout {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.55fr);
  gap: 26px;
  align-items: start;
}
.StorefrontCustomizationEditor_controls {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.StorefrontCustomizationEditor_panel {
  display: grid;
  gap: 16px;
  min-width: 0;
  margin: 0;
  padding: 20px;
  border: 1px solid #dfd5e7;
  border-radius: 12px;
  background: #fff;
}
.StorefrontCustomizationEditor_panel legend {
  padding: 0 6px;
  font-weight: 750;
  font-size: 15px;
  color: #432f55;
}
.StorefrontCustomizationEditor_panel legend span {
  font-size: 12px;
  font-weight: 500;
}
.StorefrontCustomizationEditor_panel p {
  font-size: 12px;
  color: #65566f;
}
.StorefrontCustomizationEditor_imageSlots {
  display: grid;
  gap: 20px;
}
.StorefrontCustomizationEditor_imageSlot {
  display: grid;
  gap: 9px;
}
.StorefrontCustomizationEditor_imageSlot button {
  justify-self: start;
}
.StorefrontCustomizationEditor_logoThumb {
  width: 80px;
  height: 80px;
  border: 1px solid #e0d7e7;
  border-radius: 10px;
  overflow: hidden;
}
.StorefrontCustomizationEditor_coverThumb {
  width: 100%;
  height: 100px;
  border-radius: 9px;
  background: #eee7f5;
  overflow: hidden;
}
.StorefrontCustomizationEditor_logoThumb > span,
.StorefrontCustomizationEditor_coverThumb > span,
.StorefrontCustomizationEditor_galleryThumb > span {
  width: 100%;
  height: 100%;
}
.StorefrontCustomizationEditor_editor .StorefrontCustomizationEditor_colorField {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
}
.StorefrontCustomizationEditor_colorField input {
  width: 44px;
  height: 40px;
  border: 1px solid #b7a9c3;
  border-radius: 6px;
  background: #fff;
}
.StorefrontCustomizationEditor_colorField span {
  font-size: 12px;
  font-family: monospace;
}
.StorefrontCustomizationEditor_blockList,
.StorefrontCustomizationEditor_selectedItems {
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 9px;
}
.StorefrontCustomizationEditor_blockList li,
.StorefrontCustomizationEditor_selectedItems li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  border: 1px solid #e0d7e7;
  border-radius: 8px;
  background: #fbf9fc;
}
.StorefrontCustomizationEditor_blockList li > span,
.StorefrontCustomizationEditor_selectedItems li > span {
  font-size: 12px;
  overflow-wrap: anywhere;
  min-width: 0;
}
.StorefrontCustomizationEditor_rowButtons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.StorefrontCustomizationEditor_rowButtons button {
  min-width: 40px;
}
.StorefrontCustomizationEditor_restoreBlock {
  justify-self: start;
}
.StorefrontCustomizationEditor_itemResults {
  max-height: 280px;
  overflow-y: auto;
  display: grid;
  gap: 8px;
}
.StorefrontCustomizationEditor_editor .StorefrontCustomizationEditor_itemResult {
  display: flex;
  gap: 10px;
  padding: 10px;
  background: #f9f6fc;
  border: 1px solid #e0d7e7;
  border-radius: 8px;
}
.StorefrontCustomizationEditor_itemResult span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.StorefrontCustomizationEditor_itemResult small {
  display: block;
  font-weight: 400;
  margin-top: 4px;
}
.StorefrontCustomizationEditor_galleryEntry {
  display: grid;
  gap: 12px;
  border-bottom: 1px solid #e0d7e7;
  padding-bottom: 18px;
}
.StorefrontCustomizationEditor_galleryEntry button {
  justify-self: start;
}
.StorefrontCustomizationEditor_galleryThumb {
  width: 100%;
  height: 150px;
  border-radius: 9px;
  overflow: hidden;
  background: #f3edf7;
}
.StorefrontCustomizationEditor_galleryThumb img {
  object-fit: cover;
}
.StorefrontCustomizationEditor_editor .StorefrontCustomizationEditor_checkbox,
.StorefrontCustomizationEditor_editor .StorefrontCustomizationEditor_consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.StorefrontCustomizationEditor_consent {
  padding: 12px;
  background: #fff7e7;
  border: 1px solid #d1bb8d;
  border-radius: 8px;
  color: #63451b;
}
.StorefrontCustomizationEditor_twoFields {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 12px;
}
.StorefrontCustomizationEditor_day {
  padding-top: 12px;
  border-top: 1px solid #e8e1ec;
}
.StorefrontCustomizationEditor_dayHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}
.StorefrontCustomizationEditor_hoursInputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}
.StorefrontCustomizationEditor_hoursInputs label {
  font-size: 11px;
}
.StorefrontCustomizationEditor_previewPanel {
  position: sticky;
  top: 24px;
  min-width: 0;
  display: grid;
  gap: 12px;
}
.StorefrontCustomizationEditor_previewToolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.StorefrontCustomizationEditor_previewToolbar h3 {
  font-size: 16px;
}
.StorefrontCustomizationEditor_previewToolbar select {
  width: auto;
  max-width: 65%;
}
.StorefrontCustomizationEditor_previewToolbar [aria-pressed=true] {
  background: #ece2f7;
  border-color: #6335a1;
}
.StorefrontCustomizationEditor_previewNote {
  color: #65566f;
  font-size: 12px;
}
.StorefrontCustomizationEditor_previewViewport {
  border: 1px solid #d6c9e1;
  border-radius: 14px;
  padding: 12px;
  background: #e9e4ed;
  overflow: auto;
  max-height: min(900px, 76vh);
}
.StorefrontCustomizationEditor_desktopPreview {
  width: 100%;
  min-width: 660px;
  background: #fff;
  border-radius: 12px;
}
.StorefrontCustomizationEditor_mobilePreview {
  width: min(100%, 375px);
  margin: 0 auto;
  border: 5px solid #2c2731;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
}
.StorefrontCustomizationEditor_actions {
  position: sticky;
  bottom: 10px;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  margin-top: 24px;
  background: #fff;
  border: 1px solid #d6c9e1;
  border-radius: 12px;
  box-shadow: 0 5px 24px #39254814;
}
.StorefrontCustomizationEditor_actions > span {
  font-size: 12px;
  color: #65566f;
}
.StorefrontCustomizationEditor_actions > div {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.StorefrontCustomizationEditor_confirmation {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: min(580px, calc(100vw - 48px));
  max-height: 75vh;
  overflow-y: auto;
  z-index: 5;
  margin-top: 14px;
  padding: 22px;
  display: grid;
  gap: 15px;
  color: #29212f;
  border: 2px solid #6335a1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 40px #39254826;
}
.StorefrontCustomizationEditor_confirmation h3 {
  font-size: 18px;
}
.StorefrontCustomizationEditor_addressWarning {
  padding: 12px;
  background: #fff0cc;
  color: #614207;
  border-radius: 8px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
  .StorefrontCustomizationEditor_layout {
    grid-template-columns: minmax(260px, 1fr) minmax(0, 1fr);
    gap: 18px;
  }
  .StorefrontCustomizationEditor_panel {
    padding: 16px;
  }
  .StorefrontCustomizationEditor_actions {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 760px) {
  .StorefrontCustomizationEditor_editor {
    padding: 16px;
  }
  .StorefrontCustomizationEditor_header {
    flex-direction: column;
    gap: 12px;
  }
  .StorefrontCustomizationEditor_layout {
    display: flex;
    flex-direction: column;
  }
  .StorefrontCustomizationEditor_controls,
  .StorefrontCustomizationEditor_previewPanel {
    width: 100%;
  }
  .StorefrontCustomizationEditor_previewPanel {
    position: static;
  }
  .StorefrontCustomizationEditor_actions {
    position: static;
  }
  .StorefrontCustomizationEditor_actions > div {
    display: grid;
    width: 100%;
  }
  .StorefrontCustomizationEditor_confirmation {
    position: fixed;
    inset: auto 12px 12px;
    width: auto;
    max-height: 70vh;
    overflow-y: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .StorefrontCustomizationEditor_editor * {
    scroll-behavior: auto;
  }
}
.StorefrontCustomizationEditor_sectionNav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}
.StorefrontCustomizationEditor_sectionNav a {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 8px 12px;
  background: #fff;
  color: #573084;
  border: 1px solid #d6c9e1;
  border-radius: 24px;
  font-size: 12px;
  text-decoration: none;
}
.StorefrontCustomizationEditor_panel,
.StorefrontCustomizationEditor_previewPanel {
  scroll-margin-top: 100px;
}
.StorefrontCustomizationEditor_themePresets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.StorefrontCustomizationEditor_themePresets button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}
.StorefrontCustomizationEditor_themePresets [aria-pressed=true] {
  border: 2px solid #6335a1;
  background: #eee7f5;
}
.StorefrontCustomizationEditor_themeSwatch {
  width: 22px;
  height: 22px;
  border: 1px solid #777;
  border-radius: 50%;
  flex: 0 0 auto;
}
.StorefrontCustomizationEditor_socialFields summary,
.StorefrontCustomizationEditor_sharingPanel summary {
  padding: 10px 0;
  min-height: 44px;
  cursor: pointer;
  font-weight: 700;
}
.StorefrontCustomizationEditor_socialFields label {
  margin-top: 12px;
}
.StorefrontCustomizationEditor_sharingPanel {
  margin-top: 24px;
  padding: 14px;
  background: #fff;
  border: 1px solid #d6c9e1;
  border-radius: 12px;
}
.StorefrontCustomizationEditor_editor input[type=range] {
  accent-color: #6335a1;
  padding: 0;
  min-height: 44px;
}
@media (max-width: 760px) {
  .StorefrontCustomizationEditor_editor :is(button, input, select, textarea) {
    min-height: 44px;
  }
  .StorefrontCustomizationEditor_editor input:not([type=checkbox]):not([type=color]),
  .StorefrontCustomizationEditor_editor select,
  .StorefrontCustomizationEditor_editor textarea {
    font-size: 16px;
  }
  .StorefrontCustomizationEditor_sectionNav {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 6px;
  }
  .StorefrontCustomizationEditor_sectionNav a {
    flex: 0 0 auto;
  }
  .StorefrontCustomizationEditor_previewToolbar {
    flex-wrap: wrap;
  }
  .StorefrontCustomizationEditor_previewToolbar select {
    max-width: 100%;
  }
}