/* =========================================================
   FINAL POLISH FIX V0.0.4
   ========================================================= */


/* The button now lives INSIDE the modal dialog. */

.viewer-deeplink-host-v004
.style-link-copy-v004 {
  position:
    fixed !important;

  z-index:
    2147483647 !important;

  right:
    18px !important;

  bottom:
    18px !important;

  display:
    block !important;
}


/* Guarantee discover is visible in header. */

.discover-polish-fix-v004 {
  position:
    relative;

  display:
    inline-flex;

  flex:
    0 0 auto;
}


.discover-polish-button-v004 {
  white-space:
    nowrap;
}


.discover-polish-fix-v004
.discover-polish-menu-v004 {
  display:
    block;
}


.discover-polish-fix-v004
.discover-polish-menu-v004[hidden] {
  display:
    none;
}


@media (
  max-width: 760px
) {

  .viewer-deeplink-host-v004
  .style-link-copy-v004 {
    right:
      10px !important;

    bottom:
      10px !important;
  }


  .discover-polish-fix-v004
  .discover-polish-menu-v004 {
    position:
      fixed;

    top:
      auto;

    right:
      10px;

    bottom:
      10px;

    left:
      10px;

    width:
      auto;
  }
}
/* =========================================================
   V004_COPY_LINK_ACTIONS_LAYOUT
   COPY STYLE LINK now lives with ADD / SAVE.
   ========================================================= */

.viewer-deeplink-host-v004
.viewer-actions
.style-link-copy-v004 {
  position: static !important;
  inset: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 118px;
  min-height: 38px;
  margin: 0;

  flex: 0 0 auto;
  white-space: nowrap;
}

.viewer-deeplink-host-v004
.viewer-actions {
  flex-wrap: wrap;
}

@media (max-width: 680px) {
  .viewer-deeplink-host-v004
  .viewer-actions
  .style-link-copy-v004 {
    width: 100%;
    min-width: 0;
  }
}
