/* Native style geometry adapted from SWELL 2.19.0 (GPL-3.0-or-later). */
.wp-block-image.is-style-pg-shadow img,
.wp-block-video.is-style-pg-shadow video {
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 4px 8px -4px rgba(0, 0, 0, 0.2);
}
.is-style-pg-browser {
  --frame-color: #ced1d5;
  --bar-height: 32px;
  --frame-width: 6px;
  --caption-fz: 12px;
  display: grid !important;
  grid-template-areas: "Bar" "Display";
  position: relative;
}
.pg-columns__item .is-style-pg-browser,
.wp-block-column .is-style-pg-browser,
.wp-block-gallery:not(.columns-1) .is-style-pg-browser {
  --frame-width: 4px;
  --caption-fz: 11px;
  --bar-height: 30px;
}
.is-style-pg-browser > .wp-block-group__inner-container {
  max-height: 400px;
  overflow-y: auto;
  padding: 1.5em;
  width: 100%;
}
.is-style-pg-browser:before {
  background: var(--frame-color)
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA1NiAxNCI+PGNpcmNsZSBjeD0iOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNlYzZhNWUiLz48Y2lyY2xlIGN4PSIyOCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiNmNWJmNTEiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjciIHI9IjYiIHN0eWxlPSJmaWxsOiM2MWM1NTUiLz48L3N2Zz4=)
    no-repeat left 8px top 50%;
  background-size: auto calc(var(--bar-height) - 20px);
  border-radius: 8px 8px 0 0;
  content: "";
  display: block;
  grid-area: Bar;
  height: var(--bar-height);
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.is-style-pg-browser.wp-block-image img,
.is-style-pg-browser.wp-block-video video,
.is-style-pg-browser > .wp-block-group__inner-container {
  box-sizing: border-box;
  background: #fff;
  border: solid var(--frame-width) var(--frame-color);
  border-radius: 0 0 8px 8px;
  border-top: none;
  box-shadow: 0 2px 24px -2px rgba(0, 0, 0, 0.25);
  color: #333;
  grid-area: Display;
}
.is-style-pg-browser.wp-block-image,
.is-style-pg-browser.wp-block-video {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.is-style-pg-browser.wp-block-image img,
.is-style-pg-browser.wp-block-video video {
  display: block;
  margin: 0 auto;
}
.is-style-pg-browser.is-style-pg-browser > figcaption {
  background: #fff;
  border-radius: 6px 6px 0 0;
  font-size: var(--caption-fz) !important;
  grid-area: Bar;
  left: calc((var(--bar-height) - 20px) * 5 + 8px);
  line-height: 1;
  margin: 0 !important;
  max-width: calc(100% - 80px);
  padding: 6px 8px;
  position: absolute;
  top: calc(var(--bar-height) - var(--caption-fz) - 14px);
  z-index: 2;
}
.wp-block-gallery .is-style-pg-browser figcaption {
  max-width: 100%;
  top: auto;
  width: 100%;
}
.is-style-pg-desktop {
  --body-color: #ced1d5;
  --bezel-width: 8px;
  --bezel-frame: 2px;
  --bezel-width--foot: calc(var(--bezel-width) * 5.5);
  --panel-ratio: 56.25%;
  display: grid !important;
  grid-template-areas: "Display" "Foot" "Caption";
  padding: 0;
  position: relative;
}
.pg-columns__item .is-style-pg-desktop,
.wp-block-column .is-style-pg-desktop,
.wp-block-gallery:not(.columns-1) .is-style-pg-desktop {
  --bezel-width: 6px;
}
.is-style-pg-desktop.wp-block-image {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.is-style-pg-desktop.wp-block-image img,
.is-style-pg-desktop.wp-block-video video,
.is-style-pg-desktop > .wp-block-group__inner-container {
  box-sizing: border-box;
  border: var(--bezel-width) solid #222;
  border-bottom-width: calc(var(--bezel-width) - var(--bezel-frame));
  border-radius: 6px 6px 0 0;
  display: block;
  grid-area: Display;
  margin: 0 auto;
  padding: 0;
  z-index: 0;
}
.is-style-pg-desktop > .wp-block-group__inner-container {
  background-color: #fff;
  color: #111;
  height: calc(100% - var(--bezel-width--foot));
  overflow-y: auto;
  padding: 1em;
  position: absolute;
  width: 100%;
}
.is-style-pg-desktop.wp-block-image img,
.is-style-pg-desktop.wp-block-video video {
  margin-bottom: var(--bezel-width--foot);
}
.is-style-pg-desktop figcaption {
  grid-area: Caption;
}
.is-style-pg-desktop:after {
  border: solid var(--bezel-frame) var(--body-color) !important;
  border-bottom-width: var(--bezel-width--foot) !important;
  border-radius: 6px 6px 8px 8px !important;
  box-sizing: border-box;
  content: "";
  display: block;
  grid-area: Display;
  height: 0;
  padding-top: var(--panel-ratio);
  pointer-events: none;
  width: 100%;
  z-index: 1;
}
.is-style-pg-desktop.wp-block-image:after,
.is-style-pg-desktop.wp-block-video:after {
  height: 100%;
  padding: 0;
  position: absolute;
  visibility: visible;
  width: 100%;
  z-index: 1;
}
.is-style-pg-desktop:before {
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.125),
      rgba(0, 0, 0, 0.05) 55%,
      rgba(0, 0, 0, 0.05) 75%,
      rgba(0, 0, 0, 0.075) 92%,
      hsla(0, 0%, 100%, 0.3) 96%,
      rgba(0, 0, 0, 0.35) 99%
    ),
    linear-gradient(
      to right,
      hsla(0, 0%, 100%, 0.2),
      rgba(0, 0, 0, 0.35) 1%,
      hsla(0, 0%, 100%, 0.3) 4%,
      rgba(0, 0, 0, 0.02) 8%,
      hsla(0, 0%, 100%, 0.2) 25%,
      hsla(0, 0%, 100%, 0.2) 75%,
      rgba(0, 0, 0, 0.02) 92%,
      hsla(0, 0%, 100%, 0.3) 96%,
      rgba(0, 0, 0, 0.35) 99%,
      hsla(0, 0%, 100%, 0.2)
    ),
    linear-gradient(to bottom, var(--body-color), var(--body-color));
  background-position: top, bottom, top;
  background-repeat: no-repeat;
  background-size:
    100% 92%,
    100% 8%,
    100%;
  border-radius: 0 0 4px 4px/2px;
  box-shadow: 0 0 calc(var(--body-width, 4px) * 0.001) rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  grid-area: Foot;
  height: 0;
  margin: 0 auto;
  order: 1;
  padding-top: 10%;
  width: 18%;
}
/* Gutenberg uses a selected group's ::after for its outline. Keep the monitor
   frame in the grid, as SWELL does, so selecting it cannot collapse the screen. */
.editor-styles-wrapper .is-style-pg-desktop.wp-block-group::after {
  position: relative !important;
  inset: 0 !important;
}
.wp-block-gallery .is-style-pg-desktop img {
  height: calc(100% - var(--bezel-width--foot)) !important;
}
.wp-block-gallery .is-style-pg-desktop figcaption {
  bottom: var(--bezel-width--foot) !important;
  grid-area: Display;
}
.is-style-pg-browser.size_s,
.is-style-pg-desktop.size_s {
  padding: 0 var(--img-space--s, 8%);
}
.is-style-pg-browser.size_s img,
.is-style-pg-desktop.size_s img {
  max-width: 100%;
}
.is-style-pg-browser.size_xs,
.is-style-pg-desktop.size_xs {
  padding: 0 var(--img-space--xs, 16%);
}
.is-style-pg-browser.size_xs img,
.is-style-pg-desktop.size_xs img {
  max-width: 100%;
}
.wp-block-image.is-style-pg-border img,
.wp-block-video.is-style-pg-border video {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.wp-block-image.is-style-pg-photo-frame img,
.wp-block-video.is-style-pg-photo-frame video {
  border: 4px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
ol.is-style-pg-list-index ul li:before,
ul.is-style-pg-list-index li li:before {
  background: none;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  content: "" !important;
  height: calc(1em - 2px);
  left: 0.25em;
  opacity: 0.75;
  position: absolute;
  top: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 6px;
}
.is-style-pg-list-bad,
.is-style-pg-list-check,
.is-style-pg-list-good,
.is-style-pg-list-index,
.is-style-pg-list-note,
.is-style-pg-list-num,
.is-style-pg-list-triangle {
  --pg-list-padding-left: 0.25em;
  --pg-list-padding-background: 1em;
  list-style: none !important;
}
.is-style-pg-list-bad ol,
.is-style-pg-list-bad ul,
.is-style-pg-list-check ol,
.is-style-pg-list-check ul,
.is-style-pg-list-good ol,
.is-style-pg-list-good ul,
.is-style-pg-list-index ol,
.is-style-pg-list-index ul,
.is-style-pg-list-note ol,
.is-style-pg-list-note ul,
.is-style-pg-list-num ol,
.is-style-pg-list-num ul,
.is-style-pg-list-triangle ol,
.is-style-pg-list-triangle ul {
  --pg-list-padding-left: 0px;
  list-style: none !important;
}
ul.is-style-pg-list-index li {
  padding-left: 1.25em;
  position: relative;
}
ul.is-style-pg-list-index li:before {
  background-color: currentcolor;
  border-radius: 50%;
  color: inherit;
  content: "";
  display: block;
  height: 6px;
  left: 2px;
  position: absolute;
  top: calc(0.75em - 3px);
  width: 6px;
}
ol.is-style-pg-list-index {
  counter-reset: pg-list;
}
ol.is-style-pg-list-index ol > li,
ol.is-style-pg-list-index > li {
  margin-left: 2em;
  padding-left: 0;
  position: relative;
}
ol.is-style-pg-list-index ol > li:before,
ol.is-style-pg-list-index > li:before {
  border-right: 1px solid;
  content: counters(pg-list, "-");
  counter-increment: pg-list;
  display: block;
  font-family: inherit;
  letter-spacing: -0.1px;
  line-height: 1.1;
  padding: 0 0.5em 0 0;
  position: absolute;
  right: calc(100% + 0.5em);
  top: 0.25em;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  white-space: nowrap;
  width: auto;
}
ol.is-style-pg-list-index ol {
  --pg-list-padding-left: 1em;
  counter-reset: pg-list;
  padding-left: 1em;
}
ol.is-style-pg-list-index ol li:before {
  opacity: 0.75;
}
ol.is-style-pg-list-index ul li {
  counter-increment: none;
  margin-left: 0;
  padding-left: 1.25em;
}
.is-style-pg-list-bad li,
.is-style-pg-list-check li,
.is-style-pg-list-good li,
.is-style-pg-list-triangle li {
  padding-left: 1.5em;
}
.is-style-pg-list-bad li:before,
.is-style-pg-list-check li:before,
.is-style-pg-list-good li:before,
.is-style-pg-list-triangle li:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  border-radius: 0;
  display: block;

  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 1em;
}
.is-style-pg-list-bad li li:before,
.is-style-pg-list-check li li:before,
.is-style-pg-list-good li li:before,
.is-style-pg-list-triangle li li:before {
  background-color: currentcolor;
  -webkit-clip-path: circle(12% at 50%);
  clip-path: circle(12% at 50%);
  content: " ";
  font-family: inherit;
}
.is-style-pg-list-check li:before {
  color: var(--pg-editor-color_list_check);
  content: "";
}
.is-style-pg-list-good li:before {
  color: var(--pg-editor-color_list_good);
  content: "";
}
.is-style-pg-list-triangle li:before {
  color: var(--pg-editor-color_list_triangle);
  content: "";
}
.is-style-pg-list-bad li:before {
  color: var(--pg-editor-color_list_bad);
  content: "";
}
.is-style-pg-list-note {
  --pg-list-item-margin: 0.5em;
  font-size: 0.9em;
}
.is-style-pg-list-note:not(.has-text-color) {
  opacity: 0.85;
}
.is-style-pg-list-note li {
  margin: 0.5em 0;
  padding-left: 1.25em;
}
.is-style-pg-list-note li:before {
  background: none;
  border: none;
  border-radius: 0;
  content: "※";
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  white-space: nowrap;
}
ol.is-style-pg-list-note {
  counter-reset: pg-list;
}
ol.is-style-pg-list-note > li {
  padding-left: 1.75em;
}
ol.is-style-pg-list-note > li:before {
  content: "※" counter(pg-list);
  counter-increment: pg-list;
  letter-spacing: 1px;
}
.is-style-pg-list-num {
  counter-reset: pg-list;
}
.is-style-pg-list-num li {
  padding-left: 2em;
}
.is-style-pg-list-num li:before {
  background-color: var(--pg-editor-color_list_num);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--pg-editor-color_list_num);
  box-sizing: content-box;
  color: #fff;
  content: counter(pg-list);
  counter-increment: pg-list;
  display: block;
  height: 1.8em;
  left: 1px;
  line-height: 1.8;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -0.15em;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 1.8em;
}
.is-style-pg-list-num ol {
  counter-reset: pg-list;
}
.is-style-pg-list-num ol li:before {
  background: none;
  box-shadow: 0 0 0 1px var(--pg-editor-color_list_num);
  color: var(--pg-editor-color_list_num);
  opacity: 0.75;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.is-style-pg-list-num ul li {
  padding-left: 1.25em;
}
.is-style-pg-list-num ul li:before {
  content: "";
  counter-increment: none;
  -webkit-transform: scale(0.15);
  transform: scale(0.15);
}
.is-style-pg-list-index[reversed] > li:before,
.is-style-pg-list-note[reversed] > li:before,
.is-style-pg-list-num[reversed] > li:before {
  counter-increment: pg-list -1;
}
@media not all and (min-width: 960px) {
  .is-style-pg-browser {
    --frame-width: 4px;
    --caption-fz: 11px;
    --bar-height: 30px;
  }
  .is-style-pg-desktop {
    --bezel-width: 6px;
  }
}
@media (min-width: 960px) {
  .wp-block-image.is-style-pg-photo-frame img,
  .wp-block-video.is-style-pg-photo-frame video {
    border: 6px solid #fff;
  }
}
@media not all and (min-width: 600px) {
  .is-style-pg-browser > .wp-block-group__inner-container {
    max-height: 56vw;
  }
}
/* SWELL list geometry, independent of the active theme. Use block margins
   separately so numbered-index indentation is never reset by vertical spacing. */
:is(.editor-styles-wrapper, .post_content, .pg-ext-preview-scale) :where(ul, ol).wp-block-list {
  box-sizing: border-box;
  padding-left: var(--pg-list-padding-left, 1.5em);
  margin-block: 0 var(--pg-block-margin, 2em);
}
.wp-block-list > li,
:is(ul, ol)[class*="is-style-pg-list-"] li {
  box-sizing: border-box;
  position: relative;
  line-height: 1.5;
  margin-block: var(--pg-list-item-margin, 0.25em);
}
/* Gutenberg applies block spacing to each li; restore the native list rhythm. */
.editor-styles-wrapper [data-type="core/list"] > li {
  margin-block: 0.25em;
  margin-inline: 0;
}
:is(ul, ol)[class*="is-style-pg-list-"] {
  padding-left: var(--pg-list-padding-left, 0.25em);
  counter-increment: none;
}
:is(ul, ol)[class*="is-style-pg-list-"] li {
  list-style: none;
}
:is(.editor-styles-wrapper, .post_content, .pg-ext-preview-scale) .wp-block-list li :is(ul, ol) {
  margin-block: 0;
}
:is(.editor-styles-wrapper, .post_content, .pg-ext-preview-scale) :is(ul, ol).wp-block-list.has-background {
  padding: var(--pg-list-padding-background, 1em 1em 1em 1.75em);
}
.wp-block-list li .has-background {
  --pg-list-padding-background: 0.5em 0.5em 0.5em calc(0.5em + var(--pg-list-padding-left, 1.5em));
}
.editor-styles-wrapper ol.is-style-pg-list-index > .wp-block-list-item,
.editor-styles-wrapper ol.is-style-pg-list-index ol > .wp-block-list-item {
  margin-left: 2em;
}
.editor-styles-wrapper ol.is-style-pg-list-index ul > .wp-block-list-item {
  margin-left: 0;
}
:is(
    .is-style-pg-list-check,
    .is-style-pg-list-good,
    .is-style-pg-list-triangle,
    .is-style-pg-list-bad
  )
  li:before {
  content: "";
  width: 1em;
  height: 1em;
  top: 0.25em;
  left: 0;
  background: currentColor;
  mask: var(--pg-list-icon) center/contain no-repeat;
  -webkit-mask: var(--pg-list-icon) center/contain no-repeat;
}
:is(
    .is-style-pg-list-check,
    .is-style-pg-list-good,
    .is-style-pg-list-triangle,
    .is-style-pg-list-bad
  )
  li
  li:before {
  mask: none;
  -webkit-mask: none;
  clip-path: circle(12% at 50%);
}
:is(ul, ol).pg-list-under-dashed > li {
  border-bottom: 1px dashed rgba(200, 200, 200, 0.5);
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
}
:is(ul, ol).pg-list-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1em;
}
:is(ul, ol).pg-list-flex > li {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}
.editor-styles-wrapper [data-type="core/list"].pg-list-under-dashed > li {
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
}
/* Honor native alignment and explicit block colors. Do not style pullquote/embeds. */
.wp-block-quote.wp-block-quote {
  position: relative;
  border: 0;
  box-sizing: border-box;
  font-size: inherit;
}
.wp-block-quote.wp-block-quote:not(.has-background) {
  background: var(--pg-theme-gray, #f7f7f7);
}
.wp-block-quote.wp-block-quote > * {
  position: relative;
  z-index: 1;
}
.wp-block-quote.wp-block-quote > :not(:last-child) {
  margin: 0 0 0.5em;
}
.wp-block-quote.wp-block-quote > :first-child {
  margin-top: 0;
}
.wp-block-quote.wp-block-quote > :last-child {
  margin-bottom: 0;
}
.wp-block-quote.wp-block-quote cite {
  display: block;
  font-size: 0.8em;
  margin-top: 1em;
  opacity: 0.8;
  text-align: inherit;
}
.wp-block-separator.wp-block-separator {
  border: 0;
  box-sizing: content-box;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.wp-block-separator.wp-block-separator:not(.is-style-dots) {
  border-bottom: 1px solid;
  background: transparent !important;
  height: 0;
}
.wp-block-separator.wp-block-separator:not(.is-style-dots):not(
    .has-background
  ):not(.has-text-color) {
  border-color: rgba(0, 0, 0, 0.1);
}
.wp-block-separator.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100%;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-separator.wp-block-separator.is-style-wide {
  width: 100%;
  max-width: none;
}
.wp-block-separator.wp-block-separator.is-style-dots {
  border: 0;
  background: none !important;
  height: auto;
  text-align: center;
}
.wp-block-separator.wp-block-separator.is-style-dots:before {
  content: "···";
  color: currentColor;
  font-family: serif;
  font-size: 1.5em;
  letter-spacing: 2em;
  padding-left: 2em;
}
/* SWELL's double style is separated 1px cell borders, not 3px double borders. */
.pg-core-table.pg-core-table :is(td, th) {
  padding: 0.5em 0.75em;
}
.pg-core-table.pg-core-table.is-style-pg-double table {
  border: 1px solid var(--pg-cell-border, #dcdcdc);
  border-collapse: separate;
  border-spacing: 2px;
}
.pg-core-table.pg-core-table.is-style-pg-double :is(td, th) {
  border: 1px solid var(--pg-cell-border, #dcdcdc);
}
.pg-core-table.pg-core-table.is-style-pg-simple :is(td, th) {
  border-width: 1px 0;
}
.pg-core-table.pg-core-table.is-style-pg-simple thead :is(td, th) {
  border-bottom: 4px double var(--pg-cell-border, #dcdcdc);
}
.pg-core-table.pg-core-table.is-style-stripes tbody tr:nth-child(odd) {
  background: var(--pg-theme-gray, #f7f7f7);
}
/* Native file download icon, also available when SWELL's icon font is absent. */
.wp-block-file__button:before {
  content: "";
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  background: currentColor;
  mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M11 3h2v10l3-3 1.4 1.4L12 16.8l-5.4-5.4L8 10l3 3zM4 17h2v3h12v-3h2v5H4z"/%3E%3C/svg%3E')
    center/contain no-repeat;
}
.pg-core-table.pg-table-min-10 {
  --pg-cell-min-width: 80px;
}
.pg-core-table.pg-table-min-20 {
  --pg-cell-min-width: 160px;
}
.pg-core-table.pg-table-min-30 {
  --pg-cell-min-width: 240px;
}
@media (max-width: 959px) {
  .pg-core-table.pg-table-min-10 {
    --pg-cell-min-width: 10vw;
  }
  .pg-core-table.pg-table-min-20 {
    --pg-cell-min-width: 20vw;
  }
  .pg-core-table.pg-table-min-30 {
    --pg-cell-min-width: 28vw;
  }
}

/* Supplied child content: iOS keeps a fixed cover background inside its own cover. */
@supports (-webkit-touch-callout: none) {
  .wp-block-cover.has-parallax { -webkit-clip-path: inset(0); clip-path: inset(0); }
  .wp-block-cover.has-parallax > .wp-block-cover__image-background.has-parallax { position: fixed; top: 0; left: 0; z-index: -1; }
}

/* Appreach: existing markup works on any theme. */
.appreach { text-align: center; padding: 18px; border: 1px solid #d7d7d7; border-radius: 4px; overflow: hidden; }
.appreach:after { content: ""; display: block; clear: both; }
.appreach p { margin: 0; }
.appreach a:after { display: none; }
.appreach__icon { border-radius: 10%; width: 100px; height: auto; }
.appreach__detail { display: block; margin-top: 12px; }
.appreach__name { color: #111; font-weight: bold; }
.appreach__info { font-size: 11px; line-height: 17px; margin-top: 5px !important; color: #999; }
.appreach__developper, .appreach__price { margin-right: 0.5em; }
.appreach__posted a { margin-left: 0.5em; color: #999; text-decoration: none; }
.appreach__links { margin-top: 12px; }
.appreach__links a img { width: 135px; height: 40px; }

.appreach__links a:nth-of-type(2) img { margin: 10px 0 0; }
@media screen and (min-width: 360px) {
  .appreach__links a:nth-of-type(2) img { margin: 0 0 0 10px; }
}
@media screen and (min-width: 481px) {
  .appreach { text-align: left; }
  .appreach__icon { float: left; margin: 0 15px 0 0; }
  .appreach__detail, .appreach__links { margin-left: 115px; }
}
@media screen and (min-width: 640px) {
  .appreach__icon { margin: 0 20px 0 0; width: 120px; }
  .appreach__detail { margin-left: 140px; }
  .appreach__info { margin-top: 6px !important; }
  .appreach__links { margin-top: 15px; margin-left: 140px; }
}