@charset "UTF-8";
/* Variables */
/* Colors */
/* Breakpoints */
/* Useful mixins */
/**
 * Color variables
 */
:root {
  --picu-admin--primary--color: #007791;
  --picu-admin--primary-light--color:#f2fafb;
  --picu-admin--success--color: #007017;
  --picu-admin--success-light--color: #b8e6bf;
  --picu-admin--warning--color: #f08a24;
  --picu-admin--alert--color: #dc3232;
  --picu-admin--alert-light--color: #facfd2;
  --picu-admin--border--color: #ddd;
  --picu-admin--box-bg--color: #f9f9f9;
  --picu-admin--dark: #34333b;
  --picu-admin--dark-primary: #7ad03a;
}

:root {
  --picu-pro--primary--color: #2f92a7;
  --picu-pro--success--color: #007017;
  --picu-pro--success-light--color: #b8e6bf;
  --picu-pro--alert--color: #d63638;
  --picu-pro--alert-light--color: #facfd2;
  --picu-pro--border--color: #ccc;
  --picu-pro--box-bg--color: #f9f9f9;
}

/**
 * Styles for approval status "lights" in collection list columns
 */
.column-picu_status_title,
.widefat th.column-picu_status_title,
.widefat td.column-picu_status_title {
  text-align: left;
}
@media only screen and (min-width: 784px) {
  .column-picu_status_title,
.widefat th.column-picu_status_title,
.widefat td.column-picu_status_title {
    text-indent: 0;
  }
  .column-picu_status_title.picu_status_title,
.widefat th.column-picu_status_title.picu_status_title,
.widefat td.column-picu_status_title.picu_status_title {
    vertical-align: top;
  }
}

.column-picu_image_num,
.widefat th.column-picu_image_num,
.widefat td.column-picu_image_num {
  width: 20%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
@media only screen and (min-width: 784px) {
  .column-picu_image_num,
.widefat th.column-picu_image_num,
.widefat td.column-picu_image_num {
    width: 10%;
    text-align: center;
    text-indent: 0;
  }
  .column-picu_image_num.picu_clients, .column-picu_image_num.picu_image_num,
.widefat th.column-picu_image_num.picu_clients,
.widefat th.column-picu_image_num.picu_image_num,
.widefat td.column-picu_image_num.picu_clients,
.widefat td.column-picu_image_num.picu_image_num {
    vertical-align: top;
  }
}

.column-picu_clients,
.widefat th.column-picu_clients,
.widefat td.column-picu_clients {
  width: 20%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
@media only screen and (min-width: 784px) {
  .column-picu_clients,
.widefat th.column-picu_clients,
.widefat td.column-picu_clients {
    width: 150px;
    text-align: left;
    text-indent: 0;
  }
  .column-picu_clients.picu_clients, .column-picu_clients.picu_image_num,
.widefat th.column-picu_clients.picu_clients,
.widefat th.column-picu_clients.picu_image_num,
.widefat td.column-picu_clients.picu_clients,
.widefat td.column-picu_clients.picu_image_num {
    vertical-align: top;
  }
}

.collection-clients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px;
  max-width: 148px;
}

.collection-client {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f08a24;
  border: 2px solid #f08a24;
  mix-blend-mode: normal;
  font-size: 0.875em;
  position: relative;
  z-index: 1;
}

.collection-client.collection-client_status-approved {
  background-color: #008a20;
  border-color: #008a20;
}

.collection-client.collection-client_status-failed {
  background-color: #dc3232;
  border-color: #dc3232;
}

.collection-client__profile-img {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  vertical-align: bottom;
  mix-blend-mode: hard-light;
}

.collection-client__profile-initials {
  display: inline-block;
  color: white;
  font-size: 1em;
}

.expires-soon {
  color: #dc3232;
}

.picu-admin-status__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  word-break: break-all;
}

.picu-admin-status {
  display: inline-block;
  margin: 2px 8px 5px 0;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  border-radius: 50%;
  border: none;
  background-color: inherit;
  border: 2px solid transparent;
  text-indent: -10000px;
}
@media only screen and (min-width: 784px) {
  .picu-admin-status {
    margin: 2px 14px 5px 0;
  }
}

.picu-admin-status-delivered {
  border-color: #2271b1;
  background-color: #2271b1;
  background: #2271b1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v13M5 12l7 7 7-7'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 11px 11px;
}

.picu-admin-status-delivery-draft {
  border-color: #c3c4c7;
  background-color: #c3c4c7;
  background: #c3c4c7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v13M5 12l7 7 7-7'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 11px 11px;
}

.picu-admin-status-closed {
  background-color: #b32d2e;
  border-color: #b32d2e;
}

.picu-admin-status-open {
  background: #008a20;
  border-color: #008a20;
}

.picu-admin-status-draft,
.picu-admin-status-publish {
  background-color: transparent;
  background-color: #c3c4c7;
  border-color: #c3c4c7;
}

.column-picu_actions {
  text-align: left;
}
@media only screen and (min-width: 784px) {
  .column-picu_actions {
    text-align: center;
  }
}
.column-picu_actions .button {
  margin: 0 0.5rem 0.5rem 0;
}

.column-picu_expiration {
  width: 10%;
}

.column-picu_collection_modified {
  width: 14%;
}

.picu-proof-file-extension {
  display: none;
}
@media only screen and (min-width: 784px) {
  .picu-proof-file-extension {
    display: inline;
  }
}

@media only screen and (min-width: 784px) {
  .picu-download-button__dl {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .picu-download-button__dl {
    display: inline;
  }
}

.inline-edit-or,
.inline-edit-row fieldset label.inline-edit-private {
  display: none;
}

/*
 * Hide stuff, we don't need for picu cpts
 */
.post-status-delivered #edit-slug-box,
.post-status-approved #edit-slug-box,
.post-status-sent #edit-slug-box,
.post-status-expired #edit-slug-box {
  display: none;
}
.post-status-delivered #wp-content-editor-tools,
.post-status-approved #wp-content-editor-tools,
.post-status-sent #wp-content-editor-tools,
.post-status-expired #wp-content-editor-tools {
  display: none;
}
.post-status-delivered #wp-content-wrap,
.post-status-approved #wp-content-wrap,
.post-status-sent #wp-content-wrap,
.post-status-expired #wp-content-wrap {
  display: none;
}
.post-status-delivered #titlediv,
.post-status-approved #titlediv,
.post-status-sent #titlediv,
.post-status-expired #titlediv {
  display: none;
}
.post-status-delivered #postdivrich,
.post-status-approved #postdivrich,
.post-status-sent #postdivrich,
.post-status-expired #postdivrich {
  display: none;
}
.post-status-delivered .wrap > h2,
.post-status-approved .wrap > h2,
.post-status-sent .wrap > h2,
.post-status-expired .wrap > h2 {
  display: none;
}

.post-status-delivery-draft .page-title-action {
  display: none !important;
}

#post-body #normal-sortables {
  min-height: 0;
}

/*
 * Styling image upload and share options
 */
.post-type-picu_collection #edit-slug-box {
  min-height: 12px;
  margin-bottom: 20px;
}
.post-type-picu_collection #poststuff #post-body-content h2 {
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  background-color: white;
  border-bottom: 1px solid #ccd0d4;
}
.post-type-picu_collection #poststuff #post-body-content h2:after {
  content: "";
  clear: both;
  display: block;
}
.post-type-picu_collection #poststuff #post-body-content h2 .stepcounter {
  display: block;
  float: left;
  margin: 0 6px 0 0;
  padding: 4px 0 0 0;
  color: white;
  background-color: #0073aa;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.post-type-picu_collection #poststuff #post-body-content .picu-postbox-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  background-color: white;
  border-bottom: 1px solid #ccd0d4;
}
.post-type-picu_collection #poststuff #post-body-content .picu-postbox-header h2 {
  padding: 0;
  border: none;
}
.post-type-picu_collection #poststuff #post-body-content .picu-postbox-header .button {
  margin-bottom: 0;
  font-weight: 400;
}
.post-type-picu_collection .picu-postbox {
  box-sizing: border-box !important;
}
.post-type-picu_collection .picu-postbox *, .post-type-picu_collection .picu-postbox *:before, .post-type-picu_collection .picu-postbox *:after {
  box-sizing: border-box !important;
}
.post-type-picu_collection .picu-postbox-inner {
  position: static !important;
}
.post-type-picu_collection .picu-postbox-inner .uploader-window {
  position: absolute;
}
.post-type-picu_collection .picu-max-file-size {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.66);
}

.picu-help {
  position: relative;
  display: inline-block;
  margin: -2px 0 0;
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.5);
  width: 16px;
  height: 16px;
  font-style: normal;
  text-indent: -10000em;
  border-radius: 50%;
}
.picu-max-file-size .picu-help {
  margin: -2px 3px 0;
}
.picu-help:hover {
  background-color: #00a0d2;
}
.picu-help:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: 0;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='square' stroke-linejoin='arcs'%3e%3ccircle cx='12' cy='12' r='10' stroke='transparent'%3e%3c/circle%3e%3cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3e%3c/path%3e%3cline x1='12' y1='17' x2='12' y2='17'%3e%3c/line%3e%3c/svg%3e") no-repeat center center;
}

.picu-sort-options-wrapper {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 5px 0;
}
.picu-gallery-has-images .picu-sort-options-wrapper {
  display: block;
}

select.picu-sort-options__select {
  padding: 0 24px 0 8px;
  min-height: 26px;
  max-height: 26px;
  font-size: 11px;
  line-height: 2.18181818;
}

.wp-core-ui .button.picu-sort-options__button {
  margin: 0;
  padding: 0 8px;
  min-height: 0;
  font-size: 11px;
  line-height: 2.18181818;
}

.picu-gallery-thumbnails {
  display: none;
  padding: 12px;
  overflow: auto;
  box-sizing: border-box;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-height: auto;
  border-bottom: 1px solid #eee;
}
.picu-gallery-thumbnails:empty {
  padding: 0;
}
.js-collapsed .picu-gallery-thumbnails {
  overflow: hidden;
  height: 200px;
}
.picu-gallery-thumbnails figure {
  width: 50%;
  margin: 0;
  float: left;
  line-height: 0;
  padding: 8px;
  box-sizing: border-box;
}
@media only screen and (min-width: 500px) {
  .picu-gallery-thumbnails figure {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 740px) {
  .picu-gallery-thumbnails figure {
    width: 25%;
  }
}
@media only screen and (min-width: 1000px) {
  .picu-gallery-thumbnails figure {
    width: 20%;
  }
}
@media only screen and (min-width: 1250px) {
  .picu-gallery-thumbnails figure {
    width: 16.66666%;
  }
}
@media only screen and (min-width: 1500px) {
  .picu-gallery-thumbnails figure {
    width: 14.2857143%;
  }
}
@media only screen and (min-width: 2000px) {
  .picu-gallery-thumbnails figure {
    width: 12.5%;
  }
}
.picu-gallery-thumbnails figure .picu-gallery-thumbnail-box {
  padding: 5px;
  border: 1px solid #ddd;
}
.picu-gallery-thumbnails figure .picu-gallery-thumbnail-box-inner {
  position: relative;
  width: 100%;
}
.picu-gallery-thumbnails figure .picu-gallery-thumbnail-box-inner:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.picu-gallery-thumbnails figure img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.picu-gallery-has-images .picu-gallery-thumbnails {
  display: block;
}

.post-status-approved .picu-gallery-thumbnails {
  display: none;
}

.picu-delivery-postbox .picu-gallery-thumbnails {
  border-bottom: none;
}

.picu-delivery-postbox.picu-gallery-has-images .picu-gallery-thumbnails {
  border-bottom: 1px solid #eee;
}

.picu-theft-protection-watermark-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  line-height: 1;
}
.picu-theft-protection-watermark-toggle input[type=checkbox] {
  margin: 0 5px 0 0;
}
.picu-theft-protection-watermark-toggle label {
  margin: 0 10px 0 0;
}
.picu-theft-protection-watermark-toggle.is-disabled label {
  opacity: 0.5;
}

.picu-watermark-saving-indicator {
  padding-right: 16px;
}
.picu-watermark-saving-indicator.is-saving, .picu-watermark-saving-indicator.is-saved {
  padding-right: 0;
}
.picu-watermark-saving-indicator .picu-watermark-saving {
  display: none;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -10000em;
  background: url(../images/spinner-2x.gif) no-repeat right center;
  background-size: 16px 16px;
  opacity: 0.5;
}
.picu-watermark-saving-indicator.is-saving .picu-watermark-saving {
  display: block;
}
.picu-watermark-saving-indicator .picu-watermark-saved {
  display: none;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -10000em;
  background: url(../images/icon-check-grey.svg) no-repeat right center;
  background-size: 16px 16px;
  opacity: 0.5;
  -webkit-animation: fadeOut 2s forwards;
          animation: fadeOut 2s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.picu-watermark-saving-indicator.is-saved .picu-watermark-saved {
  display: block;
}

.picu-folder-import {
  position: relative;
  padding: 25px 20px 23px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.picu-delivery-postbox .picu-folder-import {
  background-color: white;
}
.picu-delivery-postbox .picu-folder-import .picu-import-progress-bar {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.picu-delivery-postbox.picu-gallery-has-images .picu-folder-import {
  background-color: #f5f5f5;
}
.picu-delivery-postbox.picu-gallery-has-images .picu-folder-import .picu-import-progress-bar {
  background-color: white;
  border: 1px solid white;
}
.picu-folder-import .or {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
}
.picu-folder-import .or span {
  display: inline-block;
  padding: 3px 5px 0 5px;
  height: 19px;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background-color: #0073aa;
  border-radius: 3px;
}
.picu-folder-import #picu-import-folder {
  margin-top: 0px;
  max-width: 150px;
}
.picu-folder-import #picu-import-images-form-folder {
  vertical-align: top;
}
.picu-folder-import p {
  margin: 0;
}
.picu-folder-import .picu-import-status {
  display: none;
}
.picu-folder-import .picu-importing {
  float: left;
  margin-bottom: 10px;
}
.picu-folder-import .picu-percentage {
  float: right;
  margin-bottom: 10px;
}
.picu-folder-import .picu-import-progress-bar {
  clear: both;
  width: 100%;
  height: 10px;
  background-color: white;
  border: 1px solid white;
}
.picu-folder-import .picu-import-progress-bar div {
  width: 0px;
  height: 8px;
  background-color: #0073aa;
}
.picu-folder-import .picu-temporary-import p:nth-of-type(1) {
  margin: 0 0 7px;
}
.picu-folder-import .picu-temporary-import p:nth-of-type(2) {
  margin: 0 0 10px;
}

.picu-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0rem 0;
  padding: 0.5em 1rem;
  background-color: white;
  border-top: 1px solid #ccd0d4;
  border-bottom: 1px solid #ccd0d4;
}
@media only screen and (min-width: 784px) {
  .picu-toolbar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.picu-view-switch {
  float: left;
  margin-right: 1rem;
}
.picu-view-switch a {
  display: block;
  margin: 0;
  width: 30px;
  height: 30px;
  float: left;
  background: white;
  text-indent: -1000em;
}
.picu-view-switch .grid-view {
  background: url("../images/grid.png") no-repeat center center;
  background-size: 30px 30px;
  border-right: none;
  border-radius: 2px 0 0 2px;
}
.picu-view-switch .grid-view.active {
  background: url("../images/grid-active.png") no-repeat center center;
  background-size: 30px 30px;
  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
}
.picu-view-switch .list-view {
  background: url("../images/list.png") no-repeat center center;
  background-size: 30px 30px;
  border-radius: 0 2px 2px 0;
}
.picu-view-switch .list-view.active {
  background: url("../images/list-active.png") no-repeat center center;
  background-size: 30px 30px;
  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

.picu-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin: 0.5em 0.5em 0.5em 0;
  padding: 0 0 0 0;
}
.picu-filter:after {
  content: "";
  clear: both;
  display: block;
}
@media only screen and (min-width: 784px) {
  .picu-filter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.picu-filter label {
  margin: 1px 0 0 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777;
}
.picu-filter select {
  margin: 0;
  max-width: -webkit-calc(100% - 3rem);
  max-width: calc(100% - 3rem);
  max-width: 240px;
}

.picu-download-proof-file .button.disabled {
  pointer-events: none;
  cursor: default;
}

.picu-copy {
  margin: 0.5em 0;
}
.picu-copy .button {
  margin-bottom: 0;
}

.picu-copy-to-clipboard {
  position: relative;
}
.picu-copy-to-clipboard.picu-copied-success {
  padding-right: 30px;
}
.picu-copy-to-clipboard.picu-copied-success:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 10px;
  width: 15px;
  height: 15px;
  background: url(../images/icon_check.svg) no-repeat center center;
  background-size: 16px 12px;
}
@media only screen and (min-width: 784px) {
  .picu-copy-to-clipboard.picu-copied-success:after {
    top: 7px;
    background-size: 14px 10px;
  }
}

.wp-core-ui .button.picu-copy-to-clipboard {
  margin-bottom: 0;
}

label[for=picu-copy-filenames], #picu-copy-filenames {
  display: none;
}

.picu-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.picu-selection-overview-table {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  font-size: 1em;
  line-height: 1.4;
}
.picu-selection-overview-table thead th {
  padding: 1rem 1rem;
  text-align: left;
  vertical-align: center;
}
.picu-selection-overview-table thead th.approved {
  width: 80px;
}
.picu-selection-overview-table thead th.thumbnail {
  width: 50px;
}
.picu-selection-overview-table thead th.file {
  text-align: left;
}
.picu-selection-overview-table tbody tr {
  border-top: 1px solid #eee;
}
.picu-selection-overview-table tbody td {
  padding: 0.5rem 1rem;
}
.picu-selection-overview-table td.approved {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  vertical-align: middle;
}
.picu-selection-overview-table .selected td.approved .approved-marker {
  display: inline-block;
  margin: 0 auto;
  width: 20px;
  height: 15px;
  background: url("../images/selected.svg") no-repeat center center;
  background-size: 20px 15px;
  text-indent: -1000em;
}
.picu-selection-overview-table td.approved .selection-count {
  display: inline-block;
  margin: 0 auto;
  color: #008a20;
  font-size: 1.5em;
  line-height: 1;
}
.picu-selection-overview-table .thumb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70px;
  height: 70px;
}
.picu-selection-overview-table .thumb img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.picu-selection-overview-table .comments {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.picu-selection-overview-table .picu-comment {
  margin: 0 0 1rem;
}
.picu-selection-overview-table .picu-comment:last-of-type {
  margin-bottom: 0;
}
.picu-selection-overview-table .picu-comment__inner {
  position: relative;
  margin: 0;
  padding: 0.5rem 1.75rem 0.5rem 1rem;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.picu-selection-overview-table .picu-comment__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.25rem 1rem 0;
}
@media only screen and (min-width: 1120px) {
  .picu-selection-overview-table .picu-comment__meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.picu-selection-overview-table .picu-comment__author {
  font-size: 0.75em;
  font-weight: 700;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.picu-selection-overview-table .picu-comment__time {
  font-size: 0.75em;
}
.picu-selection-overview-table .picu-comment-marker {
  display: block;
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  width: 13px;
  height: 13px;
  border: 2px solid #2271b1;
  border-radius: 50%;
}
.picu-selection-overview-table .picu-comment-marker:before {
  content: "";
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
  background: #2271b1;
  border-radius: 50%;
}
.picu-selection-overview-table .no-match {
  text-align: center;
}

.picu-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1em;
}
.picu-stars .picu-stars__per-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.picu-stars .picu-stars__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.picu-stars .picu-stars__star_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.picu-stars .picu-stars__star_icon svg {
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  fill: #2271b1;
}
.picu-stars .picu-stars__meta {
  padding: 0.25em 0 0 0.1em;
}
.picu-stars .picu-stars__author {
  display: block;
  font-size: 0.75em;
  font-weight: 700;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.picu-gallery-uploader {
  margin: 0;
  padding: 20px;
  background-color: white;
  border: none;
}
.picu-gallery-uploader p {
  text-align: center;
}

.post-status-auto-draft .picu-gallery-uploader {
  border: 2px dashed #eee;
  margin: 12px;
  padding: 2em;
}

.picu-gallery-has-images .picu-gallery-uploader {
  margin: 0;
  padding: 20px 20px 10px;
  background-color: #f5f5f5;
  border: none;
}

.toggle-picu-gallery-height {
  position: relative;
  display: none;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
  background-color: #f5f5f5;
  font-size: 0.875em;
}

.is-collapsible .toggle-picu-gallery-height {
  display: block;
  text-align: center;
}
.is-collapsible .toggle-picu-gallery-height .hide {
  display: none;
}
.is-collapsible .toggle-picu-gallery-height.active .show {
  display: none;
}
.is-collapsible .toggle-picu-gallery-height.active .hide {
  display: inline;
}

.picu-selection-notice {
  padding: 1rem 1rem 0 1rem;
  width: 100%;
  text-align: center;
  color: #575757;
}
.picu-selection-notice p {
  margin: 0;
}

.picu-drag-info {
  display: none;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.66);
}

.post-status-auto-draft .picu-postbox .picu-drag-info {
  display: block;
}

.post-status-auto-draft .picu-postbox.picu-gallery-has-images .picu-drag-info {
  display: none;
}

.media-modal.picu-upload-modal .media-modal-content .media-frame-menu {
  display: none;
}
.media-modal.picu-upload-modal .media-modal-content .media-frame-menu-toggle {
  display: none !important;
}
.media-modal.picu-upload-modal .media-modal-content .media-frame-title {
  left: 0;
}
.media-modal.picu-upload-modal .media-modal-content .media-frame-menu-heading {
  display: none;
}
.media-modal.picu-upload-modal .media-modal-content .media-frame-content {
  left: 0;
}
.media-modal.picu-upload-modal .media-modal-content .media-sidebar {
  display: none;
}
.media-modal.picu-upload-modal .media-modal-content .attachments-browser .attachments-wrapper {
  top: 0;
  right: 0;
}
.media-modal.picu-upload-modal .media-modal-content .attachments-browser .attachment .describe {
  display: none;
}
.media-modal.picu-upload-modal .media-modal-content .attachments-browser .media-toolbar {
  display: none;
}
.media-modal.picu-upload-modal .media-modal-content .attachments-browser .uploader-inline {
  right: 0;
}
.media-modal.picu-upload-modal .media-modal-content .media-frame-toolbar {
  left: 0;
}

.post-type-picu_collection .media-modal .media-toolbar {
  right: 0;
}

.picu-share-options {
  margin-bottom: 20px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #ccd0d4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.picu-share-options:after {
  content: "";
  clear: both;
  display: block;
}
.picu-share-options h2:after {
  content: "";
  clear: both;
  display: block;
}
.picu-share-options * {
  box-sizing: inherit;
}
.picu-share-options p {
  padding: 0 20px;
}
.picu-share-options p:after {
  content: "";
  clear: both;
  display: block;
}
.picu-share-options label {
  display: block;
  margin: 0 0 5px 0;
  width: 100%;
  font-weight: 600;
}
.picu-share-options input[type=checkbox] + label, .picu-share-options input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.picu-share-options input[type=text], .picu-share-options input[type=email], .picu-share-options textarea {
  margin: 0;
  width: 100%;
}
.picu-share-options textarea {
  max-height: 160px;
}
.picu-share-options .picu-share-option {
  display: none;
}
.picu-share-options .picu-share-option.is-active {
  display: block;
}
.picu-share-options #picu-collection-email-address,
.picu-share-options #picu-delivery-email-address {
  display: none;
}
.picu-share-options .picu-share-option-email-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 5px;
  padding: 4px 4px 0;
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: 1px solid #7e8993;
  background-color: #fff;
  color: #32373c;
  font-size: 14px;
  line-height: 2;
  min-height: 30px;
}
.picu-share-options .picu-share-option-email-field:focus {
  border-color: #007cba;
  box-shadow: 0 0 0 1px #007cba;
  outline: 2px solid transparent;
}
.picu-share-options .email-address {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 3px 6px 5px;
  color: white;
  background-color: #007cba;
  border-radius: 2px;
  line-height: 1;
}
.picu-share-options .email-address:first-child {
  margin-left: 0;
}
.picu-share-options .email-address:last-child {
  margin-right: 6px;
}
.picu-share-options .delete-email-address {
  display: inline-block;
  margin: 0 0 0 6px;
  width: 13px;
  height: 13px;
  background: rgba(0, 0, 0, 0.2) url(../images/icon-close.svg) no-repeat center center;
  background-size: 7px 7px;
  border-radius: 40px;
  text-indent: -10000em;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
  cursor: pointer;
}
.picu-share-options #picumultiemailfield {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: inline-block;
  margin: -3px 0 0 0;
  padding: 0 0 0 1px;
  width: 50px !important;
  min-width: 30px;
  min-height: 30px;
  height: auto;
  max-height: 30px;
  line-height: 1;
  background-color: white;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  resize: none !important;
  -webkit-appearance: none;
}

.picu-select-custom-message-wrap {
  margin-top: -10px;
  text-align: right;
}

.picu-select-custom-message {
  margin-right: 0;
}

.picu-select-custom-message-icon {
  fill: none;
  stroke: #0073aa;
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}

.picu-collection-options {
  margin-bottom: 20px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #ccd0d4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.picu-collection-options:after {
  content: "";
  clear: both;
  display: block;
}
.picu-collection-options h2:after {
  content: "";
  clear: both;
  display: block;
}
.picu-collection-options * {
  box-sizing: inherit;
}
.picu-collection-options p {
  margin: 0 0 10px;
  padding: 0 14px;
  line-height: 1.4;
}
.picu-collection-options p:after {
  content: "";
  clear: both;
  display: block;
}
.picu-collection-options .picu-option-set {
  padding: 10px 0 0;
  border-top: 1px solid #eee;
}
.picu-collection-options .picu-option-set:first-of-type {
  border-top: none;
}
.picu-collection-options label {
  margin: 0 0 5px 0;
  width: 100%;
  font-weight: 600;
}
.picu-collection-options input[type=checkbox] {
  margin: 0 5px 0 0;
}
.picu-collection-options #picu-download-images .picu-help {
  top: 2px;
  margin-left: 2px;
}
.picu-collection-options #picu-download-images #picu-download-images-options:after {
  content: "";
  clear: both;
  display: block;
}
.picu-collection-options #picu-download-images #picu-download-images-options.js-collapsible {
  padding: 10px 0 5px 24px;
  background: #f5f5f5;
}
.picu-collection-options #picu-download-images #picu-download-images-options.is-collapsed {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.picu-collection-options #picu-download-images #picu-download-images-options label {
  padding: 0;
  font-weight: normal;
}
.picu-collection-options #picu-download-images #picu-download-images-options p {
  margin: 0 0 5px;
}
.picu-collection-options #picu-selection-options .picu-help {
  top: 2px;
  margin-left: 2px;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options:after {
  content: "";
  clear: both;
  display: block;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options.js-collapsible {
  padding: 10px 0 5px 0px;
  background: #f5f5f5;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options.is-collapsed {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options label {
  display: inline-block;
  float: left;
  margin: 7px 6px 0 0;
  width: auto;
  font-weight: normal;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options select {
  margin-right: 6px;
  float: left;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options #picu-selection-option-image-from, .picu-collection-options #picu-selection-options #picu-selection-options-options #picu-selection-option-image-to {
  float: left;
  margin: 1px 6px 0 0;
  width: 50px;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options .picu-range {
  margin: 0;
  float: left;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options .picu-range span {
  margin: 6px 6px 0 0;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options .picu-range input {
  float: left;
  margin: 3px 6px 0 0;
  width: 40px;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options span {
  display: inline-block;
  float: left;
  margin: 6px 0 0 0;
}
.picu-collection-options #picu-selection-options #picu-selection-options-options p {
  margin: 0 0 5px;
}
.picu-collection-options #picu-mark-comment .picu-help {
  top: 2px;
  margin-left: 2px;
}
.picu-collection-options #picu-mark-comment #picu-mark-comment-options:after {
  content: "";
  clear: both;
  display: block;
}
.picu-collection-options #picu-mark-comment #picu-mark-comment-options.js-collapsible {
  padding: 10px 0 5px 24px;
  background: #f5f5f5;
}
.picu-collection-options #picu-mark-comment #picu-mark-comment-options.is-collapsed {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.picu-collection-options #picu-mark-comment #picu-mark-comment-options label {
  font-weight: normal;
}
.picu-collection-options #picu-mark-comment #picu-mark-comment-options p {
  margin: 0 0 5px;
}

.picu-php-zip-error {
  display: inline-block;
  margin: 8px 0 8px 12px !important;
  padding: 0.4rem 0.75rem !important;
  border-left: 5px solid #dc3232;
  background-color: white;
  color: #575757;
  white-space: nowrap;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.picu-php-zip-error svg {
  display: none;
  margin-right: 2px;
  vertical-align: text-bottom;
  stroke: #f08a24;
}
.picu-php-zip-error .picu-help {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
.picu-php-zip-error + p label {
  opacity: 0.5;
}

label.picu-php-zip-error-disabled {
  opacity: 0.5;
}

.picu-hint {
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 0.875em;
}

/**
 * Radio tabs – used for delivery method
 *
 * @since 1.5.0
 */
input[type=radio].picu-radio-tab-input {
  display: none;
}

.picu-radio-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 10px 0 10px;
  background-color: #f5f5f5;
}
.picu-radio-tabs .picu-radio-tab {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 15px 20px 12px 44px;
  color: #666;
  background-color: #eee;
  text-decoration: none;
  border: 1px solid #eee;
  border-bottom: none;
  line-height: 1;
}
.picu-radio-tabs .picu-radio-tab:focus {
  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  outline: 1px solid transparent;
  z-index: 1;
}
.picu-radio-tabs .picu-radio-tab:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 13px;
  padding: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 4px solid white;
  box-shadow: inset 0 0 0 1px #e5e5e5, 0 0 0 1px #ddd;
}

#delivery-option-upload:checked ~ .picu-radio-tabs [for=delivery-option-upload],
#delivery-option-external:checked ~ .picu-radio-tabs [for=delivery-option-external] {
  color: #23282d;
  background-color: white;
  font-weight: bold;
  box-shadow: none;
  border: 1px solid #eee;
  border-bottom: 1px solid white;
}
#delivery-option-upload:checked ~ .picu-radio-tabs [for=delivery-option-upload]:focus,
#delivery-option-external:checked ~ .picu-radio-tabs [for=delivery-option-external]:focus {
  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
  outline: 1px solid transparent;
  z-index: 1;
}
#delivery-option-upload:checked ~ .picu-radio-tabs [for=delivery-option-upload]:before,
#delivery-option-external:checked ~ .picu-radio-tabs [for=delivery-option-external]:before {
  background-color: #0073aa;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 0 1px #aaa;
}

.delivery-upload,
.delivery-option-external,
.picu-delivery-postbox .picu-gallery-thumbnails,
.picu-delivery-postbox .toggle-picu-gallery-height,
.picu-delivery-postbox .picu-folder-import {
  display: none;
}

#delivery-option-upload:checked ~ .delivery-upload,
.picu-delivery-postbox #delivery-option-upload:checked ~ .picu-gallery-thumbnails,
.picu-delivery-postbox.is-collapsible #delivery-option-upload:checked ~ .toggle-picu-gallery-height,
#delivery-option-external:checked ~ .delivery-option-external,
.picu-delivery-postbox #delivery-option-upload:checked ~ .picu-folder-import {
  display: block;
}

.picu-delivery-zip p {
  padding: 0 20px;
}
.picu-delivery-zip label {
  display: block;
  margin: 0 0 5px 0;
  width: 100%;
  font-weight: 600;
}
.picu-delivery-zip input[type=text] {
  margin: 0;
  width: 100%;
}

.picu-share-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 0 20px 0;
  padding: 10px 10px 0 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.picu-share-select li {
  margin: 0 0 -1px 0;
  width: 50%;
}
.picu-share-select li a {
  position: relative;
  display: block;
  padding: 15px 20px 12px 44px;
  height: 100%;
  color: #666;
  background-color: #eee;
  text-decoration: none;
  border: 1px solid #eee;
  border-bottom: none;
}
.picu-share-select li a:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: transparent;
  border: 4px solid white;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.picu-share-select li a.active {
  color: #008a20;
  color: #23282d;
  background-color: white;
  font-weight: bold;
  box-shadow: none;
  border: 1px solid #eee;
  border-bottom: none;
}
.picu-share-select li a.active:before {
  background-color: #008a20;
  background-color: #0073aa;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.3);
}

.picu-delivered-status-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.picu-delivered-status-details .dashicons {
  margin-bottom: 0.5rem;
  width: auto;
  height: 2.5rem;
  font-size: 2.5rem;
}

.picu-delivered-status-details .picu-delivered-message {
  font-size: 1.25em;
  line-height: 1.4;
  text-align: center;
}

.picu-toggle-approved-view-toggle,
.picu-toggle-approved-images-toggle,
.picu-toggle-download-history-toggle {
  display: none !important;
}

.picu-toggle-approved-view,
.picu-toggle-download-history {
  margin: 10px 20px 0;
  padding: 1em;
  text-align: center;
}
.picu-toggle-approved-view label,
.picu-toggle-download-history label {
  color: #0073aa;
  text-decoration: underline;
  padding-left: 16px;
}
.picu-toggle-approved-view .picu-toggle-show-approved-view,
.picu-toggle-approved-view .picu-toggle-show-download-history,
.picu-toggle-download-history .picu-toggle-show-approved-view,
.picu-toggle-download-history .picu-toggle-show-download-history {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230073aa' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v13M5 12l7 7 7-7'/%3E%3C/svg%3E") no-repeat left center;
}
.picu-toggle-approved-view .picu-toggle-hide-approved-view,
.picu-toggle-approved-view .picu-toggle-hide-download-history,
.picu-toggle-download-history .picu-toggle-hide-approved-view,
.picu-toggle-download-history .picu-toggle-hide-download-history {
  display: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230073aa' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V6M5 12l7-7 7 7'/%3E%3C/svg%3E") no-repeat left center;
}

.picu-toggle-approved-view {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
  font-weight: 400;
  text-align: center;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

.picu-toggle-approved-images-toggle:checked ~ .picu-toggle-approved-images .picu-toggle-show-image-table,
.picu-toggle-download-history-toggle:checked ~ .picu-toggle-download-history .picu-toggle-show-download-history {
  display: none;
}

.picu-toggle-download-history-toggle:checked ~ .picu-toggle-download-history .picu-toggle-hide-download-history {
  display: inline;
}

.picu-postbox-approved .picu-postbox-inner {
  display: none;
}

.picu-toggle-approved-view-toggle:checked ~ .picu-postbox-approved .picu-postbox-inner {
  display: block;
}

.picu-toggle-approved-view-toggle:checked ~ .picu-postbox-approved .picu-postbox-header .picu-toggle-show-approved-view {
  display: none;
}

.picu-toggle-approved-view-toggle:checked ~ .picu-postbox-approved .picu-postbox-header .picu-toggle-hide-approved-view {
  display: inline;
}

.picu-delivery-summary {
  padding: 30px 20px;
}

.picu-delivery-download-history {
  display: none;
}

.picu-toggle-download-history-toggle:checked ~ .picu-delivery-download-history {
  display: block;
}

.picu-delivery-download-history-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #eee;
}

.picu-delivery-download-history-table th {
  padding: 1rem 1rem;
  border-bottom: 1px solid #eee;
}

.picu-delivery-download-history-table .picu-delivery-download-history-table-date {
  text-align: left;
  white-space: nowrap;
}

.picu-delivery-download-history-table .picu-delivery-download-history-table-name {
  width: 100%;
  text-align: left;
}

.picu-delivery-download-history-table td {
  padding: 1rem 1rem;
  line-height: 1.4;
}

.picu-delivery-download-history-table tbody tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.picu-delivery-download-history-table img {
  width: auto;
  height: 50px;
}

.picu-delivery-no-download-history {
  text-align: center;
}

#wpfooter .picu-skip-to-delivery {
  display: none;
}

.picu-skip-to-delivery {
  margin-left: 10px;
  padding-left: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230073aa' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 16l6-6-6-6'/%3E%3Cpath d='M4 21v-7a4 4 0 0 1 4-4h11'/%3E%3C/svg%3E%0A") left center no-repeat;
}

.recipient-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.recipient {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 1rem;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  color: #333;
  background-color: white;
}

.recipient-wrap .recipient:nth-child(even) {
  background-color: #f6f7f7;
}

.recipient__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}

.recipient--new .recipient__inner {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.recipient__status-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  border-radius: 12px;
  color: #008a20;
  background-color: #c8f0cb;
}

.recipient--approved .recipient__status-wrap {
  color: #008a20;
  background-color: #c8f0cb;
}

.recipient--waiting .recipient__status-wrap {
  color: #f08a24;
  background-color: #fdddbc;
}

.recipient--failed .recipient__status-wrap {
  color: #dc3232;
  background-color: #f0d2d2;
}

.recipient--waiting .recipient__status {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--picu-admin--warning--color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center;
  background-size: 30px 30px;
  text-indent: -10000px;
  border-radius: 50%;
}

.recipient--approved .recipient__status {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--picu-admin--success--color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center;
  background-size: 20px 20px;
  text-indent: -10000px;
  border-radius: 50%;
}

.recipient--failed .recipient__status {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--picu-admin--alert--color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") no-repeat center center;
  background-size: 16px 16px;
  text-indent: -10000px;
  border-radius: 50%;
}

.recipient--placeholder.is-hidden {
  display: none;
}

.recipient__selection-count {
  padding: 0 0.8em 0 0.4em;
  font-size: 1.15em;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 1;
}

.recipient__email {
  margin-right: 1rem;
  font-weight: bold;
}

.recipient__comment {
  display: block;
  position: relative;
  margin-top: 0.5em;
  padding: 0;
  width: 100%;
  line-height: 1.5;
  color: black;
}

.recipient__comment-date {
  margin-top: 0.5em;
  font-size: 0.875em;
  color: #999;
}

.recipient__actions {
  margin-top: 0.75em;
  width: 100%;
}
@media only screen and (min-width: 784px) {
  .recipient__actions {
    margin-top: 0;
    width: auto;
  }
}

.recipient:hover .recipient__actions {
  display: inline-block;
}

.recipient__actions ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}

.recipient__actions li {
  display: inline-block;
  margin: 0;
}
.recipient__actions li:after {
  content: "|";
  display: inline-block;
  margin: 0 0.15rem 0 0.25rem;
  color: #dcdcde;
}
.recipient__actions li:last-child:after {
  display: none;
}

.recipient__actions a {
  color: #007cba;
  text-decoration: none;
  white-space: nowrap;
}
.recipient__actions a:hover, .recipient__actions a:focus {
  text-decoration: underline;
}

.recipient--new.is-hidden {
  display: none;
}

.recipient__field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.recipient__label {
  margin: 0 0 5px 0;
  font-size: 13px;
  font-weight: 700;
}

.recipient--new [name=picu-new-recipient-name],
.recipient--new [name=picu-new-recipient-email] {
  margin-right: 5px;
}

.recipient--new .button {
  margin-right: 5px;
}

.recipient__send-email-wrap {
  margin: 0.5rem 0 0;
  width: 100%;
}

#picu-new-recipient-send-email:disabled + label {
  opacity: 0.5;
}

.picu-pro-hint {
  position: relative;
  margin-top: -10px;
  margin-bottom: 10px;
  background-color: transparent;
}

.picu-pro-hint-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.picu-pro-hint-icon {
  padding: 0 2px 0 0;
}

.picu-pro-hint {
  position: relative;
  z-index: 1;
  padding: 20px 25px 20px;
  border-radius: 5px;
  overflow: hidden;
}

.picu-pro-hint__badge {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 8px 3px 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  color: #fff;
  background: -webkit-linear-gradient(135deg, #027791 40%, #f2fafb 50%, #027791 60%);
  background: linear-gradient(-45deg, #027791 40%, #f2fafb 50%, #027791 60%);
  background-size: 300%;
  background-position-x: 100%;
  -webkit-animation: shimmer 5s infinite linear;
          animation: shimmer 5s infinite linear;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  border-radius: 5px;
}

@-webkit-keyframes shimmer {
  12%, 100% {
    background-position-x: 0%;
  }
}

@keyframes shimmer {
  12%, 100% {
    background-position-x: 0%;
  }
}
.picu-multi-client-pro-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.picu-multi-client-pro-hint.hidden {
  display: none;
}

.picu-multi-client-pro-hint__icon {
  font-size: 1.5em;
  margin-right: 8px;
}

.picu-multi-client-pro-hint__content {
  margin-right: 5px;
}

#picu-approval-form-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px 5px 5px;
  background: #f5f5f5;
}
#picu-approval-form-options p {
  padding: 0 1em;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  border-radius: 3px;
}
#picu-approval-form-options .col-20 {
  width: -webkit-calc(20% - 20px);
  width: calc(20% - 20px);
  width: 20%;
}
#picu-approval-form-options .col-30 {
  width: -webkit-calc(30% - 20px);
  width: calc(30% - 20px);
  width: 30%;
}
#picu-approval-form-options .col-40 {
  width: 40%;
}
#picu-approval-form-options .col-50 {
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
  width: 50%;
}
#picu-approval-form-options .col-60 {
  width: 60%;
}
#picu-approval-form-options .col-70 {
  width: -webkit-calc(70% - 20px);
  width: calc(70% - 20px);
  width: 70%;
}
#picu-approval-form-options .col-100 {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  width: 100%;
}
#picu-approval-form-options .paragraph {
  display: none;
}
#picu-approval-form-options .break {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0;
  border: none;
}
#picu-approval-form-options label {
  display: block;
}
#picu-approval-form-options label .after {
  display: inline-block;
}
#picu-approval-form-options input[type=text],
#picu-approval-form-options select {
  width: 100%;
}
#picu-approval-form-options textarea {
  width: 100%;
  height: 100px;
}

#picu-submit-metabox .inside {
  margin: 0;
  padding: 0;
}
#picu-submit-metabox .save-draft {
  border: none;
  box-shadow: none;
  padding: 0;
  float: left;
  color: #2271b1;
  background: transparent;
}
#picu-submit-metabox .save-draft:hover {
  background: inherit;
  color: #3690d8;
}
#picu-submit-metabox .spinner {
  float: left;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
#picu-submit-metabox .disabled + .spinner {
  visibility: visible;
}
#picu-submit-metabox #major-publishing-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  padding: 10px 12px 0px;
}
.post-status-auto-draft #picu-submit-metabox #major-publishing-actions, .post-status-draft #picu-submit-metabox #major-publishing-actions, .post-status-delivery-draft #picu-submit-metabox #major-publishing-actions {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.picu-submit-metabox-inside {
  position: relative;
}

.status {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1em;
  font-size: 1.2em;
  font-weight: 700;
}
.status:before {
  content: "";
  display: inline-block;
  margin-right: 0.4em;
  width: 11px;
  height: 11px;
  border: none;
  border-radius: 50%;
  background-color: currentColor;
}
.status.status--draft {
  color: #c3c4c7;
}
.status.status--open {
  color: #008a20;
}
.status.status--closed {
  color: #b32d2e;
}
.status.status--delivered {
  color: #2271b1;
}

.status__meta {
  margin-top: 0;
  padding: 0 12px 0.5em;
}

.status__meta-table {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.875em;
  border-radius: 3px;
  border-spacing: 0;
}
.status__meta-table th {
  padding: 0.5em 0.5em 0.5em 0;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.status__meta-table td {
  padding: 0.5em 0 0.5em 0.5em;
  text-align: right;
  border-bottom: 1px solid #eee;
}
.status__meta-table tr:last-child th,
.status__meta-table tr:last-child td {
  border-bottom: none;
}
.status__meta-table .status__meta-table__expiry.status__meta-table__expiry--soon {
  color: #dc3232;
}

.picu-post-options {
  background: #f5f5f5;
  background: white;
  font-size: 0.875em;
  border-top: 1px solid #eee;
}
.picu-post-options:empty {
  border: none;
}
.picu-post-options .picu-option-item {
  position: relative;
  display: block;
  padding: 10px 12px 8px 12px;
  border-bottom: 1px solid #eee;
}
.picu-post-options .picu-option-item:last-child {
  margin: 0;
  border-bottom: none;
}
.picu-post-options .picu-password-wrap {
  position: relative;
}
.picu-post-options #picu-password {
  margin: 5px 0;
}
.picu-post-options #picu-password.is-hidden {
  margin: 0;
  height: 0;
  overflow: hidden;
}
.picu-post-options #picu-password.is-hidden .picu-remove-password {
  display: none;
}
.picu-post-options #picu-password label {
  display: block;
}
.picu-post-options #picu-password input[type=text] {
  margin: 0 0 3px 0;
  width: 100%;
}
.picu-post-options #picu-password .picu-remove-password {
  position: absolute;
  bottom: 10px;
  right: 25px;
  width: 10px;
  height: 10px;
  background: white url(/wp-admin/images/xit-2x.gif) no-repeat left top;
  background-size: 20px 10px;
  border: 1px solid #c2c2c2;
  border-radius: 50px;
  text-indent: -10000em;
}
.picu-post-options #picu-password .picu-remove-password:hover {
  background: white url(/wp-admin/images/xit-2x.gif) no-repeat right top;
  background-size: 20px 10px;
  border: 1px solid #f29393;
}
.picu-post-options #picu-password .picu-remove-password.is-hidden {
  display: none;
}
.picu-post-options #picu-password .picu-hint {
  margin: 0;
}
.picu-post-options #picu-password .picu-hint.is-hidden {
  display: none;
}
.picu-post-options a {
  display: inline-block;
  text-decoration: none;
}
.picu-post-options a .dashicons {
  font-size: 15px;
}
.picu-post-options a .dashicons-lock {
  font-size: 16px;
}
.picu-post-options .picu-copy-collection-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
}
.picu-post-options .picu-copy-collection-url .picu-collection-url {
  margin: 0;
  width: 100%;
  max-width: -webkit-calc(100% - 46px);
  max-width: calc(100% - 46px);
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.picu-post-options .picu-copy-collection-url .picu-copy-collection-url-to-clipboard {
  margin: 0;
  width: 46px;
  min-height: 30px;
  font-size: 14px;
  color: white;
  background: #2271b1;
  border: 1px solid #2271b1;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 0 0 transparent;
}
.picu-post-options .picu-copy-collection-url .picu-copy-collection-url-to-clipboard:before {
  content: "\f481";
  text-indent: 0;
}
@media screen and (max-width: 782px) {
  .picu-post-options .picu-copy-collection-url .picu-copy-collection-url-to-clipboard {
    min-height: 40px;
  }
}
.picu-post-options .picu-copy-collection-url .picu-tooltip-copied-url {
  position: absolute;
  z-index: 1000000;
  top: 46px;
  right: 8px;
  padding: 0.5em 0.75em;
  max-width: -webkit-calc(100% - 19px);
  max-width: calc(100% - 19px);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  word-wrap: break-word;
  color: white;
  background: black;
  border-radius: 6px;
  display: none;
}
.picu-post-options .picu-copy-collection-url .picu-tooltip-copied-url:before {
  position: absolute;
  z-index: 1000001;
  top: -6px;
  right: 22px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid black;
  border-top: none;
  color: black;
  content: "";
}
@media screen and (max-width: 782px) {
  .picu-post-options .picu-copy-collection-url .picu-tooltip-copied-url {
    top: 56px;
  }
}
.picu-post-options #collection_expires {
  float: left;
  margin: 1px 6px 10px 0;
}
.picu-post-options label[for=collection_expires] {
  color: #2271b1;
}
.picu-post-options .expiration-date__wrap {
  display: none;
}
.picu-post-options .expiration-date__wrap label {
  display: block;
  margin-bottom: 0px;
}
.picu-post-options #collection_expires:checked ~ .expiration-date__wrap {
  display: block;
  margin: 10px -12px -8px -12px;
  padding: 0px 12px 14px 12px;
}

.picu-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 100000;
}
.picu-modal.is-hidden {
  display: none;
}
.picu-modal .picu-modal-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
.picu-modal .picu-modal-content {
  min-width: 300px;
  max-width: 320px;
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.picu-modal .picu-modal-content h3 {
  padding: 15px 15px 0;
  margin: 0 0 1em 0;
}
.picu-modal .picu-modal-content p {
  clear: both;
  padding: 0 15px;
  margin: 0 0 1em 0;
}
.picu-modal .picu-modal-content .picu-modal-actions {
  margin-top: 15px;
  padding: 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}
.picu-modal .picu-modal-content .picu-modal-actions:after {
  content: "";
  clear: both;
  display: block;
}
.picu-modal .picu-modal-content .picu-modal-actions > .picu-cancel-modal {
  float: right;
}
.picu-modal.picu-warning .picu-modal-content {
  border-top: 3px solid #dc3232;
}

#major-publishing-actions {
  padding: 10px 12px;
  border-top: 1px solid #ddd;
}
#major-publishing-actions .picu-duplicate-collection-selected {
  margin-top: 8px;
}

.picu-show-approval-message,
.picu-show-collection-description {
  text-align: center;
  width: 100%;
}
.picu-show-approval-message a:focus,
.picu-show-collection-description a:focus {
  box-shadow: none;
}

.icon-lock {
  color: #9e9e9e;
  width: 100%;
  text-align: center;
}
.icon-lock:before {
  content: "\f160";
  font-family: Dashicons;
  padding-right: 0.4em;
}

.picu-submit-metabox-status-approved .picu-submit-metabox-status-text {
  display: inline-block;
  margin: 0 auto;
  padding-left: 24px;
  background: url(../images/selected.svg) no-repeat left 10px;
  background-size: 20px 15px;
}

.picu-submit-metabox-status {
  text-align: center;
  padding: 1.2em 0 2em;
}
.picu-submit-metabox-status div {
  display: inline-block;
}

.picu-submit-metabox-status-text {
  width: auto;
  padding: 0.4em 0.8em 0 0.9em;
  font-size: 1.6em;
}
.picu-submit-metabox-status-approved .picu-submit-metabox-status-text {
  color: #008a20;
}

.re-open-collection {
  text-align: center;
  width: 100%;
  padding-bottom: 1em;
}

#major-publishing-actions .picu-delete {
  padding: 5px 0 10px;
  width: 100%;
  color: #b32d2e;
  text-align: center;
}

/**
 * picu options meta box
 */
#picu-options-metabox {
  border: none;
  background: transparent;
  box-shadow: none;
}
#picu-options-metabox h2 {
  display: none;
}
#picu-options-metabox .handlediv {
  display: none;
}
#picu-options-metabox .inside {
  margin: 0;
  padding: 0;
}
#picu-options-metabox .picu-post-options {
  font-size: 0.875em;
  background: transparent;
  border-top: none;
}
#picu-options-metabox .picu-post-options a {
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}
#picu-options-metabox .picu-post-options a .dashicons {
  font-size: 15px;
}
#picu-options-metabox #major-publishing-actions {
  border-top: none;
}

/**
 * PRO meta box
 */
#picu-pro-metabox {
  border: none;
  box-shadow: none;
  border-radius: 5px;
}
#picu-pro-metabox .handlediv,
#picu-pro-metabox .hndle {
  display: none;
}
#picu-pro-metabox .inside {
  margin: 0;
  padding: 0;
}

/**
 * picu Pro metabox
 */
#picu-pro-metabox .picu-pro-meta-box,
.picu-pro-meta-box {
  position: relative;
  margin-top: 0;
  padding: 25px 0 20px 0;
  color: white;
  background-color: var(--picu-admin--primary--color);
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__title,
.picu-pro-meta-box .picu-pro-meta-box__title {
  margin: 0 0 15px;
  padding: 0 25px;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  color: white;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__content ul,
.picu-pro-meta-box .picu-pro-meta-box__content ul {
  padding: 0 20px 0 40px;
  list-style: square;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__reviews,
.picu-pro-meta-box .picu-pro-meta-box__reviews {
  margin: 0 20px 10px;
  text-align: center;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__reviews > p:first-child,
.picu-pro-meta-box .picu-pro-meta-box__reviews > p:first-child {
  margin: 15px 20px 5px;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__reviews > p:nth-child(2),
.picu-pro-meta-box .picu-pro-meta-box__reviews > p:nth-child(2) {
  margin: 0 20px 2px;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__rating,
.picu-pro-meta-box .picu-pro-meta-box__rating {
  display: inline-block;
  margin: 0 0 0 5px;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  font-weight: 700;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__button-wrap,
.picu-pro-meta-box .picu-pro-meta-box__button-wrap {
  margin: 0;
  padding: 0.9rem 1rem 0.5rem;
  text-align: center;
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__button-wrap .button.picu-pro__button,
.picu-pro-meta-box .picu-pro-meta-box__button-wrap .button.picu-pro__button {
  padding: 0.25rem 1.5rem;
  max-width: 100%;
  font-weight: bold;
  color: var(--picu-admin--primary--color);
  background-color: white;
  white-space: normal;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#picu-pro-metabox .picu-pro-meta-box .picu-pro-meta-box__link,
.picu-pro-meta-box .picu-pro-meta-box__link {
  color: white;
}

#picu-submit-metabox .handle-actions .handle-order-higher,
#picu-submit-metabox .handle-actions .handle-order-lower,
#picu-pro-metabox .postbox-header {
  display: none;
}

#picu-collection-history .postbox {
  padding: 0;
  background-color: yellow;
}

#picu-collection-history .inside {
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}

.picu-event {
  padding: 0.5em 1em;
}

.picu-event:nth-child(odd) {
  background-color: #f6f7f7;
}

.picu-event__time {
  font-size: 10px;
  display: block;
}

.picu-event__name {
  display: block;
  font-weight: 700;
}

.picu-event__data {
  display: block;
  font-size: 10px;
}

/*
 * picu settings
 */
.preview-wrap {
  padding: 0 10px 10px 10px;
}
.preview-wrap .preview-hint {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1;
  color: #bbb;
}
.preview-wrap .collection-preview {
  margin-bottom: 20px;
  padding: 15px 20px;
  color: white;
  background-color: #16161d;
}
.preview-wrap .collection-preview:after {
  content: "";
  clear: both;
  display: block;
}
@media only screen and (min-width: 600px) {
  .preview-wrap .collection-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.preview-wrap .collection-preview.light {
  color: #575757;
  background-color: #fcfcfc;
}
.preview-wrap .collection-preview.light .blog-name {
  color: rgba(87, 87, 87, 0.498039);
}
.preview-wrap .collection-preview.light h1 {
  color: #575757;
}
.preview-wrap .collection-preview .preview-logo {
  margin: 0 1.5rem 0 0;
  max-width: 100%;
  max-height: 50px;
  width: auto;
  height: auto;
  vertical-align: bottom;
}
.preview-wrap .collection-preview .collection-preview-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1.5rem;
}
.preview-wrap .collection-preview .blog-name {
  display: none;
  position: relative;
  margin: 0;
  color: rgba(238, 238, 238, 0.498039);
  z-index: 2;
}
.preview-wrap .collection-preview .blog-name.active {
  display: block;
}
.preview-wrap .collection-preview h1 {
  font-size: 32px;
  line-height: 38px;
  display: inline;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold;
  color: #eee;
}

.picu-settings__form .nowrap {
  white-space: nowrap;
}
.picu-settings__form .nowrap input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.picu-settings__form input[type=text] {
  vertical-align: top;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 782px) {
  .picu-settings__form input[type=text]#primary_color {
    min-width: auto;
  }
}
.picu-settings__form input[type=radio] {
  margin: 0 0.5rem 0 0;
  vertical-align: text-top;
}
.picu-settings__form input[type=checkbox],
.picu-settings__form select {
  margin-top: 1px !important;
  vertical-align: top;
}
.picu-settings__form select {
  vertical-align: top;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 782px) {
  .picu-settings__form select#primary_color {
    min-width: auto;
  }
}
.picu-settings__form textarea {
  vertical-align: top;
  min-height: 100px;
  width: 100%;
}
.picu-settings__form .wp-picker-container {
  padding-top: 10px;
}
@media only screen and (min-width: 782px) {
  .picu-settings__form .wp-picker-container {
    display: inline-block;
    padding-top: 0;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.picu-settings__form label {
  display: inline-block;
  margin-right: 1rem;
  width: 240px;
  font-weight: bold;
}
.picu-settings__form label.after {
  width: auto;
}
.picu-settings__form label .description {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
}
.picu-settings__form label .description .normal {
  font-style: normal;
}
.picu-settings__form label code {
  display: inline-block;
  padding: 1px 5px 0 3px;
  background-color: #ddd;
}
.picu-settings__form .wp-picker-input-wrap > label {
  width: auto;
}
.picu-settings__form .radio-tab-box label {
  width: 225px;
}
.picu-settings__form .picu-settings__theme-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.picu-settings__form .picu-settings__theme label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100px;
}
.picu-settings__form .picu-settings__theme label img {
  width: 100px;
  height: 100px;
}
.picu-settings__form input[type=radio].picu-radio-image + label img {
  border: 5px solid transparent;
}
.picu-settings__form input[type=radio].picu-radio-image:checked + label img {
  border: 5px solid var(--picu-admin--primary--color);
}
.picu-settings__form input[type=checkbox].picu-radio-image:disabled + label img {
  opacity: 0.25;
}
.picu-settings__form .picu-settings__theme__title,
.picu-settings__form .theme-title {
  -webkit-margin-before: 0.25em;
          margin-block-start: 0.25em;
  padding: 0 5px;
  text-align: center;
  max-width: 100px;
  font-size: 12px;
  white-space: wrap;
}
.picu-settings__form img {
  width: 100px;
  height: auto;
  vertical-align: bottom;
}
.picu-settings__form .ui-upload, .picu-settings__form .ui-replace-remove {
  display: none;
}
.picu-settings__form .ui-upload.active, .picu-settings__form .ui-replace-remove.active {
  display: block;
}
.picu-settings__form .radio-tab {
  margin: 0 -25px 20px -25px;
  padding: 10px 25px 0 25px;
  border-bottom: 1px solid #ddd;
}
.picu-settings__form .radio-tab:after {
  content: "";
  clear: both;
  display: block;
}
.picu-settings__form .radio-tab li {
  display: block;
  float: left;
  margin: 0 0 -1px 0;
}
.picu-settings__form .radio-tab li a {
  position: relative;
  display: block;
  padding: 12px 15px 9px 39px;
  color: #666;
  background-color: #eee;
  text-decoration: none;
  border: 1px solid #eee;
  border-bottom: 1px solid #ddd;
}
.picu-settings__form .radio-tab li a:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 12px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #f1f1f1;
  border: 4px solid white;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.picu-settings__form .radio-tab li a.active {
  color: #23282d;
  background-color: white;
  box-shadow: none;
  border-color: #ddd;
  border-bottom: 1px solid white;
}
.picu-settings__form .radio-tab li a.active:before {
  background-color: #0073aa;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.3);
}
.picu-settings__form .radio-tab li:first-child a {
  border-radius: 5px 0 0 0;
}
.picu-settings__form .radio-tab li:first-child a.active {
  box-shadow: none;
}
.picu-settings__form .radio-tab li:last-child a {
  border-radius: 0 5px 0 0;
}
.picu-settings__form .radio-tab-box {
  display: none;
  margin: -20px -25px 0px -25px;
  padding: 10px 25px;
  border-top: none;
  background-color: white;
}
.picu-settings__form .radio-tab-box.is-active {
  display: block;
}
.picu-settings__form code {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  background: none;
}
.picu-settings__form .picu-image-title-sources span, .picu-settings__form .picu-image-title-composition span {
  display: inline-block;
  padding: 5px 12px;
  margin: 0 5px 5px 0;
  line-height: 1;
  border-radius: 50px;
  background: #e4e4e4;
  white-space: nowrap;
  cursor: move;
}
.picu-settings__form .picu-image-title-sources .ui-sortable-placeholder, .picu-settings__form .picu-image-title-composition .ui-sortable-placeholder {
  height: 0 !important;
}
.picu-settings__form .picu-image-title-sources {
  margin: 10px 0 10px 0;
  max-width: 450px;
}
.picu-settings__form .picu-image-title-composition {
  margin: 0 0 20px 0;
  padding: 10px 10px 5px;
  max-width: 540px;
  min-height: 20px;
  border: 2px dashed #bbb;
}
.picu-settings__form .picu-image-title-composition span {
  background-color: #2271b1;
  color: white;
}
.picu-settings__form .picu-image-title-composition span .picu-title-comp-remove {
  display: inline-block;
  margin: 0 -5px 0 6px;
  width: 13px;
  height: 13px;
  background: rgba(0, 0, 0, 0.2) url(../images/icon-close.svg) no-repeat center center;
  background-size: 7px 7px;
  border-radius: 40px;
  text-indent: -10000em;
}

.picu-settings-row {
  margin: 1em 0;
}

.picu-settings-label {
  display: inline-block;
  margin: 0 0 1rem 0;
  width: 240px;
  font-weight: bold;
  vertical-align: top;
}
.picu-settings-label.after {
  width: auto;
}
.picu-settings-label .description {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
}
.picu-settings-label .description.normal {
  font-style: normal;
}
.picu-settings-label code {
  display: inline-block;
  padding: 1px 5px 0 3px;
  background-color: #ddd;
}

.picu_settings__settings-item__radio .picu_settings__settings-item__radio-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.picu_settings__settings-item__radio .picu_settings__settings-item__radio-wrapper input[type=radio] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
}
@media only screen and (min-width: 782px) {
  .picu_settings__settings-item__radio .picu_settings__settings-item__radio-wrapper input[type=radio] {
    margin-top: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
}

#picu-debug-info {
  background-color: #f6f6f6;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
#picu-debug-info th {
  padding: 10px;
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #ccc;
}
#picu-debug-info td {
  padding: 10px;
  width: 50%;
  vertical-align: top;
}
#picu-debug-info tr td:first-child {
  width: 30%;
  font-weight: bold;
}
#picu-debug-info tr td:nth-child(2) {
  width: 70%;
}
#picu-debug-info tr:nth-child(even) td {
  background-color: white;
}

/**
 * Brand & Customize – Multiple Email Messages
 */
[for=custom_email_text] {
  vertical-align: top;
}

.picu-custom-email-text-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .picu-custom-email-text-wrap {
    max-width: 500px;
  }
}

.picu-custom-email-messages-table {
  margin: 0 0 10px;
  width: 100%;
  font-size: 1em;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.picu-custom-email-messages-table thead th {
  padding: 15px 12px;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
.picu-custom-email-messages-table td {
  padding: 12px;
  vertical-align: top;
  border-bottom: 1px solid #e5e5e5;
}
.picu-custom-email-messages-table th:first-child,
.picu-custom-email-messages-table td:first-child {
  padding: 15px 0 0 12px;
  width: 16px;
  text-align: left;
}
.picu-custom-email-messages-table th:first-child svg,
.picu-custom-email-messages-table td:first-child svg {
  cursor: pointer;
}
.picu-custom-email-messages-table th:nth-child(2) {
  padding-left: 17px;
}
.picu-custom-email-messages-table th:last-child {
  text-align: right;
}
.picu-custom-email-messages-table td[colspan="2"] {
  text-align: left;
}
.picu-custom-email-messages-table tr:nth-child(even) td {
  background-color: #f9f9f9;
}
.picu-custom-email-messages-table tr.edit-active {
  border: 1px solid #ddd;
  background: #f6f6f6;
}
.picu-custom-email-messages-table tr svg {
  stroke: #ccc;
  fill: none;
}
.picu-custom-email-messages-table tr svg:hover {
  stroke: #2271b1;
}
.picu-custom-email-messages-table tr.default-message svg {
  stroke: #2271b1;
  fill: #2271b1;
}
.picu-custom-email-messages-table .picu-message-edit-box {
  height: 0;
  overflow: hidden;
}
.picu-custom-email-messages-table .edit-active .picu-message-edit-box {
  height: auto;
}

.picu-message-name-title {
  float: left;
  padding-left: 5px;
  cursor: pointer;
}

.picu-message-actions {
  float: right;
}

.edit-active td:nth-child(2) {
  padding-top: 7px;
  padding-left: 12px;
}

.edit-active .picu-message-actions {
  display: none;
}

.edit-active .picu-message-name-title {
  display: none;
  float: none;
}

.picu-message-edit-box input.picu-message-name {
  display: block;
  background-color: white;
  margin: 0;
  padding: 4px;
  width: 100%;
  min-width: auto;
  max-width: 447px;
  min-height: 18px;
  font-size: 13px;
  line-height: 1.4;
  border: 1px solid #ddd;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 1;
}

.picu-message-edit-box textarea {
  margin: 5px 0 8px;
  padding: 4px;
  width: 100%;
  min-width: auto;
  max-width: 447px;
  height: 200px;
  font-size: 13px;
  line-height: 1.4;
  resize: none;
}

.picu-message-saving {
  position: absolute;
  right: 12px;
  bottom: 6px;
}

.picu-message-saving .indicator-saving {
  display: none;
  padding: 4px 20px 4px 0;
  background: url(../images/spinner-2x.gif) no-repeat right center;
  background-size: 16px 16px;
  text-transform: uppercase;
  text-align: right;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  color: #808080;
  opacity: 0.5;
}

.picu-message-saving .indicator-saved {
  display: none;
  padding: 4px 20px 4px 0;
  background: url(../images/icon-check-grey.svg) no-repeat right center;
  background-size: 16px 16px;
  text-transform: uppercase;
  text-align: right;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  color: #808080;
  opacity: 0.5;
  -webkit-animation: fadeOut 2s forwards;
          animation: fadeOut 2s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.picu-message-saving.is-saving .indicator-saving,
.picu-message-saving.is-saved .indicator-saved {
  display: block;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
.picu-custom-email-messages-table .no-templates-hint {
  display: none;
}

.picu-custom-email-messages-table tbody:empty ~ .no-templates-hint {
  display: table-row-group;
}

/**
 * TinyMCE
 */
.picu_settings__settings-item .mce-tinymce,
.picu-settings-form .mce-tinymce {
  display: inline-block !important;
  vertical-align: top !important;
}
@media only screen and (min-width: 1200px) {
  .picu_settings__settings-item .mce-tinymce,
.picu-settings-form .mce-tinymce {
    max-width: 500px;
  }
}

/**
 * Theft Protection
 */
.picu-watermark-size-scaling-wrap {
  display: none;
}
.picu-watermark-size-scaling-wrap h3 {
  margin-top: 0;
  font-size: 14px;
}

.picu-watermark-size-scaling-wrap.has-watermark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.picu-watermark_by_default_wrap {
  margin: 20px 0 30px;
  width: 100%;
}

.picu-watermark-position-wrap {
  width: 100%;
}
@media only screen and (min-width: 782px) {
  .picu-watermark-position-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
            flex: 0 0 310px;
    width: 310px;
    padding-right: 60px;
  }
}

.js-picu-watermark-size-scaling-wrap.is-hidden {
  display: none;
}

.watermark-size-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 310px;
}
.watermark-size-wrap .watermark-size {
  width: 265px;
  vertical-align: middle;
}

.picu_settings__settings-item__watermark .watermark-position,
.picu-form .watermark-position {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  background-color: #ccc;
  border: 5px solid #ccc;
}
.picu_settings__settings-item__watermark .watermark-position [type=radio],
.picu-form .watermark-position [type=radio] {
  display: none;
}
.picu_settings__settings-item__watermark .watermark-position label,
.picu-form .watermark-position label {
  position: absolute;
  z-index: 1;
  display: block;
  margin: 0;
  width: 100px;
  height: 100px;
  text-indent: -10000em;
  opacity: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=top-left],
.picu-form .watermark-position label[for=top-left] {
  top: 0;
  left: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=top-left]:after,
.picu-form .watermark-position label[for=top-left]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-left: 4px solid #575757;
  border-top: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=top-center],
.picu-form .watermark-position label[for=top-center] {
  top: 0;
  left: 100px;
}
.picu_settings__settings-item__watermark .watermark-position label[for=top-center]:after,
.picu-form .watermark-position label[for=top-center]:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  width: 40px;
  height: 30px;
  border-top: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=top-right],
.picu-form .watermark-position label[for=top-right] {
  top: 0;
  right: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=top-right]:after,
.picu-form .watermark-position label[for=top-right]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-top: 4px solid #575757;
  border-right: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-left],
.picu-form .watermark-position label[for=middle-left] {
  top: 100px;
  left: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-left]:after,
.picu-form .watermark-position label[for=middle-left]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 30px;
  height: 40px;
  border-left: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-center],
.picu-form .watermark-position label[for=middle-center] {
  top: 100px;
  left: 100px;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-center]:before,
.picu-form .watermark-position label[for=middle-center]:before {
  content: "";
  position: absolute;
  left: 48px;
  top: 30px;
  width: 30px;
  height: 40px;
  border-left: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-center]:after,
.picu-form .watermark-position label[for=middle-center]:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 48px;
  width: 40px;
  height: 30px;
  border-top: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-right],
.picu-form .watermark-position label[for=middle-right] {
  top: 100px;
  right: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=middle-right]:after,
.picu-form .watermark-position label[for=middle-right]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 30px;
  width: 30px;
  height: 40px;
  border-right: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=bottom-left],
.picu-form .watermark-position label[for=bottom-left] {
  bottom: 0;
  left: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=bottom-left]:after,
.picu-form .watermark-position label[for=bottom-left]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-left: 4px solid #575757;
  border-bottom: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=bottom-center],
.picu-form .watermark-position label[for=bottom-center] {
  bottom: 0;
  left: 100px;
}
.picu_settings__settings-item__watermark .watermark-position label[for=bottom-center]:after,
.picu-form .watermark-position label[for=bottom-center]:after {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 40px;
  height: 30px;
  border-bottom: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label[for=bottom-right],
.picu-form .watermark-position label[for=bottom-right] {
  bottom: 0;
  right: 0;
}
.picu_settings__settings-item__watermark .watermark-position label[for=bottom-right]:after,
.picu-form .watermark-position label[for=bottom-right]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-right: 4px solid #575757;
  border-bottom: 4px solid #575757;
}
.picu_settings__settings-item__watermark .watermark-position label:hover:before, .picu_settings__settings-item__watermark .watermark-position label:hover:after,
.picu-form .watermark-position label:hover:before,
.picu-form .watermark-position label:hover:after {
  border-color: #2271b1;
}
.picu_settings__settings-item__watermark .watermark-position:hover label,
.picu-form .watermark-position:hover label {
  opacity: 1;
}
.picu_settings__settings-item__watermark .watermark-position .picu-watermark-positioned,
.picu-form .watermark-position .picu-watermark-positioned {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.picu_settings__settings-item__watermark .watermark-position [value=top-left]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=top-left]:checked ~ .picu-watermark-positioned {
  top: 0;
  left: 0;
}
.picu_settings__settings-item__watermark .watermark-position [value=top-center]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=top-center]:checked ~ .picu-watermark-positioned {
  top: 0;
  left: 50%;
}
.picu_settings__settings-item__watermark .watermark-position [value=top-right]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=top-right]:checked ~ .picu-watermark-positioned {
  top: 0;
  right: 0;
}
.picu_settings__settings-item__watermark .watermark-position [value=middle-left]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=middle-left]:checked ~ .picu-watermark-positioned {
  top: 50%;
  left: 0;
}
.picu_settings__settings-item__watermark .watermark-position [value=middle-center]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=middle-center]:checked ~ .picu-watermark-positioned {
  top: 50%;
  left: 50%;
}
.picu_settings__settings-item__watermark .watermark-position [value=middle-right]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=middle-right]:checked ~ .picu-watermark-positioned {
  top: 50%;
  right: 0;
}
.picu_settings__settings-item__watermark .watermark-position [value=bottom-left]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=bottom-left]:checked ~ .picu-watermark-positioned {
  bottom: 0;
  left: 0;
}
.picu_settings__settings-item__watermark .watermark-position [value=bottom-center]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=bottom-center]:checked ~ .picu-watermark-positioned {
  bottom: 0;
  left: 50%;
}
.picu_settings__settings-item__watermark .watermark-position [value=bottom-right]:checked ~ .picu-watermark-positioned,
.picu-form .watermark-position [value=bottom-right]:checked ~ .picu-watermark-positioned {
  bottom: 0;
  right: 0;
}
.picu_settings__settings-item__watermark .watermark-position .watermark-shadow,
.picu-form .watermark-position .watermark-shadow {
  position: absolute;
  display: none;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  text-indent: -10000em;
  background-color: rgba(34, 113, 177, 0.5);
  opacity: 0.5;
}

.picu-watermark-position-wrap.watermark-fill .watermark-position {
  overflow: hidden;
}
.picu-watermark-position-wrap.watermark-fill .watermark-position label {
  display: none;
}
.picu-watermark-position-wrap.watermark-fill .watermark-size-wrap {
  display: none;
}
.picu-watermark-position-wrap.watermark-fill .picu-watermark-positioned {
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  max-width: 100000000px !important;
  max-height: 100000000px !important;
}

@media only screen and (min-width: 1200px) {
  .wp-admin .picu-watermark-scaling-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 370px);
            flex: 0 1 -webkit-calc(100% - 370px);
            flex: 0 1 calc(100% - 370px);
    max-width: 445px;
  }
}
.wp-admin .picu-watermark-scaling-wrap p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wp-admin .picu-watermark-scaling-wrap input[type=radio] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
}
@media only screen and (min-width: 782px) {
  .wp-admin .picu-watermark-scaling-wrap input[type=radio] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
    margin-top: 1px;
  }
}
.wp-admin .picu-watermark-scaling-wrap label {
  width: auto;
}

/**
 * New settings classes
 * @since 1.6.3
 */
.picu-settings__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0px 0;
  padding: 20px 0 20px;
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 1040px) {
  .picu-settings__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.picu_settings__settings-item__new .picu-settings__item {
  padding-top: 15px;
}
.picu_settings__settings-item__button .picu-settings__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 1em 0;
}
.picu_settings__settings-item__button .picu-settings__item .description {
  margin-bottom: 1em;
}
.picu-settings__item.picu-settings__item--checkbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.picu-settings__item:last-of-type {
  border-bottom: none;
}
.picu-settings__item input[type=checkbox] {
  width: 25px;
  height: 25px;
}
@media only screen and (min-width: 782px) {
  .picu-settings__item input[type=checkbox] {
    width: 16px;
    height: 16px;
  }
}
.picu-settings__item label,
.picu-settings__item .picu-settings__label {
  margin: 0 0 10px 0;
  width: 100%;
}
@media only screen and (min-width: 1040px) {
  .picu-settings__item label,
.picu-settings__item .picu-settings__label {
    margin: 0 16px 0 0;
    max-width: 240px;
  }
}
.picu-settings__item label.after,
.picu-settings__item .picu-settings__label.after {
  margin-left: 8px;
  max-width: -webkit-calc(100% - 37px);
  max-width: calc(100% - 37px);
}
@media only screen and (min-width: 600px) {
  .picu-settings__item label.after,
.picu-settings__item .picu-settings__label.after {
    margin-right: 0;
  }
}
@media only screen and (min-width: 782px) {
  .picu-settings__item label.after,
.picu-settings__item .picu-settings__label.after {
    max-width: -webkit-calc(100% - 29px);
    max-width: calc(100% - 29px);
  }
}
.picu-settings__item .picu-settings__input-wrap {
  width: 100%;
}
.picu-settings__item .picu-settings__input-wrap input[type=text],
.picu-settings__item .picu-settings__input-wrap select,
.picu-settings__item .picu-settings__input-wrap textarea {
  width: 100%;
  min-width: auto;
}
@media only screen and (min-width: 1040px) {
  .picu-settings__item .picu-settings__input-wrap input[type=text],
.picu-settings__item .picu-settings__input-wrap select,
.picu-settings__item .picu-settings__input-wrap textarea {
    max-width: 500px;
  }
}
.picu-settings__item .picu-settings__input__hint {
  display: block;
  margin-top: 5px;
  padding-left: 2px;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.5;
}
.picu-settings__item .picu-settings__input__hint--alert {
  color: #dc3232;
  padding-left: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23dc3232' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat left top;
}

.picu_settings__settings-item__email-templates .picu-settings__item,
.picu_settings__settings-item__after-approval .picu-settings__item {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 1200px) {
  .picu_settings__settings-item__email-templates .picu-settings__item,
.picu_settings__settings-item__after-approval .picu-settings__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.picu_settings__settings-item__email-templates .picu-settings__item .picu-settings__label,
.picu_settings__settings-item__after-approval .picu-settings__item .picu-settings__label {
  margin: 0 0 10px 0;
  max-width: none;
}
@media only screen and (min-width: 1200px) {
  .picu_settings__settings-item__email-templates .picu-settings__item .picu-settings__label,
.picu_settings__settings-item__after-approval .picu-settings__item .picu-settings__label {
    margin: 0 16px 0 0;
    max-width: 240px;
  }
}

.picu-debug-copy-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 0 1rem;
}
.picu-debug-copy-button-wrapper .success {
  color: #008a20;
  margin-left: 0.5rem;
}

.picu-collection-slug__setting-hint {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.picu-collection-slug__setting-hint code {
  font-size: 12px;
}

.picu-telemetry-cache {
  vertical-align: top;
  min-height: 150px;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1040px) {
  .picu-telemetry-cache {
    max-width: 500px;
  }
}

.picu-settings__head-wrapper + .wrap .notice {
  margin: 0 0 10px 0;
  border-radius: 5px;
  border-top-color: #ddd;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 782px) {
  .picu-settings__head-wrapper + .wrap .notice {
    margin: 0 25px 10px 20px;
  }
}

/**
 * Pro admin page header
 */
#picu-settings-nav-toggle {
  display: none;
}

.picu-settings__head-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--picu-admin--border--color);
  margin: 0 0 15px -20px;
  padding: 14px 20px 15px 20px;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  line-height: 1;
  z-index: 200;
}
@media only screen and (min-width: 782px) {
  .picu-settings__head-wrapper {
    padding: 15px 45px 15px 45px;
  }
}

.picu-settings__logo {
  margin: 0 15px 0 0;
  width: auto;
  max-height: 24px;
}

.picu-settings__head-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 20px;
}

.picu-settings__head-line label {
  padding-right: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right center;
  background-size: 20px 20px;
}
@media only screen and (min-width: 782px) {
  .picu-settings__head-line label {
    background: none;
    pointer-events: none;
  }
}

#picu-settings-nav-toggle:checked ~ .picu-settings__head-wrapper .picu-settings__head-line label {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E") no-repeat right center;
  background-size: 20px 20px;
}
@media only screen and (min-width: 782px) {
  #picu-settings-nav-toggle:checked ~ .picu-settings__head-wrapper .picu-settings__head-line label {
    background: none;
    pointer-events: none;
  }
}

.picu-settings__head-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.picu-settings__head-nav a {
  color: var(--picu-admin--primary--color);
}

.picu-settings__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  box-sizing: border-box;
  margin: 40px 0 0 0;
  padding: 0 5px 0 5px;
}
@media only screen and (min-width: 782px) {
  .picu-settings__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 25px 0 10px;
  }
}
.notice + .picu-settings__wrap {
  margin-top: 15px;
}

.picu-settings__wrap * {
  box-sizing: border-box;
}

.picu_settings__nav {
  position: absolute;
  top: -100vh;
  left: -10px;
  margin: 0;
  padding: 10px 0 0 0;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  height: auto;
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  background-color: white;
  z-index: 2;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all linear 0.4s;
          transition: all linear 0.4s;
}
@media only screen and (min-width: 782px) {
  .picu_settings__nav {
    padding: 13px 0 0 0;
  }
}
#picu-settings-nav-toggle:checked ~ .wrap .picu-settings__wrap .picu_settings__nav {
  top: 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -webkit-transition: all linear 0.4s;
          transition: all linear 0.4s;
}
@media only screen and (min-width: 600px) {
  #picu-settings-nav-toggle:checked ~ .wrap .picu-settings__wrap .picu_settings__nav {
    top: 54px;
  }
}
@media only screen and (min-width: 782px) {
  .picu_settings__nav {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0.5rem;
    width: 18rem;
    height: auto;
    max-height: none;
    padding-right: 2rem;
    background-color: transparent;
    border: none;
    display: block;
    box-shadow: none;
    -webkit-transition: none;
            transition: none;
  }
  #picu-settings-nav-toggle:checked ~ .wrap .picu-settings__wrap .picu_settings__nav {
    top: auto;
    box-shadow: none;
    -webkit-transition: none;
            transition: none;
  }
}
.picu_settings__nav ul {
  margin: 0;
}

.picu_settings__nav-item {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
}
.picu_settings__nav-item svg {
  margin-right: 8px;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
@media only screen and (min-width: 782px) {
  .picu_settings__nav-item svg {
    margin-right: 6px;
  }
}
.picu_settings__nav-item a {
  display: block;
  padding: 10px 17px;
  color: var(--picu-admin--primary--color);
  text-decoration: none;
}
@media only screen and (min-width: 782px) {
  .picu_settings__nav-item a {
    padding: 10px 15px;
    border-radius: 3px;
  }
}
.picu_settings__nav-item a:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.picu_settings__nav-item.picu_settings__nav-item__current-item > a {
  background-color: white;
  text-decoration: none;
}
@media only screen and (min-width: 782px) {
  .picu_settings__nav-item.picu_settings__nav-item__current-item > a {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  }
}

.picu-settings__form {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 20px 0;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 782px) {
  .picu-settings__form {
    width: -webkit-calc(100% - 18rem);
    width: calc(100% - 18rem);
  }
}

.picu-settings__form * {
  box-sizing: border-box;
}

.picu-settings__form-header {
  margin: 0;
  padding: 25px 25px;
  border-bottom: 1px solid #ddd;
}

.wrap .picu-settings__form-headline {
  margin: 0 0 10px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.picu-settings__form-headline__badge {
  display: inline-block;
  margin: 0;
  padding: 3px 8px 3px 8px;
  color: white;
  background-color: var(--picu-admin--alert--color);
  font-size: 10px;
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.wrap .picu-settings__form-description {
  margin: 0;
}

.picu_settings__settings-item {
  position: relative;
  padding: 10px 25px 10px;
  border: none;
  border-bottom: 1px solid #ddd;
}

.picu-settings__form:not(:has(.picu-settings__save-wrap)) {
  border-bottom: none;
}

.picu_settings__settings-item.locked {
  position: relative;
}

.picu-settings__wrap .picu-pro-meta-box {
  width: 16rem;
}
@media only screen and (min-width: 1300px) {
  .picu-settings__wrap .picu-pro-meta-box {
    margin-left: 2rem;
  }
}

#picu_setting--payment_bank_transfer,
#picu_setting--payment_paypal,
#picu_setting--paypal_client_id,
#picu_setting--payment_stripe {
  border-bottom: none;
  padding-bottom: 0;
}

#picu_setting--bank_account_details,
#picu_setting--paypal_client_id,
#picu_setting--paypal_client_secret,
#picu_setting--stripe_api_key {
  padding-top: 0;
}

.picu_settings__settings-item__new:before {
  content: attr(data-new);
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 3px 8px 3px 8px;
  color: white;
  background-color: var(--picu-admin--alert--color);
  font-size: 10px;
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.picu_settings__settings-item.locked > .picu-settings__unlock-pro {
  position: absolute;
  top: -43px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + 43px);
  height: calc(100% + 43px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 100%;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.7);
  background: -webkit-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 10px, rgba(47, 146, 167, 0.2) 10px, rgba(47, 146, 167, 0.2) 15px);
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 10px, rgba(47, 146, 167, 0.2) 10px, rgba(47, 146, 167, 0.2) 15px);
  z-index: 1;
}

.picu-settings__unlock-pro__button {
  padding: 15px 25px;
  color: white;
  background-color: var(--picu-admin--primary--color);
  font-weight: bold;
  border: none;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.picu-settings__save-wrap {
  padding: 10px 25px;
}

.button.picu-settings__save-button {
  background-color: var(--picu-admin--primary--color);
}
.button.picu-settings__save-button:hover {
  background-color: var(--picu-admin--primary--color);
}

body[class*=picu_page_picu-] #wpbody-content > div.notice {
  display: none !important;
}

.picu-pro-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1px;
  background: #f2fafb;
  border-top: 1px solid #d0e6eb;
  border-bottom: 1px solid #d0e6eb;
  z-index: 1;
}

.picu-pro-box__inner {
  padding: 20px 20px 25px 25px;
}

.picu-pro-box__icon {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 3px 8px 3px 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  color: #fff;
  background-color: var(--picu-admin--primary--color);
  background: -webkit-linear-gradient(135deg, var(--picu-admin--primary--color) 40%, #f2fafb 50%, var(--picu-admin--primary--color) 60%);
  background: linear-gradient(-45deg, var(--picu-admin--primary--color) 40%, #f2fafb 50%, var(--picu-admin--primary--color) 60%);
  background-size: 300%;
  background-position-x: 100%;
  -webkit-animation: shimmer 5s infinite linear;
          animation: shimmer 5s infinite linear;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  border-radius: 5px;
}

@keyframes shimmer {
  12%, 100% {
    background-position-x: 0%;
  }
}
.picu-pro-box__headline {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.picu-pro-box__claim {
  margin-bottom: 0;
}

.picu-pro-box__link {
  font-weight: 400;
  color: #16181b;
}

.picu-pro-box__image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 25px;
  margin-right: auto;
  padding: 10px 25px 0 5px;
  overflow: hidden;
}

.picu-settings__form .picu-pro-box__image {
  -ms-flex-item-align: end;
      align-self: flex-end;
  object-fit: contain;
  width: 320px;
  max-width: 100%;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.18);
}

.picu-pro-box--redirect .picu-pro-box__image {
  width: 330px;
}

.picu-pro-box--color .picu-pro-box__image {
  width: 300px;
}

.picu-pro-box--message-templates .picu-pro-box__image {
  width: 275px;
}

.picu-pro-box--watermark .picu-pro-box__image {
  width: 350px;
}

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../../assets/fonts/BricolageGrotesque-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("../../assets/fonts/GeneralSans-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.pro-page__wrap {
  line-height: 1.4;
}
.pro-page__wrap h1,
.pro-page__wrap h2,
.pro-page__wrap h3,
.pro-page__wrap h4,
.pro-page__wrap h5,
.pro-page__wrap h6 {
  font-family: "Bricolage Grotesque";
}

.picu_page_picu-add-ons {
  background: #fff;
  font-family: "General Sans";
}

.picu_page_picu-add-ons #wpbody-content {
  padding-bottom: 0 !important;
}

.picu_page_picu-add-ons #wpfooter {
  display: none !important;
}

.picu-pro__head-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 5px solid var(--picu-pro--primary--color);
  border-bottom: 1px solid var(--picu-admin--border--color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 0 0 20px -20px;
  padding: 14px 20px 15px 20px;
  background: white;
  line-height: 1;
  z-index: 200;
}
@media only screen and (min-width: 782px) {
  .picu-pro__head-wrapper {
    padding: 15px 45px 15px 45px;
  }
}

.picu-pro__head-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 20px;
}

.picu-pro__head-logo {
  margin: 0 15px 0 0;
  width: auto;
  max-height: 24px;
}

.picu-pro__head-wrapper h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-size: 20px;
  line-height: 1;
}

.picu-pro__head-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  gap: 10px;
}

.post-type-picu_order .wp-heading-inline,
.post-type-picu_order .page-title-action,
.post-type-picu_order #screen-meta-links {
  display: none !important;
}

.pro-page__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2em;
  margin: 0 auto 80px;
  padding: 60px;
  max-width: 1400px;
  color: white;
  background-color: #1e1e1e;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (width >= 1000px) {
  .pro-page__header {
    gap: 3em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.pro-page__header:before {
  content: "";
  position: absolute;
  left: 24px;
  bottom: -100px;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  width: 320px;
  height: 320px;
  background: #1e1e1e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232a2a2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18l14 0' /%3E%3Cpath d='M9 9l3 3l-3 3' /%3E%3Cpath d='M14 15l3 3l-3 3' /%3E%3Cpath d='M3 3l0 18' /%3E%3Cpath d='M3 12l9 0' /%3E%3Cpath d='M18 3l3 3l-3 3' /%3E%3Cpath d='M3 6l18 0' /%3E%3C/svg%3E") no-repeat left bottom;
  background-size: 320px 320px;
  z-index: 0 !important;
}

.pro-page__header * {
  position: relative;
  z-index: 1;
}

.pro-page__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
}

.pro-page__header-text h1 {
  margin: 0;
  padding: 0;
}
@media screen and (width >= 1000px) {
  .pro-page__header-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.pro-page__header-text p {
  margin: 0;
}

.pro-page__header-screenshot {
  width: 400px;
  max-width: 100%;
  height: auto;
}
@media screen and (width >= 1000px) {
  .pro-page__header-screenshot {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.pro-page__current-user-badge {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: inline-block;
  padding: 12px 20px 12px 40px;
  line-height: 1;
  border-radius: 20px;
  color: white;
  background: rgba(255, 255, 255, 0.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23999999' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z' /%3E%3C/svg%3E") no-repeat left 10px top 6px;
}

.pro-page__header h1 {
  color: white;
  font-size: 36px;
  font-weight: 700;
}

.pro-page__header p {
  margin: 0;
  font-size: 18px;
}

.pro-page__comparison {
  margin-bottom: 40px;
}

.pro-page__comparison-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (width > 782px) {
  .pro-page__comparison-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 60px;
  }
}

.pro-page__comparison-grid ul {
  font-size: 18px;
}

.pro-page__comparison-grid li {
  border-bottom: 1px solid #ddd;
}

.pro-page__comparison-grid li:last-child {
  border: none;
}

.pro-page__comparison-grid h3 {
  font-size: 20px;
}

.pro-page__comparison-problem-side {
  -ms-flex-item-align: right;
      align-self: right;
}

.pro-page__comparison-problem-side li {
  padding: 10px;
  padding-left: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23000000' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-6.489 5.8a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l1.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z' /%3E%3C/svg%3E") no-repeat left top 10px;
}

.pro_page__comparison-solution-side {
  -ms-flex-item-align: left;
      align-self: left;
}

.pro_page__comparison-solution-side li {
  padding: 10px;
  padding-left: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23179CBC' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z' /%3E%3C/svg%3E") no-repeat left top 10px;
}

.pro-page__social-proof__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.pro-page__features {
  margin-left: -22px;
  margin-right: -20px;
  margin-bottom: 60px;
  padding: 60px 20px;
  background-color: #f2fafb;
}

.pro-page__features__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.pro-page__features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media screen and (width > 580px) {
  .pro-page__features-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (width > 1000px) {
  .pro-page__features-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.pro-page__feature {
  position: relative;
  padding: 20px;
  background-color: white;
  font-size: 16px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.pro-page__feature:before {
  content: "Pro";
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  background: #179cbc;
  position: absolute;
  border-radius: 0.85em;
  padding: 0.15em 0.65em;
  -webkit-margin-before: 0.2rem;
          margin-block-start: 0.2rem;
  color: #fff;
  top: 1.25rem;
  right: 1.35rem;
}

.pro-page__feature h3 {
  margin: 0 0 1em;
}

.pro-page__feature p {
  margin: 0;
  font-size: 16px;
}

@media screen and (width > 800px) {
  .pro-page__section-header {
    text-align: center;
  }
}

.pro-page__section-header h2 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 30px;
}

.pro-page__section-header p {
  margin: 0 0 40px;
  font-size: 18px;
}

.pro-page__feature-icon {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  background-color: #1e1e1e;
  width: 45px;
  height: 45px;
  border-radius: 30px;
}

.pro-badge {
  position: absolute;
  top: 20px;
  right: 30px;
  display: inline-block;
  padding: 2px 6px;
  text-transform: uppercase;
  color: white;
  background-color: #179cbc;
  font-size: 12px;
  border-radius: 10px;
}

.picu-pro__testimonials {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 60px;
}
@media screen and (width > 800px) {
  .picu-pro__testimonials {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.picu-pro__testimonial {
  background: #F2FAFB;
  border-radius: 20px;
  padding: 1em 1.8em;
  margin: 0;
  position: relative;
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
  font-size: 1.125rem;
  -ms-flex-item-align: start;
      align-self: start;
}
.picu-pro__testimonial:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.5rem;
  width: 7.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.75365082.46448007c.30569615-.61930676 1.1888161-.61930676 1.49451225 0l1.86507723 3.77985326 4.1748568.61109495c.6453032.09432073.9240557.84870204.5363234 1.33810964l-.0754029.08342717-3.0197773 2.94036824.7130072 4.15513057c.1106198.6449702-.5249381 1.144844-1.1119645.922308l-.0972521-.0438773-3.73279062-1.9635613-3.73145727 1.9635613c-.57918124.3045856-1.25104449-.1453116-1.22088044-.7723782l.01166386-.1060525.71167385-4.15513057-3.018444-2.94036824c-.46718009-.45503341-.25023224-1.22945432.35090953-1.39822842l.11001096-.02330839 4.17352351-.61109495z' fill='%23ffd700' transform='translate(.5 .5)'/%3E%3C/svg%3E");
  background-size: 1.5rem;
}

.pro-page__cta {
  text-align: center;
  margin: 4em 2em 0;
}
.pro-page__cta .cta-button {
  background-color: #179cbc;
}

.picu-pro__testimonial-text {
  font-family: "Bricolage Grotesque";
  font-size: inherit;
  line-height: 1.4;
  font-weight: 800;
}

.picu-pro__testimonial-author {
  font-style: normal;
  line-height: 1.6;
  font-weight: 500;
}
.picu-pro__testimonial-author em {
  font-style: normal;
  font-weight: 400;
  font-size: 0.85em;
  color: #747474;
}

.picu-pro__pricing-section {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.picu-pro__pricing-section h2 {
  margin: 0 0 20px;
  font-size: 36px;
  color: #1e1e1e;
}

.picu-pro__pricing-section p {
  margin: 0 0 40px;
  font-size: 18px;
  color: #1e1e1e;
}

.picu-pro__pricing-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10em;
  padding: 50px;
  color: #1e1e1e;
  background-color: #F2FAFB;
  border-radius: 30px;
  font-size: 16px;
  outline: 4px solid #e6f9fb;
  outline-offset: 0.25em;
}

.picu-pro__pricing-card-checklist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2em;
  max-width: 100%;
}

.picu-pro__pricing-card-checklist li span {
  -webkit-padding-start: 1.6em;
          padding-inline-start: 1.6em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 25 25' fill='%23179CBC' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z' /%3E%3C/svg%3E") no-repeat left top 1px;
  background-size: 20px;
}

.picu-pro__cta-button {
  display: inline-block;
  margin: 1em 0;
  padding: 15px 25px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: white;
  background-color: #1e1e1e;
  border: none;
  border-radius: 10px;
}

.picu-pro__cta-button:hover {
  color: white;
  background-color: #179CBC;
}

.picu-welcome {
  position: relative;
  padding-top: 15px;
  box-sizing: border-box;
  max-width: 1024px;
  margin: 0 auto;
}
.picu-welcome:after {
  content: "";
  clear: both;
  display: block;
}
.picu-welcome *, .picu-welcome *:before, .picu-welcome *:after {
  box-sizing: inherit;
}
.picu-welcome .picu-welcome-subtitle {
  padding: 0;
}
.picu-welcome .picu-logo {
  display: block;
  margin: 2rem auto 2rem auto;
  width: 120px;
  height: auto;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .picu-logo {
    width: 180px;
  }
}
.picu-welcome img {
  max-width: 100%;
  height: auto;
}
.picu-welcome .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.picu-welcome .row.header-row {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .row.row-white {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 -1rem 1.5rem -1rem;
  }
}
.picu-welcome .column {
  position: relative;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .column {
    padding: 0 1rem;
  }
  .picu-welcome .column.col-33 {
    width: -webkit-calc(33.3333% - 2rem);
    width: calc(33.3333% - 2rem);
  }
  .picu-welcome .column.col-50 {
    width: 50%;
  }
}
.picu-welcome .header-row .column:first-child {
  padding: 0 2rem 0 0;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .header-row .column:first-child {
    margin-bottom: 0;
  }
}
.picu-welcome .header-row .column:first-child h1 {
  margin: 0 0 0.5rem 0;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
}
.picu-welcome .header-row .column:first-child p {
  margin: 0 0 1rem 0;
  font-size: 16px;
}
.picu-welcome .header-row .column:first-child p.thanks {
  font-size: 20px;
  color: #999;
  font-weight: 700;
}
.picu-welcome .header-row .column:first-child p:last-child {
  margin-bottom: 0;
}
.picu-welcome .header-row .column:nth-child(2) {
  padding: 0 1rem;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .header-row .column:nth-child(2) {
    margin-bottom: 0;
    padding: 0;
    text-align: right;
  }
  .picu-welcome .header-row .column:nth-child(2) img {
    max-width: 440px;
  }
}
.picu-welcome .header-row .column:nth-child(2) img {
  box-shadow: 0 0 10px 0 #bbb;
  border-radius: 3px 3px 0 0;
}
.picu-welcome .row-white .column {
  position: relative;
  margin: 1rem;
  padding: 0.5rem 1.5rem 1rem;
  background-color: white;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .row-white .column {
    margin-bottom: 0;
  }
}
.picu-welcome .row-white h2 {
  margin-bottom: 1rem;
  font-size: 20px;
}
.picu-welcome .row-white hr {
  margin: 1.25rem 0;
  border: none;
  border-bottom: 1px solid #eee;
}
.picu-welcome .row-white hr + h2 {
  margin-top: 0;
}
.picu-welcome .row-white .get-started p {
  margin: 0 0 1rem 0;
}
.picu-welcome .row-white .get-started p.alt {
  margin-bottom: 2rem;
}
.picu-welcome .row-white .picu-pro-meta-box {
  margin: 1rem 1rem 0;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  .picu-welcome .row-white .picu-pro-meta-box {
    width: -webkit-calc(33.3333% - 2rem);
    width: calc(33.3333% - 2rem);
  }
}
.picu-welcome .row-white .picu-pro-meta-box h2 {
  margin-bottom: 0;
}
/*# sourceMappingURL=picu-admin.css.map */