:root {
  --sf-button-bg-color: #525252;
  --sf-button-border-color: #525252;
  --sf-button-text-color: #ffffff;
  --sf-button-hover-bg-color: #d2d2d2;
  --sf-button-hover-border-color: #525252;
  --sf-button-hover-text-color: #525252;
  --sf-icons-color: #525252;
}

body:has(.sunpics-print-files-parent) {
  overflow: hidden;
}

.sunpics-print-files-parent {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f5f7;
  top: 0;
  left: 0;
  border-radius: 0;
  z-index: 99999999;
}

.sunpics-print-files-content-wrapper {
  height: auto;
  border-radius: 30px;
  padding: 40px;
  margin: 0 30px;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 7px 2px #cccccc;
  background: #ffffff;
  z-index: 9;
  position: relative;
  gap: 40px;
}

.sunpics-print-files-content-options {
  width: 100%;
  height: 100%;
  gap: 30px;
  display: flex;
}

.sunpics-print-files-option-item-images {
  display: none;
}

.sunpics-print-files-content-title {
  font-size: 25px;
  font-weight: 500;
  color: #525252;
}

.sunpics-print-files-option-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border: 1px solid #eeeeee !important;
  border-radius: 30px;
  background: #fcfcfd;
  padding: 30px;
}

.sunpics-print-files-option-item-title {
  font-size: 15px;
  font-weight: normal;
}

.sunpics-print-files-option-item-title b {
  font-weight: 500;
  color: #000000;
}

.sunpics-print-files-option-item .sunpics-print-files-option-item-title:before {
  font-family: "Font Awesome 7 Free";
  font-weight: 600;
  font-size: 25px;
  display: flex;
  justify-content: center;
  width: 100%;
  color: var(--sf-icons-color);
  padding: 0;
  margin: 0 0 30px 0;
}

.sunpics-print-files-option-item.sunpics-go-to-editor .sunpics-print-files-option-item-title:before {
  content: "\f1fc";
}

.sunpics-print-files-option-item.sunpics-send-files .sunpics-print-files-option-item-title:before {
  content: "\f0ee";
}

.sunpics-print-files-option-item.sunpics-design-for-me .sunpics-print-files-option-item-title:before {
  content: "\e2ca";
}

.sunpics-print-files-option-item-btn {
  width: 100%;
  margin-top: 30px;
}

div.sunpics-print-files-option-item-btn a.sunpics-print-files-continue-btn {
  width: 100%;
  height: auto;
  border-radius: 30px !important;
  padding: 10px 0 !important;
  font-size: 15px;
  font-weight: 500;
  background: #ffffff;
  border: 1px solid var(--sf-button-border-color);
  color: #525252;
}

div.sunpics-print-files-option-item-btn a.sunpics-print-files-continue-btn:hover {
  background: #eeeeee;
  border: 1px solid var(--sf-button-hover-border-color);
  color: var(--sf-button-hover-text-color);
}

@media (max-width: 450px) {
  .sunpics-print-files-content-wrapper {
    margin-top: 0;
  }

  .sunpics-print-files-content-options {
    flex-direction: column;
  }
}

.sunpics-print-files-content-wrapper.sunpics-print-files-wrapper-border-animation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #ffac00;
  border-radius: 4px;
  box-sizing: border-box;
  animation: fill-border 1s linear forwards;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

@keyframes fill-border {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }

  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

.sunpics-print-files-content-form {
  margin-top: 20px;
}

.sunpics-print-files-content-form-title {
  font-size: 15px;
}

.sunpics-print-files-content-form-options {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.sunpics-print-files-content-form-option-wrapper {
  flex: 1;
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-start;
}

.sunpics-print-files-content-form-input {
  display: flex;
  align-items: center;
}

body .sunpics-print-files-content-form-option[type="radio"] {
  accent-color: #000000;
  cursor: pointer;
}

.sunpics-print-files-content-form-label {
  font-size: 14px;
  cursor: pointer;
  line-height: normal;
}