.ebookSeller50Percent {
width: 50%;
float: left;
min-width: 377px;
padding: 20px;
box-sizing: border-box;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.ebookSeller50Percent select {
min-height: 150px;
min-width: 200px;
border: 1px solid #ddd;
border-radius: 4px;
padding: 8px;
font-size: 14px;
}
.ebook-admin-panel {
display: flex;
flex-direction: column;
gap: 24px;
}
.ebook-admin-panel--workspace {
gap: 28px;
}
.ebook-editor-hero {
display: grid;
grid-template-columns: 118px minmax(0, 1.5fr) minmax(220px, 0.7fr);
gap: 18px;
padding: 22px;
border: 1px solid #d8e4ee;
border-radius: 24px;
background:
radial-gradient(circle at top right, rgba(17, 94, 89, 0.12), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f5faf9 100%);
box-shadow: 0 18px 38px rgba(15, 23, 42, 0.07);
}
.ebook-editor-hero__cover {
display: grid;
gap: 10px;
align-self: start;
}
.ebook-editor-hero__cover-frame {
display: grid;
place-items: center;
min-height: 152px;
padding: 8px;
border: 1px solid #dce5ee;
border-radius: 18px;
background: #ffffff;
overflow: hidden;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.ebook-editor-hero__cover-frame img {
display: block;
max-width: 100%;
height: auto;
border-radius: 12px;
}
.ebook-editor-hero__cover-frame.is-empty {
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.ebook-editor-hero__cover-placeholder {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #7b8794;
}
.ebook-editor-hero__cover-meta {
font-size: 12px;
line-height: 1.5;
color: #607080;
word-break: break-word;
}
.ebook-editor-hero__content {
min-width: 0;
}
.ebook-editor-hero__eyebrow {
display: inline-flex;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #0f5f8f;
}
.ebook-editor-hero__title {
margin: 8px 0 10px;
font-size: 28px;
line-height: 1.12;
color: #17212b;
}
.ebook-editor-hero__summary {
margin: 0;
font-size: 14px;
line-height: 1.75;
color: #5b6b78;
}
.ebook-editor-hero__badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.ebook-editor-badge {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 36px;
padding: 0 12px;
border: 1px solid #d7e1ea;
border-radius: 999px;
background: #ffffff;
color: #52606d;
font-size: 12px;
font-weight: 600;
}
.ebook-editor-badge strong {
color: #17212b;
}
.ebook-editor-hero__side {
display: grid;
gap: 12px;
align-self: start;
}
.ebook-editor-hero__stat {
display: grid;
gap: 6px;
padding: 16px 18px;
border: 1px solid #dce5ee;
border-radius: 18px;
background: #ffffff;
}
.ebook-editor-hero__stat span {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #64748b;
}
.ebook-editor-hero__stat strong {
font-size: 20px;
line-height: 1.2;
color: #17212b;
}
.ebook-editor-hero__stat small {
font-size: 12px;
line-height: 1.55;
color: #607080;
}
.ebook-editor-layout {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.95fr);
gap: 24px;
align-items: start;
}
.ebook-editor-layout__main,
.ebook-editor-layout__sidebar {
display: grid;
gap: 24px;
}
.ebook-admin-panel__grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.ebook-admin-panel__grid--primary {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.ebook-card {
background: #fff;
border: 1px solid #e0e5ec;
border-radius: 16px;
box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
overflow: hidden;
}
.ebook-card__header {
padding: 24px 24px 8px;
}
.ebook-card__header h3 {
margin: 0 0 6px;
font-size: 18px;
color: #1d2327;
}
.ebook-card__header p {
margin: 0;
color: #555d66;
}
.ebook-card__body {
padding: 16px 24px 24px;
border-top: 1px solid #f0f0f1;
}
.ebook-card__body--flush {
padding: 12px 24px 20px;
border-top: 1px solid transparent;
}
.ebook-card__extension {
margin: 16px 0;
padding: 16px;
background: #f6f7f7;
border-radius: 12px;
}
.ebook-field-grid--tight {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
margin-bottom: 18px;
}
.ebook-format-tabs {
margin-top: 16px;
}
.ebook-format-tabs__nav {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 16px;
}
.ebook-format-tabs__nav-item {
border: 1px solid #dcdcde;
border-radius: 14px;
padding: 10px 14px;
background: #fff;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
position: relative;
}
.ebook-format-tabs__nav-item.is-active {
border-color: #2271b1;
box-shadow: 0 6px 18px rgba(19, 94, 150, 0.15);
transform: translateY(-2px);
}
.ebook-format-tabs__nav-item.has-file .ebook-format-tab__status {
color: #008a20;
}
.ebook-format-tab__icon img {
width: 32px;
height: 32px;
}
.ebook-format-tab__label {
font-weight: 600;
color: #1d2327;
}
.ebook-format-tab__status {
margin-left: auto;
color: #a7aaad;
font-size: 18px;
}
.ebook-format-tab-panel {
margin-bottom: 24px;
}
.ebook-format-tab-panel:not(.is-active) {
display: none;
}
.ebook-card--delivery .ebook-field {
margin-bottom: 16px;
}
.ebook-card--delivery .description,
.ebook-card--additional .description {
margin: 2px 0 0;
font-size: 12px;
line-height: 1.55;
color: #607080;
}
.ebook-delivery-options {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.ebook-delivery-option {
display: block;
position: relative;
}
.ebook-delivery-option input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ebook-delivery-option__content {
border: 1px solid #dcdcde;
border-radius: 14px;
padding: 16px 18px;
background: #fff;
display: flex;
flex-direction: column;
gap: 6px;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ebook-delivery-option__title {
font-weight: 600;
color: #1d2327;
}
.ebook-delivery-option__description {
color: #4f5b66;
font-size: 13px;
}
.ebook-delivery-option input:checked + .ebook-delivery-option__content {
border-color: #2271b1;
box-shadow: 0 6px 18px rgba(19, 94, 150, 0.2);
transform: translateY(-2px);
}
.ebook-delivery-option input:focus + .ebook-delivery-option__content {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.ebook-code-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.ebook-code-field {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
.ebook-code-field input {
flex: 1 1 220px;
}
.ebook-code__status {
font-size: 12px;
color: #008a20;
}
.ebook-inline-meta {
list-style: none;
padding: 0;
margin: 16px 0 0;
display: grid;
gap: 8px;
color: #4f5b66;
font-size: 13px;
}
.ebook-inline-meta li {
position: relative;
padding-left: 18px;
}
.ebook-inline-meta li::before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #1d7cbf;
}
.ebook-inline-hint {
margin-top: 16px;
padding: 12px 16px;
border: 1px solid #e0e5ec;
border-radius: 10px;
background: #f6f7f7;
color: #1d2327;
}
.ebook-alert {
margin-top: 16px;
padding: 16px;
border-radius: 12px;
font-weight: 500;
}
.ebook-alert--upgrade {
background: linear-gradient(135deg, #fef3c7, #fde68a);
border: 1px solid #f4d03f;
color: #7a5300;
}
.ebook-media-grid {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
}
.ebook-media-field {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
border: 1px solid #e1e8ef;
border-radius: 16px;
background: #fbfdff;
}
.ebook-media-label {
font-weight: 600;
color: #1d2327;
}
.ebook-media-current {
margin: 0;
font-size: 13px;
color: #4f5b66;
}
.ebook-media-current.muted {
color: #8c98a4;
}
.ebook-media-controls input[type="file"] {
margin-top: 4px;
}
.ebook-media-controls {
display: grid;
gap: 8px;
}
.ebook-inline-delete {
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
margin-left: 8px;
}
.ebook-inline-delete input {
display: none;
}
.ebook-field-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
margin-bottom: 20px;
}
.ebook-field {
display: flex;
flex-direction: column;
gap: 6px;
position: relative;
}
.ebook-field label {
font-weight: 600;
color: #1d2327;
}
.ebook-field input,
.ebook-field select {
width: 100%;
}
.ebook-multiselect {
min-height: 150px;
}
.ebook-fieldset {
border: 1px solid #dcdcde;
border-radius: 14px;
padding: 16px 20px;
margin: 20px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.ebook-fieldset legend {
font-weight: 600;
padding: 0 6px;
}
.ebook-radio {
display: flex;
flex-direction: column;
gap: 4px;
}
.ebook-radio > input {
margin-right: 8px;
}
.ebook-radio > span {
font-weight: 600;
}
.ebook-radio .description {
color: #4f5b66;
}
.ebook-card--bonus .ebook-field.goPro2,
.ebook-card--bonus .ebook-radio.goPro2 {
position: relative;
}
.ebook-template-override-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.ebook-template-override-card {
display: grid;
gap: 16px;
padding: 18px;
border: 1px solid #e1e8ef;
border-radius: 16px;
background: #fbfdff;
}
.ebook-template-override-card__label {
font-weight: 600;
color: #1d2327;
}
.ebook-template-override-radios {
display: inline-flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.ebook-template-override-radio {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 0 14px;
border: 1px solid #d6dee6;
border-radius: 999px;
background: #ffffff;
font-weight: 500;
color: #1d2327;
cursor: pointer;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.ebook-template-override-radio input[type="radio"] {
margin: 0;
flex: 0 0 auto;
width: 16px;
height: 16px;
}
.ebook-template-override-radio:hover {
border-color: #9db7c9;
background: #f8fbfd;
}
.ebook-template-override-radio.is-selected {
border-color: #1d7cbf;
background: #eef7fd;
box-shadow: inset 0 0 0 1px rgba(29, 124, 191, 0.08);
color: #124a70;
}
.ebook-template-override-fields {
display: grid;
gap: 16px;
padding-top: 4px;
}
.ebook-template-override-fields[hidden] {
display: none !important;
}
.ebook-template-override-fields .wp-editor-wrap,
.ebook-template-override-fields .wp-editor-container,
.ebook-template-override-fields .wp-editor-area,
.ebook-template-override-fields input[type="text"] {
width: 100%;
}
.ebook-template-override-fields input:disabled,
.ebook-template-override-fields textarea:disabled,
.ebook-template-override-fields select:disabled,
.ebook-template-override-fields button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.ebook-accordion {
border-radius: 16px;
background: #fff;
}
.ebook-accordion summary {
list-style: none;
cursor: pointer;
padding: 24px;
font-weight: 600;
display: flex;
flex-direction: column;
gap: 4px;
}
.ebook-accordion summary::-webkit-details-marker {
display: none;
}
.ebook-accordion__hint {
font-size: 13px;
color: #4f5b66;
font-weight: 400;
}
.ebook-accordion__body {
border-top: 1px solid #f0f0f1;
padding: 20px 24px 24px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 1280px) {
.ebook-editor-hero,
.ebook-editor-layout {
grid-template-columns: 1fr;
}
.ebook-editor-hero__cover {
grid-template-columns: 110px 1fr;
align-items: start;
}
}
@media (max-width: 782px) {
.ebook-editor-hero {
padding: 18px;
border-radius: 18px;
}
.ebook-editor-hero__cover {
grid-template-columns: 1fr;
}
.ebook-editor-hero__title {
font-size: 24px;
}
.ebook-card__header,
.ebook-card__body {
padding: 16px;
}
.ebook-card {
border-radius: 12px;
}
.ebook-editor-layout__main,
.ebook-editor-layout__sidebar {
gap: 18px;
}
} .ebook-pro-chip {
display: inline-flex;
align-items: center;
padding: 2px 7px;
margin-left: 7px;
border-radius: 4px;
background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.07em;
text-transform: uppercase;
vertical-align: middle;
line-height: 1.6;
pointer-events: none;
user-select: none;
}
.ebook-pro-chip--tab {
display: flex;
justify-content: center;
margin: 3px 0 0;
font-size: 9px;
}
.ebook-pro-locked {
opacity: 0.68;
}
.ebook-delivery-option.ebook-pro-locked,
.ebook-format-tabs__nav-item.ebook-pro-locked {
cursor: not-allowed;
}
.ebook-pro-locked input[type="radio"],
.ebook-pro-locked input[type="file"],
.ebook-pro-locked select {
pointer-events: none;
cursor: not-allowed;
}
.notice.ebook-pro-upgrade-notice {
border-left-color: #8b5cf6;
margin-bottom: 16px;
} .ebook-card__upgrade-notice {
margin: 0 24px 16px;
border-radius: 6px;
} .ebook-card.is-collapsible .ebook-card__header {
cursor: pointer;
user-select: none;
}
.ebook-card.is-collapsible .ebook-card__header:hover {
opacity: 0.88;
}
.ebook-collapse-icon {
font-size: 16px;
vertical-align: middle;
color: #72777c;
transition: transform 0.18s ease;
display: inline-block;
} .ebook-store-template-modern {
margin: 20px 0;
container-type: inline-size;
}
.ebook-store-template-modern__grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.ebook-store-template-modern__grid.is-single {
grid-template-columns: minmax(0, 960px);
}
.ebook-modern-card {
display: grid;
grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
gap: 24px;
align-items: start;
padding: 24px;
border: 1px solid #dce6ef;
border-radius: 28px;
background:
radial-gradient(circle at top right, rgba(22, 101, 52, 0.08), transparent 32%),
linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08);
}
.ebook-modern-card__media {
display: grid;
gap: 14px;
}
.ebook-modern-card__cover-frame {
display: grid;
place-items: center;
min-height: 290px;
padding: 10px;
border: 1px solid #dde5ec;
border-radius: 24px;
background: #ffffff;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
overflow: hidden;
}
.ebook-modern-card__cover {
display: block;
max-width: 100%;
height: auto;
border-radius: 18px;
}
.ebook-modern-card__cover-placeholder {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7b8794;
}
.ebook-modern-card__meta-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ebook-modern-chip {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
background: #ecf7ee;
color: #1e5d37;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.ebook-modern-chip.is-soft {
background: #eef4f8;
color: #476173;
}
.ebook-modern-card__content {
min-width: 0;
display: grid;
gap: 18px;
}
.ebook-modern-card__header {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-start;
}
.ebook-modern-card__title {
margin: 0 0 8px;
font-size: 34px;
line-height: 1.08;
color: #17212b;
}
.ebook-modern-card__price {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #0f6b3d;
}
.ebook-modern-status {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 12px;
border-radius: 999px;
background: #fff5e8;
color: #8a5b12;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
}
.ebook-modern-card__description {
font-size: 15px;
line-height: 1.8;
color: #445464;
}
.ebook-modern-card__description a {
color: #176087;
text-decoration: none;
border-bottom: 0;
box-shadow: none;
}
.ebook-modern-card__description a:hover,
.ebook-modern-card__description a:focus {
color: #0f4c75;
text-decoration: underline;
}
.ebook-modern-card__description > :first-child {
margin-top: 0;
}
.ebook-modern-card__description > :last-child {
margin-bottom: 0;
}
.ebook-modern-card__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.ebook-modern-button,
.ebook-modern-card__actions .add_to_cart_link,
.ebook-modern-card__actions .stripe-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
text-decoration: none;
border-bottom: 0;
box-shadow: none;
}
.ebook-modern-button--primary,
.ebook-modern-card__actions .ebook_buy_link,
.ebook-modern-card__actions .add_to_cart_link,
.ebook-modern-card__actions .stripe-button {
border: 0;
background: linear-gradient(135deg, #0f6b3d 0%, #1d7f4f 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(15, 107, 61, 0.18);
}
.ebook-modern-button--ghost {
border: 1px solid #cfe0ea;
background: linear-gradient(180deg, #ffffff 0%, #f4f9fc 100%);
color: #1f5676;
box-shadow: 0 10px 22px rgba(18, 74, 112, 0.08);
}
.ebook-modern-button:hover,
.ebook-modern-button:focus,
.ebook-modern-card__actions .ebook_buy_link:hover,
.ebook-modern-card__actions .ebook_buy_link:focus,
.ebook-modern-card__actions .add_to_cart_link:hover,
.ebook-modern-card__actions .add_to_cart_link:focus,
.ebook-modern-card__actions .stripe-button:hover,
.ebook-modern-card__actions .stripe-button:focus:hover:focus {
transform: translateY(-1px);
}
.ebook-modern-button--ghost:hover,
.ebook-modern-button--ghost:focus {
background: linear-gradient(180deg, #fafdff 0%, #eaf4fa 100%);
color: #124a70 !important;
border-color: #bdd5e3;
}
.ebook-modern-card__actions a,
.ebook-modern-card__actions a:visited,
.ebook-modern-card__actions .ebook_buy_link,
.ebook-modern-card__actions .ebook_buy_link:visited,
.ebook-modern-button--primary,
.ebook-modern-button--primary:visited {
color: #ffffff !important;
}
.ebook-modern-button--ghost,
.ebook-modern-button--ghost:visited {
color: #2f5066 !important;
}
@container (max-width: 560px) {
.ebook-modern-card {
grid-template-columns: 1fr;
padding: 20px;
border-radius: 22px;
}
.ebook-modern-card__header {
flex-direction: column;
}
.ebook-modern-card__title {
font-size: 28px;
}
}
.ebook-store-template-2026 {
margin: 26px 0;
container-type: inline-size;
}
.ebook-store-template-2026__stack {
display: grid;
gap: 34px;
}
.ebook-store-template-2026__stack.is-single {
grid-template-columns: minmax(0, 1120px);
}
.ebook-2026-card {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.82fr);
gap: 22px;
align-items: start;
padding: 24px;
border: 1px solid #dce4d7;
border-radius: 34px;
background:
radial-gradient(circle at top left, rgba(32, 132, 94, 0.08), transparent 34%),
radial-gradient(circle at bottom right, rgba(236, 164, 86, 0.12), transparent 30%),
linear-gradient(180deg, #fffef8 0%, #f8faf6 100%);
box-shadow: 0 28px 58px rgba(27, 39, 21, 0.09);
}
.ebook-2026-card__main {
display: grid;
grid-template-columns: minmax(170px, 230px) minmax(0, 1fr);
gap: 22px;
min-width: 0;
}
.ebook-2026-card__media {
display: grid;
gap: 14px;
}
.ebook-2026-card__cover-shell {
display: grid;
place-items: center;
min-height: 320px;
padding: 12px;
border: 1px solid rgba(74, 95, 70, 0.14);
border-radius: 28px;
background: linear-gradient(180deg, #ffffff 0%, #f4f7f2 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
overflow: hidden;
}
.ebook-2026-card__cover {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 18px;
}
.ebook-2026-card__cover-placeholder {
color: #70816f;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-2026-card__meta {
display: grid;
gap: 10px;
}
.ebook-2026-facts {
display: grid;
gap: 8px;
padding: 12px;
border: 1px solid rgba(74, 95, 70, 0.12);
border-radius: 18px;
background: rgba(255,255,255,0.76);
}
.ebook-2026-fact {
display: grid;
gap: 2px;
padding: 8px 10px;
border-radius: 14px;
background: #f6f8f2;
}
.ebook-2026-fact__label {
color: #6d7c6d;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-2026-fact__value {
color: #243126;
font-size: 13px;
line-height: 1.45;
}
.ebook-2026-card__content {
display: grid;
gap: 20px;
min-width: 0;
}
.ebook-2026-card__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 18px;
}
.ebook-2026-card__eyebrow,
.ebook-2026-checkout__eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 11px;
border-radius: 999px;
background: rgba(26, 92, 64, 0.1);
color: #17583b;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-2026-card__title {
margin: 10px 0 0;
font-size: 40px;
line-height: 1.04;
color: #1c261d;
}
.ebook-2026-card__price-block {
display: grid;
justify-items: end;
gap: 10px;
}
.ebook-2026-status {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 12px;
border-radius: 999px;
background: #fff2dd;
color: #8a5b12;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
}
.ebook-2026-card__price {
margin: 0;
font-size: 24px;
font-weight: 800;
color: #115f3b;
}
.ebook-2026-card__description {
color: #495a4f;
font-size: 16px;
line-height: 1.82;
}
.ebook-2026-card__description a {
color: #165f88;
text-decoration: none;
box-shadow: none;
border-bottom: 0;
}
.ebook-2026-card__description a:hover,
.ebook-2026-card__description a:focus {
text-decoration: underline;
}
.ebook-2026-card__description > :first-child,
.ebook-2026-card__description > :last-child {
margin-top: 0;
margin-bottom: 0;
}
.ebook-2026-card__supporting,
.ebook-2026-checkout__trust {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.ebook-2026-card__supporting li,
.ebook-2026-checkout__trust li {
position: relative;
padding: 10px 12px 10px 36px;
border-radius: 16px;
background: rgba(255,255,255,0.82);
border: 1px solid rgba(127, 148, 126, 0.18);
color: #445446;
font-size: 13px;
font-weight: 700;
line-height: 1.5;
}
.ebook-2026-card__supporting li::before,
.ebook-2026-checkout__trust li::before {
content: "";
position: absolute;
top: 50%;
left: 14px;
width: 10px;
height: 10px;
margin-top: -5px;
border-radius: 50%;
background: linear-gradient(135deg, #1d7f4f 0%, #2ca36a 100%);
box-shadow: 0 0 0 4px rgba(29, 127, 79, 0.12);
}
.ebook-2026-card__checkout {
min-width: 0;
align-self: start;
}
.ebook-2026-checkout {
display: grid;
gap: 18px;
padding: 22px;
border: 1px solid rgba(18, 94, 63, 0.15);
border-radius: 28px;
background:
linear-gradient(180deg, rgba(18, 94, 63, 0.045) 0%, rgba(255,255,255,0.92) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}
.ebook-2026-checkout h4 {
margin: 0;
font-size: 26px;
line-height: 1.12;
color: #172118;
}
.ebook-2026-checkout p {
margin: 0;
color: #5b6b5d;
line-height: 1.72;
}
.ebook-2026-checkout__methods {
display: grid;
gap: 12px;
}
.ebook-2026-method,
.ebook-2026-primary-action,
.ebook-2026-secondary-action,
.ebook-store-template-2026 .add_to_cart_link {
text-decoration: none;
border-bottom: 0;
box-shadow: none;
}
.ebook-2026-method {
display: grid;
grid-template-columns: 60px minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
min-height: 72px;
padding: 14px 16px;
border: 1px solid #d7e2d5;
border-radius: 22px;
background: #ffffff;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.ebook-2026-method:hover,
.ebook-2026-method:focus {
transform: translateY(-1px);
border-color: #bdd0c0;
box-shadow: 0 16px 34px rgba(30, 48, 28, 0.08);
}
.ebook-2026-method__brand {
display: grid;
place-items: center;
box-sizing: border-box;
width: 60px;
height: 44px;
padding: 0 10px;
border-radius: 14px;
background: #f8fbf8;
border: 1px solid #e2ebe0;
}
.ebook-2026-method__brand img {
display: block;
max-width: 100%;
max-height: 24px;
width: auto;
height: auto;
}
.ebook-2026-method__copy {
display: grid;
gap: 4px;
min-width: 0;
}
.ebook-2026-method__copy strong {
color: #17212b;
font-size: 16px;
line-height: 1.2;
}
.ebook-2026-method__copy small {
color: #6a7b6d;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.ebook-2026-method__arrow {
color: #3c5d4d;
font-size: 20px;
font-weight: 700;
}
.ebook-2026-primary-action,
.ebook-2026-secondary-action,
.ebook-store-template-2026 .add_to_cart_link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
padding: 0 18px;
border-radius: 999px;
font-weight: 700;
line-height: 1.2;
text-align: center;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
.ebook-2026-primary-action,
.ebook-store-template-2026 .add_to_cart_link {
border: 0;
background: linear-gradient(135deg, #115280 0%, #2f8fcd 100%);
color: #ffffff !important;
box-shadow: 0 16px 28px rgba(17, 82, 128, 0.18);
}
.ebook-2026-secondary-action {
border: 1px solid rgba(18, 61, 92, 0.12);
background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
color: #29465b !important;
}
.ebook-2026-primary-action:hover,
.ebook-2026-primary-action:focus,
.ebook-store-template-2026 .add_to_cart_link:hover,
.ebook-store-template-2026 .add_to_cart_link:focus,
.ebook-2026-secondary-action:hover,
.ebook-2026-secondary-action:focus {
transform: translateY(-1px);
}
.ebook-2026-checkout__secondary {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.ebook-2026-checkout__secondary > * {
flex: 1 1 180px;
}
@container (max-width: 760px) {
.ebook-2026-card {
grid-template-columns: 1fr;
}
}
@container (max-width: 560px) {
.ebook-2026-card__main {
grid-template-columns: 1fr;
}
.ebook-2026-card__header {
flex-direction: column;
}
.ebook-2026-card__price-block {
justify-items: start;
}
.ebook-2026-card__title {
font-size: 32px;
}
}
@container (max-width: 420px) {
.ebook-2026-card {
padding: 18px;
border-radius: 26px;
}
.ebook-2026-checkout {
padding: 18px;
border-radius: 24px;
}
.ebook-2026-checkout h4 {
font-size: 22px;
}
.ebook-2026-method {
grid-template-columns: 56px minmax(0, 1fr);
}
.ebook-2026-method__arrow {
display: none;
}
}
.ui-tooltip,
.arrow:after {
background: black;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
max-width: 300px;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
.ebook_formData {
padding: 20px;
color: black;
background: white;
border-radius: 5px;
display: none;
-webkit-box-shadow: 0px -1px 50px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px -1px 50px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px -1px 50px 0px rgba(0, 0, 0, 0.75);
}
.ebook_store_warning {
background: white;
border-radius: 5px;
padding: 5px;
margin-left: 10px;
font-weight: bold;
font-size: 12px !important;
}
.ebook-store-message {
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover {
color: #000000;
text-decoration: none;
opacity: 0.4;
filter: alpha(opacity=40);
cursor: pointer;
}
.ebook-store-alert {
padding: 12px 20px;
margin-bottom: 20px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 10px;
}
.alert-heading {
color: inherit;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}
.ebook-store-alert-success {
background-color: #d1e7dd;
border: 1px solid #badbcc;
color: #0f5132;
}
.ebook-store-alert-error {
background-color: #f8d7da;
border: 1px solid #f5c2c7;
color: #842029;
}
.ebook-store-alert-info {
background-color: #cff4fc;
border: 1px solid #b6effb;
color: #055160;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.ebook_store_button {
background: #efefef;
font-color:black;
display:inline-block;
padding:10px;
text-decoration: none;
}
.bookshelf .inner-right {
height: auto !important;
}
.bookshelf .front--placeholder {
background: linear-gradient(160deg, #cdd2d5 0%, #9ca4a9 60%, #8a9298 100%) !important;
display: flex;
align-items: center;
justify-content: center;
}
.bookshelf .front--placeholder::after {
content: "";
display: block;
width: 38px;
height: 48px;
border-radius: 3px 6px 6px 3px;
background: rgba(255, 255, 255, 0.18);
box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.12), 2px 4px 10px rgba(0, 0, 0, 0.18);
}
.ebook_store_icon {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
}
.ebook_store_icon img {
max-width: 100%;
height: auto;
}
.ebook_store_filename {
font-size: 14px;
color: #333;
margin-bottom: 5px;
}
.ebook_store_filename a {
color: #2271b1;
text-decoration: none;
}
.ebook_store_filename a:hover {
color: #135e96;
text-decoration: underline;
}
.ebook_store_size {
font-size: 12px;
color: #666;
background: #e9ecef;
padding: 4px 8px;
border-radius: 4px;
}
.ebook_store_upload {
position: relative;
margin-top: 5px;
}
.ebook_store_upload input[type="file"] {
display: block;
width: 100%;
padding: 8px;
border: 2px dashed #ddd;
border-radius: 4px;
background: #f8f9fa;
cursor: pointer;
transition: all 0.3s ease;
}
.ebook_store_upload input[type="file"]:hover {
border-color: #2271b1;
background: #f0f0f1;
}
.ebook_store_control {
display: flex;
align-items: center;
gap: 10px;
margin-top: 5px;
}
.ebook_store_control label {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
color: #666;
transition: color 0.3s ease;
}
.ebook_store_control label:hover {
color: #d63638;
}
.ebook_store_control .dashicons-trash {
font-size: 16px;
}
.hiddenEbookStore {
display: none !important;
} .ebook-admin-panel input[type="text"],
.ebook-admin-panel input[type="number"],
.ebook-admin-panel select,
.ebook-settings-page input[type="text"],
.ebook-settings-page input[type="number"],
.ebook-settings-page select,
.ebookSeller50Percent input[type="text"],
.ebookSeller50Percent input[type="number"],
.ebookSeller50Percent select {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
margin-bottom: 10px;
}
.ebook-admin-panel input[type="text"]:focus,
.ebook-admin-panel input[type="number"]:focus,
.ebook-admin-panel select:focus,
.ebook-settings-page input[type="text"]:focus,
.ebook-settings-page input[type="number"]:focus,
.ebook-settings-page select:focus,
.ebookSeller50Percent input[type="text"]:focus,
.ebookSeller50Percent input[type="number"]:focus,
.ebookSeller50Percent select:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
outline: none;
} .ebook-admin-panel .description,
.ebook-settings-page .description,
.ebookSeller50Percent .description {
font-size: 12px;
color: #666;
margin-left: 5px;
}
.ebook-admin-panel h3,
.ebook-admin-panel h4,
.ebook-admin-panel h5,
.ebook-settings-page h3,
.ebook-settings-page h4,
.ebook-settings-page h5,
.ebookSeller50Percent h3,
.ebookSeller50Percent h4,
.ebookSeller50Percent h5 {
color: #1d2327;
margin-bottom: 15px;
} @media screen and (max-width: 782px) {
.ebookSeller50Percent {
width: 100%;
min-width: auto;
float: none;
}
.ebook_store_file_format_item {
flex-direction: column;
}
.ebook_store_file_format_item_left {
width: 100%;
justify-content: center;
}
.ebook_store_file_format_item_right {
width: 100%;
text-align: center;
}
}
.ebookStoreCoupon {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
@keyframes glow {
0% {
box-shadow: 0 0 5px red;
}
100% {
box-shadow: 0 0 10px red, 0 0 20px red;
}
}
.ebook-admin-panel .error,
.ebook-settings-page .error,
.ebookSeller50Percent .error {
animation: glow 1s ease-out 1;
border-color: red !important;
} .ebook_store_upload {
position: relative;
}
.upload-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
display: none;
align-items: center;
justify-content: center;
text-align: center;
pointer-events: none;
}
.upload-message {
color: #2271b1;
font-size: 14px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.upload-message .dashicons {
font-size: 24px;
width: 24px;
height: 24px;
}
.ebook_store_upload input[type="file"]:hover + .upload-overlay,
.ebook_store_upload input[type="file"]:focus + .upload-overlay,
.drag-over .upload-overlay {
display: flex;
} .pending-delete {
opacity: 0.7;
position: relative;
}
.pending-delete::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
z-index: 1;
}
.pending-delete::after {
content: attr(data-delete-message);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #d63638;
color: white;
padding: 4px 12px;
border-radius: 4px;
font-size: 12px;
z-index: 2;
} .goPro2 {
position: relative;
}
.ebook-settings-toggle-card.goPro2 {
cursor: not-allowed;
}
.ebook-settings-toggle-card.goPro2:hover {
transform: none;
}
.goPro2 input[disabled],
.goPro2 select[disabled],
.goPro2 textarea[disabled] {
cursor: not-allowed;
}
.goPro2::after {
content: "Pro";
position: absolute;
top: -8px;
right: -8px;
background: linear-gradient(45deg, #2271b1, #135e96);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
z-index: 2;
} .ebook-admin-panel .goPro2::after {
content: none;
}
#ui-datepicker-div.ui-datepicker {
display: none;
} .ebook_store_file_format_item.is-uploading {
position: relative;
}
.ebook_store_file_format_item.is-uploading::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
border-radius: 8px;
z-index: 1;
}
.ebook_store_file_format_item.is-uploading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
border: 2px solid #2271b1;
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s linear infinite;
z-index: 2;
}
@keyframes spin {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
} .ebook_store_file_format_item:focus-within {
outline: 2px solid #2271b1;
outline-offset: 2px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
} .ui-tooltip {
background: #1d2327;
border: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
color: white;
font-size: 12px;
max-width: 200px;
padding: 8px 12px;
position: absolute;
z-index: 9999;
}
.ui-tooltip .arrow {
width: 10px;
height: 10px;
position: absolute;
background: #1d2327;
transform: rotate(45deg);
z-index: -1;
}
.ui-tooltip .arrow.top {
top: -5px;
left: 50%;
margin-left: -5px;
}
.ui-tooltip .arrow.bottom {
bottom: -5px;
left: 50%;
margin-left: -5px;
} @keyframes highlight {
0% {
background-color: #fff;
}
50% {
background-color: #f0f6fc;
}
100% {
background-color: #fff;
}
}
.ebook_store_file_format_item.new-file {
animation: highlight 2s ease-in-out;
} .ebook_store_image_preview {
position: relative;
margin: 10px 0;
max-width: 180px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.ebook_store_image_preview img {
width: 100%;
height: auto;
display: block;
}
.ebook_store_image_preview.side-image {
max-width: 20px;
float: left;
margin-right: 10px;
}
.ebook_store_image_preview.cover-image {
max-width: 180px;
}
.ebook_store_image_preview.empty {
background: #f0f0f1;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #ddd;
}
.ebook_store_image_preview.empty::before {
content: '\f128';
font-family: dashicons;
font-size: 24px;
color: #999;
}
.ebook_store_image_preview .remove-image {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.5);
color: white;
width: 24px;
height: 24px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease;
}
.ebook_store_image_preview:hover .remove-image {
opacity: 1;
}
.ebook_store_image_preview .remove-image:hover {
background: rgba(214, 54, 56, 0.9);
}
.ebook_store_image_preview .image-size {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
color: white;
font-size: 11px;
padding: 4px 8px;
text-align: center;
}
.ebook_store_image_wrapper {
position: relative;
margin-bottom: 20px;
}
.ebook_store_image_wrapper::after {
content: '';
display: table;
clear: both;
}
.image-upload-hint {
font-size: 12px;
color: #666;
margin-top: 5px;
display: block;
}
.ebook-settings-page {
max-width: 1240px;
}
.ebook-settings-page__hero {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
padding: 28px 32px;
margin: 20px 0 18px;
border: 1px solid #d7dfeb;
border-radius: 24px;
background:
radial-gradient(circle at top right, rgba(30, 136, 229, 0.12), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f4f8fc 100%);
box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}
.ebook-settings-page__hero-copy {
max-width: 760px;
}
.ebook-settings-page__eyebrow,
.ebook-settings-section__eyebrow,
.ebook-general-overview__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #135e96;
}
.ebook-settings-page__hero-copy h1 {
margin: 8px 0 10px;
font-size: 34px;
line-height: 1.15;
color: #17212b;
}
.ebook-settings-page__hero-copy p {
margin: 0;
max-width: 62ch;
font-size: 15px;
line-height: 1.7;
color: #52606d;
}
.ebook-settings-page__hero-meta {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
justify-content: flex-end;
}
.ebook-settings-page__plan,
.ebook-settings-page__upgrade {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border-radius: 999px;
font-weight: 600;
text-decoration: none;
}
.ebook-settings-page__plan.is-pro {
background: #e7f7ee;
color: #0f6b3d;
}
.ebook-settings-page__plan.is-free {
background: #edf4fb;
color: #135e96;
}
.ebook-settings-page__upgrade {
background: #17212b;
color: #ffffff;
}
.ebook-settings-page__upgrade:hover,
.ebook-settings-page__upgrade:focus {
color: #ffffff;
background: #0f1720;
}
.ebook-store-nav-tab-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0 0 18px;
padding: 0;
border: 0;
}
.ebook-store-nav-group-label {
display: inline-flex;
align-items: center;
height: 42px;
padding: 0 6px 0 18px;
border-left: 2px solid #e2e8f0;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #94a3b8;
white-space: nowrap;
}
.ebook-store-nav-group-label.is-first {
padding-left: 0;
border-left: none;
}
.ebook-store-nav-tab__pro-badge {
display: inline-flex;
align-items: center;
padding: 1px 5px;
border-radius: 3px;
background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);
color: #fff;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.5;
}
.ebook-store-nav-tab-wrapper .nav-tab {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0;
padding: 10px 16px;
border: 1px solid #d7dfeb;
border-radius: 999px;
background: #ffffff;
color: #334155;
font-weight: 600;
}
.ebook-store-nav-tab__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
flex: 0 0 20px;
}
.ebook-store-nav-tab__icon img {
display: block;
max-width: 20px;
max-height: 20px;
width: auto;
height: auto;
}
.ebook-store-nav-tab__label {
display: inline-block;
line-height: 1.2;
}
.ebook-store-nav-tab-wrapper .nav-tab:hover,
.ebook-store-nav-tab-wrapper .nav-tab:focus {
border-color: #97b9d5;
background: #f7fbff;
color: #0f4c75;
}
.ebook-store-nav-tab-wrapper .nav-tab.nav-tab-active {
border-color: #135e96;
background: linear-gradient(135deg, #135e96 0%, #1d7cbf 100%);
color: #ffffff;
box-shadow: 0 14px 28px rgba(19, 94, 150, 0.18);
}
.ebook-store-nav-tab-wrapper .nav-tab.nav-tab-active .ebook-store-nav-tab__icon img {
filter: brightness(0) invert(1);
}
.ebook-settings-page__panel {
padding: 22px 22px 12px;
border: 1px solid #dfe7ef;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.ebook-settings-table {
margin-top: 0;
border-collapse: separate;
border-spacing: 0 18px;
}
.ebook-settings-table > tbody > tr > td,
.ebook-settings-table > tbody > tr > th {
padding: 0;
}
.ebook-settings-section-row {
vertical-align: top;
}
.ebook-general-overview,
.ebook-settings-section {
border: 1px solid #e1e8f0;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 16px 32px rgba(15, 23, 42, 0.05);
}
.ebook-general-overview {
display: grid;
gap: 24px;
padding: 28px;
grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
background:
radial-gradient(circle at right top, rgba(102, 187, 106, 0.12), transparent 35%),
linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}
.ebook-general-overview__copy h2 {
margin: 10px 0 12px;
font-size: 28px;
line-height: 1.2;
color: #17212b;
}
.ebook-general-overview__copy p {
margin: 0;
font-size: 15px;
line-height: 1.7;
color: #52606d;
}
.ebook-settings-section {
padding: 26px;
}
.ebook-settings-section__header {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 22px;
align-items: flex-start;
}
.ebook-settings-section__header h3 {
margin: 8px 0 0;
font-size: 24px;
line-height: 1.2;
color: #17212b;
}
.ebook-settings-section__header p {
margin: 0;
max-width: 58ch;
font-size: 14px;
line-height: 1.7;
color: #52606d;
}
.ebook-settings-grid {
display: grid;
gap: 18px;
}
.ebook-settings-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ebook-settings-field {
display: flex;
flex-direction: column;
gap: 8px;
padding: 20px;
border: 1px solid #e3ebf3;
border-radius: 18px;
background: #fbfdff;
position: relative;
}
.ebook-settings-field--wide {
min-height: 100%;
}
.ebook-settings-field label {
font-size: 14px;
font-weight: 700;
color: #17212b;
}
.ebook-settings-field input,
.ebook-settings-field select {
width: 100%;
max-width: 100%;
min-height: 44px;
border-color: #c5d3e0;
border-radius: 12px;
padding: 0 14px;
background: #ffffff;
}
.ebook-settings-field input:focus,
.ebook-settings-field select:focus {
border-color: #135e96;
box-shadow: 0 0 0 1px #135e96;
}
.ebook-settings-field .description {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: #5f6b76;
}
.ebook-settings-inline-note,
.ebook-settings-callout {
margin-top: 6px;
padding: 14px 16px;
border-radius: 14px;
font-size: 13px;
line-height: 1.6;
}
.ebook-settings-inline-note.is-success {
background: #ebf8f0;
color: #0f6b3d;
}
.ebook-settings-inline-note.is-neutral,
.ebook-settings-callout--soft {
background: #eef5fb;
color: #114a73;
}
.ebook-settings-callout--warning {
background: #fff7e8;
color: #7a4b00;
}
.ebook-settings-callout--success {
background: #ebf8f0;
color: #0f6b3d;
}
.ebook-settings-callout--error {
background: #fff0f0;
color: #8b1a1a;
border-left: 3px solid #dc2626;
}
.ebook-settings-callout a,
.ebook-settings-aside-card a {
font-weight: 600;
}
.ebook-settings-aside-card {
padding: 20px;
border: 1px solid #e3ebf3;
border-radius: 18px;
background: #fbfdff;
}
.ebook-settings-aside-card h4 {
margin: 0 0 10px;
font-size: 16px;
color: #17212b;
}
.ebook-settings-aside-card p {
margin: 0 0 12px;
font-size: 13px;
line-height: 1.7;
color: #5f6b76;
}
.ebook-settings-checklist {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.ebook-settings-checklist li {
position: relative;
padding-left: 22px;
font-size: 13px;
line-height: 1.6;
color: #334155;
}
.ebook-settings-checklist li::before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #1d7cbf;
}
.ebook-settings-code {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 12px;
border: 1px solid #d7dfeb;
border-radius: 12px;
background: #ffffff;
color: #0f4c75;
font-size: 13px;
font-weight: 700;
}
.ebook-settings-language-list {
display: grid;
gap: 18px;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
margin-top: 18px;
}
.ebook-settings-monospace-input {
font-family: Consolas, Monaco, monospace;
letter-spacing: 0.01em;
}
.ebook-settings-steps {
margin: 0;
padding-left: 18px;
color: #334155;
}
.ebook-settings-steps li {
margin-bottom: 10px;
line-height: 1.6;
}
.ebook-settings-choice-group {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ebook-settings-choice__input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ebook-settings-choice {
position: relative;
}
.ebook-settings-choice span {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 14px;
border: 1px solid #d7dfeb;
border-radius: 999px;
background: #ffffff;
color: #334155;
font-weight: 600;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.ebook-settings-choice__input:checked + .ebook-settings-choice span {
border-color: #135e96;
box-shadow: 0 8px 18px rgba(19, 94, 150, 0.14);
color: #0f4c75;
}
.ebook-settings-choice__input:focus + .ebook-settings-choice span {
box-shadow: 0 0 0 2px rgba(19, 94, 150, 0.2);
}
.ebook-settings-color-input {
max-width: 220px;
font-family: Consolas, Monaco, monospace;
}
.ebook-settings-toggle-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ebook-settings-toggle-card {
display: flex;
gap: 16px;
align-items: flex-start;
padding: 20px;
border: 1px solid #e3ebf3;
border-radius: 18px;
background: #fbfdff;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
position: relative;
}
.ebook-settings-toggle-card input[type="hidden"] {
display: none;
}
.ebook-settings-toggle-card input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ebook-settings-toggle-card__control {
position: relative;
flex: 0 0 52px;
height: 30px;
margin-top: 2px;
border-radius: 999px;
background: #c6d2df;
transition: background 0.2s ease;
}
.ebook-settings-toggle-card__control::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #ffffff;
box-shadow: 0 3px 10px rgba(15, 23, 42, 0.18);
transition: transform 0.2s ease;
}
.ebook-settings-toggle-card__content {
display: flex;
flex-direction: column;
gap: 6px;
}
.ebook-settings-toggle-card__title {
font-size: 15px;
font-weight: 700;
color: #17212b;
}
.ebook-settings-toggle-card__description {
font-size: 13px;
line-height: 1.6;
color: #5f6b76;
}
.ebook-settings-toggle-card:hover {
border-color: #c0d3e2;
transform: translateY(-1px);
}
.ebook-settings-toggle-card input[type="checkbox"]:disabled + .ebook-settings-toggle-card__control {
background: #d8dee5;
}
.ebook-settings-toggle-card input[type="checkbox"]:disabled + .ebook-settings-toggle-card__control::after {
background: #f4f6f8;
box-shadow: none;
}
.ebook-settings-toggle-card input[type="checkbox"]:disabled + .ebook-settings-toggle-card__control + .ebook-settings-toggle-card__content {
opacity: 0.58;
}
.ebook-settings-toggle-card input[type="checkbox"]:disabled + .ebook-settings-toggle-card__control + .ebook-settings-toggle-card__content .ebook-settings-toggle-card__title {
color: #6d7883;
}
.ebook-settings-toggle-card input[type="checkbox"]:disabled + .ebook-settings-toggle-card__control + .ebook-settings-toggle-card__content .ebook-settings-toggle-card__description {
color: #7e8892;
}
.ebook-settings-toggle-card input[type="checkbox"]:checked + .ebook-settings-toggle-card__control {
background: #135e96;
}
.ebook-settings-toggle-card input[type="checkbox"]:checked + .ebook-settings-toggle-card__control::after {
transform: translateX(22px);
}
.ebook-settings-toggle-card input[type="checkbox"]:checked + .ebook-settings-toggle-card__control + .ebook-settings-toggle-card__content .ebook-settings-toggle-card__title {
color: #0f4c75;
}
.ebook-settings-toggle-card input[type="checkbox"]:focus + .ebook-settings-toggle-card__control {
box-shadow: 0 0 0 2px rgba(19, 94, 150, 0.25);
}
.ebook-settings-page__actions {
display: flex;
justify-content: flex-end;
padding: 8px 6px 6px;
}
.ebook-settings-page__actions .button-primary {
min-height: 44px;
padding: 0 20px;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, #135e96 0%, #1d7cbf 100%);
box-shadow: 0 12px 24px rgba(19, 94, 150, 0.2);
}
.ebook-settings-page__actions .button-primary:hover,
.ebook-settings-page__actions .button-primary:focus {
background: linear-gradient(135deg, #0f4c75 0%, #135e96 100%);
}
.ebook-settings-field.goPro2::after {
top: 14px;
right: 14px;
}
@media (max-width: 960px) {
.ebook-settings-page__hero,
.ebook-settings-section__header,
.ebook-general-overview {
grid-template-columns: 1fr;
flex-direction: column;
}
.ebook-settings-grid--2,
.ebook-settings-toggle-grid {
grid-template-columns: 1fr;
}
.ebook-settings-page__hero-meta {
justify-content: flex-start;
}
}
@media (max-width: 782px) {
.ebook-settings-page__hero,
.ebook-settings-page__panel,
.ebook-general-overview,
.ebook-settings-section {
padding: 20px;
border-radius: 18px;
}
.ebook-settings-page__hero-copy h1 {
font-size: 28px;
}
.ebook-general-overview__copy h2,
.ebook-settings-section__header h3 {
font-size: 22px;
}
.ebook-settings-field,
.ebook-settings-toggle-card {
padding: 16px;
}
.ebook-settings-page__actions {
justify-content: stretch;
}
.ebook-settings-page__actions .button-primary {
width: 100%;
}
}
.ebook-setup-wizard {
max-width: 1120px;
margin: 22px 0 0;
}
.ebook-setup-wizard__hero,
.ebook-setup-wizard__panel,
.ebook-setup-wizard__choice {
border: 1px solid #d7e2ea;
border-radius: 26px;
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}
.ebook-setup-wizard__hero {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.9fr);
gap: 24px;
padding: 28px 32px;
margin-bottom: 22px;
}
.ebook-setup-wizard__eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: rgba(19, 94, 150, 0.12);
color: #0f4c75;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.ebook-setup-wizard__hero-copy h1 {
margin: 12px 0 10px;
font-size: 34px;
line-height: 1.1;
color: #17212b;
}
.ebook-setup-wizard__hero-copy p {
margin: 0;
max-width: 720px;
color: #576471;
font-size: 15px;
line-height: 1.75;
}
.ebook-setup-wizard__hero-meta {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 10px;
}
.ebook-setup-wizard__pill {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
background: #eef5fb;
color: #135e96;
font-size: 13px;
font-weight: 700;
}
.ebook-setup-wizard__chooser {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.ebook-setup-wizard__choice {
display: flex;
flex-direction: column;
gap: 14px;
padding: 28px;
color: inherit;
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.ebook-setup-wizard__choice:hover,
.ebook-setup-wizard__choice:focus {
border-color: #b8cfdf;
box-shadow: 0 24px 60px rgba(19, 94, 150, 0.12);
transform: translateY(-2px);
color: inherit;
}
.ebook-setup-wizard__choice .dashicons {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 18px;
background: linear-gradient(135deg, #135e96 0%, #1d7cbf 100%);
color: #ffffff;
font-size: 28px;
}
.ebook-setup-wizard__choice h2,
.ebook-setup-wizard__panel-header h2 {
margin: 0;
font-size: 26px;
color: #17212b;
}
.ebook-setup-wizard__choice p,
.ebook-setup-wizard__panel-header p {
margin: 0;
color: #5f6b76;
line-height: 1.75;
}
.ebook-setup-wizard__choice strong {
color: #0f4c75;
font-size: 14px;
}
.ebook-setup-wizard__panel {
padding: 28px 30px 30px;
}
.ebook-setup-wizard__panel-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 22px;
}
.ebook-setup-wizard__form {
display: flex;
flex-direction: column;
gap: 22px;
}
.ebook-setup-wizard__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.ebook-setup-wizard__field {
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px;
border: 1px solid #dbe4eb;
border-radius: 20px;
background: #ffffff;
}
.ebook-setup-wizard__field--full {
grid-column: 1 / -1;
}
.ebook-setup-wizard__field label {
font-size: 14px;
font-weight: 700;
color: #17212b;
}
.ebook-setup-wizard__field input[type="text"],
.ebook-setup-wizard__field input[type="email"],
.ebook-setup-wizard__field input[type="number"],
.ebook-setup-wizard__field input[type="file"] {
width: 100%;
}
.ebook-setup-wizard__input-group {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
gap: 10px;
}
.ebook-setup-wizard__input-group span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border: 1px solid #d0dce4;
border-radius: 12px;
background: #f5f8fb;
color: #304150;
font-weight: 700;
}
.ebook-setup-wizard__actions {
display: flex;
justify-content: flex-end;
}
.ebook-setup-wizard__gateway-panel {
display: grid;
gap: 18px;
padding: 22px;
border: 1px solid #dce6f1;
border-radius: 20px;
background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
}
.ebook-setup-wizard__gateway-header h3 {
margin: 0 0 6px;
font-size: 18px;
color: #17212b;
}
.ebook-setup-wizard__gateway-header p {
margin: 0;
color: #5f6b76;
font-size: 13px;
line-height: 1.65;
}
.ebook-setup-wizard__gateway-note {
margin-top: 10px;
padding: 12px 14px;
border: 1px solid #f0d4a6;
border-radius: 14px;
background: #fff8eb;
color: #7b5210;
}
.ebook-setup-wizard__code-input {
font-family: Consolas, Monaco, monospace;
}
.ebook-settings-toggle-grid--wizard {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.ebook-setup-wizard__actions .button-hero {
min-height: 46px;
padding: 0 22px;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, #135e96 0%, #1d7cbf 100%);
box-shadow: 0 12px 30px rgba(19, 94, 150, 0.18);
}
.ebook-setup-wizard__actions .button-hero:hover,
.ebook-setup-wizard__actions .button-hero:focus {
background: linear-gradient(135deg, #0f4c75 0%, #135e96 100%);
}
.ebook-setup-wizard__notice-list {
margin: 8px 0 0 18px;
list-style: disc;
}
.ebook-setup-wizard__success-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 0;
}
@media (max-width: 960px) {
.ebook-setup-wizard__hero,
.ebook-setup-wizard__chooser,
.ebook-setup-wizard__grid {
grid-template-columns: 1fr;
}
.ebook-setup-wizard__panel-header {
flex-direction: column;
}
}
@media (max-width: 782px) {
.ebook-setup-wizard__hero,
.ebook-setup-wizard__panel,
.ebook-setup-wizard__choice {
padding: 22px;
border-radius: 22px;
}
.ebook-setup-wizard__hero-copy h1 {
font-size: 28px;
}
.ebook-setup-wizard__choice h2,
.ebook-setup-wizard__panel-header h2 {
font-size: 22px;
}
.ebook-setup-wizard__actions,
.ebook-setup-wizard__success-links {
justify-content: stretch;
}
.ebook-setup-wizard__actions .button,
.ebook-setup-wizard__success-links .button {
width: 100%;
text-align: center;
}
}
.ebook-template-editor {
max-width: 1280px;
margin: 22px 0 0;
}
.ebook-template-editor__hero,
.ebook-template-editor__nav-card,
.ebook-template-editor__panel {
border: 1px solid #d7e2ea;
border-radius: 26px;
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}
.ebook-template-editor__hero {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.85fr);
gap: 24px;
padding: 28px 32px;
margin-bottom: 22px;
}
.ebook-template-editor__eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: rgba(19, 94, 150, 0.12);
color: #0f4c75;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.ebook-template-editor__hero-copy h1 {
margin: 12px 0 10px;
font-size: 34px;
line-height: 1.08;
color: #17212b;
}
.ebook-template-editor__hero-copy p {
margin: 0;
max-width: 760px;
color: #576471;
font-size: 15px;
line-height: 1.75;
}
.ebook-template-editor__hero-meta {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 10px;
}
.ebook-template-editor__pill {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
background: #eef5fb;
color: #135e96;
font-size: 13px;
font-weight: 700;
}
.ebook-template-editor__layout {
display: grid;
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
gap: 22px;
}
.ebook-template-editor__nav-card,
.ebook-template-editor__panel {
padding: 22px;
}
.ebook-template-editor__nav-card h2,
.ebook-template-editor__panel-header h2 {
margin: 0 0 6px;
font-size: 24px;
color: #17212b;
}
.ebook-template-editor__nav-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 14px;
}
.ebook-template-editor__nav {
display: grid;
gap: 10px;
}
.ebook-template-editor__nav-item {
display: grid;
gap: 4px;
padding: 14px 16px;
border: 1px solid #dbe4eb;
border-radius: 18px;
background: #ffffff;
color: inherit;
text-decoration: none;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.ebook-template-editor__nav-item:hover,
.ebook-template-editor__nav-item:focus,
.ebook-template-editor__nav-item.is-active {
border-color: #bdd4e2;
box-shadow: 0 14px 34px rgba(19, 94, 150, 0.09);
transform: translateY(-1px);
color: inherit;
}
.ebook-template-editor__nav-item strong {
font-size: 15px;
color: #17212b;
}
.ebook-template-editor__nav-item small {
color: #667581;
}
.ebook-template-editor__form,
.ebook-template-editor__main {
min-width: 0;
}
.ebook-template-editor__panel {
display: grid;
gap: 18px;
}
.ebook-template-editor__panel-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
}
.ebook-template-editor__header-side {
display: grid;
justify-items: end;
gap: 10px;
}
.ebook-template-editor__panel-header p {
margin: 0;
color: #5f6b76;
line-height: 1.72;
}
.ebook-template-editor__file-meta {
display: grid;
gap: 8px;
min-width: 220px;
}
.ebook-template-editor__file-meta span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
background: #eef5fb;
color: #314657;
font-size: 13px;
}
.ebook-template-editor__file-meta strong {
margin-right: 5px;
color: #0f4c75;
}
.ebook-template-editor__editor-wrap {
overflow: hidden;
border: 1px solid #d5e0e8;
border-radius: 22px;
background: #f8fbfd;
}
.ebook-template-editor__editor-wrap .CodeMirror,
.ebook-template-editor__editor-wrap textarea {
min-height: 640px;
font-size: 13px;
line-height: 1.6;
}
.ebook-template-editor__editor-wrap .CodeMirror {
height: auto;
}
.ebook-template-editor__editor-wrap textarea {
width: 100%;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.ebook-template-editor__actions {
display: flex;
justify-content: flex-end;
gap: 10px;
}
.ebook-template-editor__actions .button-hero {
min-height: 46px;
padding: 0 22px;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, #135e96 0%, #1d7cbf 100%);
box-shadow: 0 12px 30px rgba(19, 94, 150, 0.18);
}
.ebook-template-editor__actions .button-hero:hover,
.ebook-template-editor__actions .button-hero:focus {
background: linear-gradient(135deg, #0f4c75 0%, #135e96 100%);
}
.ebook-template-editor__notice-list {
margin: 8px 0 0 18px;
list-style: disc;
}
.ebook-template-editor__modal[hidden] {
display: none;
}
.ebook-template-editor__modal {
position: fixed;
inset: 0;
z-index: 100000;
}
.ebook-template-editor__modal-backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.46);
backdrop-filter: blur(3px);
}
.ebook-template-editor__modal-dialog {
position: relative;
max-width: 620px;
margin: 8vh auto 0;
padding: 0;
border: 1px solid #d8e2ea;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
}
.ebook-template-editor__modal-form {
display: grid;
gap: 18px;
padding: 22px;
}
.ebook-template-editor__modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.ebook-template-editor__modal-header h2 {
margin: 0;
font-size: 24px;
color: #17212b;
}
.ebook-template-editor__modal-body {
display: grid;
gap: 16px;
}
.ebook-template-editor__field {
display: grid;
gap: 8px;
}
.ebook-template-editor__field label {
font-size: 14px;
font-weight: 700;
color: #17212b;
}
.ebook-template-editor__field input[type="text"],
.ebook-template-editor__field select {
width: 100%;
}
.ebook-template-editor__modal-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
}
@media (max-width: 1100px) {
.ebook-template-editor__hero,
.ebook-template-editor__layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 782px) {
.ebook-template-editor__hero,
.ebook-template-editor__nav-card,
.ebook-template-editor__panel {
padding: 20px;
border-radius: 20px;
}
.ebook-template-editor__hero-copy h1 {
font-size: 28px;
}
.ebook-template-editor__panel-header {
flex-direction: column;
}
.ebook-template-editor__nav-header,
.ebook-template-editor__modal-header,
.ebook-template-editor__actions {
flex-direction: column;
}
.ebook-template-editor__header-side {
justify-items: start;
}
.ebook-template-editor__modal-dialog {
margin: 5vh 14px 0;
}
.ebook-template-editor__modal-actions {
flex-direction: column;
}
.ebook-template-editor__actions .button,
.ebook-template-editor__modal-actions .button {
width: 100%;
text-align: center;
}
}
.ebook-woocommerce-linked-ebook {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 16px;
margin: 8px 12px 0 162px;
padding: 18px;
border: 1px solid #d9e3ea;
border-radius: 18px;
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}
.ebook-woocommerce-linked-ebook__cover {
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 134px;
overflow: hidden;
border: 1px solid #d7e1e8;
border-radius: 14px;
background: #eef3f7;
color: #6a7884;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.ebook-woocommerce-linked-ebook__cover img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ebook-woocommerce-linked-ebook__content {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
.ebook-woocommerce-linked-ebook__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.ebook-woocommerce-linked-ebook__header h4 {
margin: 0 0 6px;
font-size: 18px;
line-height: 1.3;
color: #17212b;
}
.ebook-woocommerce-linked-ebook__header p {
margin: 0;
color: #5f6b76;
line-height: 1.65;
}
.ebook-woocommerce-linked-ebook__meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ebook-woocommerce-linked-ebook__meta span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
background: #eef5fb;
color: #1f2f3d;
font-size: 13px;
line-height: 1.4;
}
.ebook-woocommerce-linked-ebook__meta strong {
margin-right: 4px;
color: #0f4c75;
}
@media (max-width: 960px) {
.ebook-woocommerce-linked-ebook {
margin-left: 0;
}
}
@media (max-width: 782px) {
.ebook-woocommerce-linked-ebook {
grid-template-columns: 1fr;
padding: 16px;
}
.ebook-woocommerce-linked-ebook__header {
flex-direction: column;
}
}
.ebook-store-template-hello-2026 {
--ebook-hello-surface: #fffdf7;
--ebook-hello-surface-strong: #ffffff;
--ebook-hello-text: #172126;
--ebook-hello-muted: #58656e;
--ebook-hello-accent: #165d91;
--ebook-hello-accent-strong: #0f4f7d;
--ebook-hello-success: #135f45;
--ebook-hello-outline: rgba(29, 54, 83, 0.12);
--ebook-hello-shadow: 0 28px 70px rgba(13, 33, 53, 0.08);
margin: 28px 0;
color: var(--ebook-hello-text);
container-type: inline-size;
}
.ebook-store-template-hello-2026,
.ebook-store-template-hello-2026 * {
box-sizing: border-box;
}
.ebook-store-template-hello-2026__stack {
display: grid;
gap: 40px;
}
.ebook-store-template-hello-2026__stack.is-single {
grid-template-columns: minmax(0, 1240px);
}
.ebook-hello-2026-card {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.78fr);
gap: 24px;
align-items: start;
padding: 28px;
border: 1px solid var(--ebook-hello-outline);
border-radius: 36px;
background:
radial-gradient(circle at top left, rgba(33, 130, 187, 0.12), transparent 34%),
radial-gradient(circle at bottom right, rgba(255, 191, 102, 0.18), transparent 28%),
linear-gradient(180deg, #fffcf6 0%, #f7fbff 100%);
box-shadow: var(--ebook-hello-shadow);
overflow: hidden;
}
.ebook-hello-2026-card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.42), rgba(255,255,255,0));
pointer-events: none;
}
.ebook-hello-2026-card__main,
.ebook-hello-2026-card__checkout-column {
position: relative;
z-index: 1;
}
.ebook-hello-2026-card__main {
display: grid;
grid-template-columns: minmax(210px, 270px) minmax(0, 1fr);
gap: 24px;
min-width: 0;
}
.ebook-hello-2026-card__media-column {
display: grid;
gap: 16px;
}
.ebook-hello-2026-card__cover-panel {
display: grid;
gap: 14px;
padding: 16px;
border: 1px solid rgba(18, 61, 92, 0.1);
border-radius: 30px;
background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(246,250,255,0.94) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
.ebook-hello-2026-card__cover-frame {
display: grid;
place-items: center;
min-height: 340px;
padding: 14px;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #edf5fb 100%);
box-shadow: 0 20px 44px rgba(18, 61, 92, 0.12);
overflow: hidden;
}
.ebook-hello-2026-card__cover {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 18px;
}
.ebook-hello-2026-card__cover-placeholder {
color: #6b7e8a;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-hello-2026-status {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
background: #eaf6ef;
color: #135f45;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-hello-2026-card__facts {
display: grid;
gap: 10px;
padding: 14px;
border: 1px solid rgba(18, 61, 92, 0.08);
border-radius: 24px;
background: rgba(255,255,255,0.72);
backdrop-filter: blur(10px);
}
.ebook-hello-2026-fact {
display: grid;
gap: 4px;
padding: 10px 12px;
border-radius: 16px;
background: #f8fbfd;
}
.ebook-hello-2026-fact__label {
color: #6d7b87;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-hello-2026-fact__value {
color: #20303d;
font-size: 13px;
line-height: 1.5;
}
.ebook-hello-2026-card__content {
display: grid;
gap: 22px;
min-width: 0;
align-content: start;
}
.ebook-hello-2026-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
}
.ebook-hello-2026-card__title-wrap {
display: grid;
gap: 12px;
min-width: 0;
}
.ebook-hello-2026-card__eyebrow,
.ebook-hello-2026-checkout__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 32px;
padding: 0 12px;
border-radius: 999px;
background: rgba(22, 93, 145, 0.1);
color: var(--ebook-hello-accent);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-hello-2026-card__title {
margin: 0;
font-size: clamp(2.35rem, 4cqi, 4rem);
line-height: 0.98;
letter-spacing: -0.04em;
color: #15222d;
text-wrap: balance;
}
.ebook-hello-2026-card__price-block {
display: grid;
gap: 8px;
justify-items: end;
flex: 0 0 auto;
}
.ebook-hello-2026-card__price {
margin: 0;
font-size: 28px;
font-weight: 800;
line-height: 1;
color: var(--ebook-hello-success);
white-space: nowrap;
}
.ebook-hello-2026-card__price-note {
color: #5e6f7a;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.ebook-hello-2026-card__description {
color: #43515d;
font-size: 16px;
line-height: 1.85;
}
.ebook-hello-2026-card__description > :first-child,
.ebook-hello-2026-card__description > :last-child {
margin-top: 0;
margin-bottom: 0;
}
.ebook-store-template-hello-2026 a,
.ebook-store-template-hello-2026 a:visited {
color: inherit;
}
.ebook-hello-2026-card__description a,
.ebook-hello-2026-card__description a:visited {
color: var(--ebook-hello-accent);
text-decoration: none;
box-shadow: none;
border-bottom: 0;
}
.ebook-hello-2026-card__description a:hover,
.ebook-hello-2026-card__description a:focus {
text-decoration: underline;
}
.ebook-hello-2026-card__supporting,
.ebook-hello-2026-checkout__trust {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.ebook-hello-2026-card__supporting li,
.ebook-hello-2026-checkout__trust li {
position: relative;
padding: 12px 14px 12px 38px;
border: 1px solid rgba(18, 61, 92, 0.08);
border-radius: 18px;
background: rgba(255,255,255,0.8);
color: #425360;
font-size: 13px;
font-weight: 700;
line-height: 1.55;
}
.ebook-hello-2026-card__supporting li::before,
.ebook-hello-2026-checkout__trust li::before {
content: "";
position: absolute;
top: 50%;
left: 15px;
width: 10px;
height: 10px;
margin-top: -5px;
border-radius: 50%;
background: linear-gradient(135deg, #1c78b3 0%, #2d8fcf 100%);
box-shadow: 0 0 0 4px rgba(28, 120, 179, 0.12);
}
.ebook-hello-2026-card__checkout-column {
min-width: 0;
align-self: start;
}
.ebook-hello-2026-checkout {
display: grid;
gap: 18px;
padding: 24px;
border: 1px solid rgba(18, 61, 92, 0.12);
border-radius: 30px;
background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(241,247,253,0.94) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
.ebook-hello-2026-checkout h4 {
margin: 0;
font-size: 28px;
line-height: 1.08;
color: #16232e;
}
.ebook-hello-2026-checkout p {
margin: 0;
color: var(--ebook-hello-muted);
line-height: 1.75;
}
.ebook-hello-2026-checkout__methods {
display: grid;
gap: 12px;
}
.ebook-hello-2026-method,
.ebook-hello-2026-primary-action,
.ebook-hello-2026-secondary-action {
text-decoration: none;
border-bottom: 0;
box-shadow: none;
}
.ebook-hello-2026-method {
display: grid;
grid-template-columns: 62px minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
min-height: 74px;
padding: 14px 16px;
border: 1px solid rgba(18, 61, 92, 0.1);
border-radius: 22px;
background: #ffffff;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.ebook-hello-2026-method:hover,
.ebook-hello-2026-method:focus {
transform: translateY(-1px);
border-color: rgba(22, 93, 145, 0.22);
box-shadow: 0 18px 32px rgba(16, 44, 71, 0.08);
}
.ebook-hello-2026-method__brand {
display: grid;
place-items: center;
box-sizing: border-box;
width: 62px;
height: 46px;
padding: 0 10px;
border-radius: 14px;
background: #f7fbfe;
border: 1px solid rgba(18, 61, 92, 0.08);
}
.ebook-hello-2026-method__brand img {
display: block;
max-width: 100%;
max-height: 24px;
width: auto;
height: auto;
}
.ebook-hello-2026-method__copy {
display: grid;
gap: 4px;
min-width: 0;
}
.ebook-hello-2026-method__copy strong {
color: #17212b;
font-size: 16px;
line-height: 1.2;
}
.ebook-hello-2026-method__copy small {
color: #687987;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ebook-hello-2026-method__arrow {
color: #35556f;
font-size: 20px;
font-weight: 700;
}
.ebook-hello-2026-primary-action,
.ebook-hello-2026-secondary-action,
.ebook-store-template-hello-2026 .add_to_cart_link,
.ebook-store-template-hello-2026 .stripe-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 52px;
padding: 0 18px;
border-radius: 999px;
font-weight: 700;
line-height: 1.2;
text-align: center;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
.ebook-hello-2026-primary-action,
.ebook-store-template-hello-2026 .add_to_cart_link,
.ebook-store-template-hello-2026 .stripe-button {
border: 0;
background: linear-gradient(135deg, var(--ebook-hello-accent-strong) 0%, var(--ebook-hello-accent) 100%);
color: #ffffff !important;
box-shadow: 0 16px 28px rgba(17, 82, 128, 0.18);
}
.ebook-hello-2026-secondary-action {
border: 1px solid rgba(18, 61, 92, 0.12);
background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
color: #29465b !important;
}
.ebook-hello-2026-primary-action:hover,
.ebook-hello-2026-primary-action:focus,
.ebook-hello-2026-secondary-action:hover,
.ebook-hello-2026-secondary-action:focus,
.ebook-store-template-hello-2026 .add_to_cart_link:hover,
.ebook-store-template-hello-2026 .add_to_cart_link:focus,
.ebook-store-template-hello-2026 .stripe-button:hover,
.ebook-store-template-hello-2026 .stripe-button:focus:hover:focus {
transform: translateY(-1px);
}
.ebook-hello-2026-checkout__secondary {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.ebook-hello-2026-checkout__secondary > * {
flex: 1 1 180px;
}
.ebook-store-template-hello-2026 .ebook_store_form,
.ebook-store-template-hello-2026 form[id^="paypal_form"],
.ebook-store-template-hello-2026 form[name="dmp_order_form"] {
margin: 0;
}
@container (max-width: 800px) {
.ebook-hello-2026-card {
grid-template-columns: 1fr;
}
}
@container (max-width: 580px) {
.ebook-hello-2026-card__main {
grid-template-columns: 1fr;
}
.ebook-hello-2026-card__header {
flex-direction: column;
}
.ebook-hello-2026-card__price-block {
justify-items: start;
}
.ebook-hello-2026-card__title {
font-size: clamp(2rem, 8cqi, 3rem);
}
}
@container (max-width: 460px) {
.ebook-hello-2026-card {
padding: 18px;
border-radius: 28px;
}
.ebook-hello-2026-checkout,
.ebook-hello-2026-card__cover-panel,
.ebook-hello-2026-card__facts {
padding: 18px;
border-radius: 24px;
}
.ebook-hello-2026-method {
grid-template-columns: 56px minmax(0, 1fr);
}
.ebook-hello-2026-method__arrow {
display: none;
}
}
.ebook-import-books {
display: grid;
gap: 24px;
}
.ebook-import-books__hero,
.ebook-import-books__panel {
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #d7e3ec;
border-radius: 20px;
box-shadow: 0 16px 44px rgba(20, 56, 86, 0.08);
}
.ebook-import-books__hero {
display: grid;
gap: 20px;
grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr);
padding: 28px 30px;
}
.ebook-import-books__eyebrow {
color: #1e648a;
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
margin-bottom: 10px;
text-transform: uppercase;
}
.ebook-import-books__hero-copy h1 {
color: #14374f;
font-size: 34px;
line-height: 1.08;
margin: 0 0 12px;
}
.ebook-import-books__hero-copy p,
.ebook-import-books__panel-head p,
.ebook-import-books__mode-copy,
.ebook-import-books__description,
.ebook-import-books__filename,
.ebook-import-books__summary {
color: #496579;
font-size: 14px;
line-height: 1.65;
margin: 0;
}
.ebook-import-books__hero-pills {
align-content: start;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-end;
}
.ebook-import-books__hero-pills span {
background: #eff6fb;
border: 1px solid #c9deec;
border-radius: 999px;
color: #205575;
font-size: 13px;
font-weight: 700;
padding: 8px 12px;
}
.ebook-import-books__layout {
display: grid;
gap: 24px;
grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
}
.ebook-import-books__panel {
padding: 26px;
}
.ebook-import-books__panel-head {
align-items: start;
display: flex;
gap: 16px;
justify-content: space-between;
margin-bottom: 18px;
}
.ebook-import-books__panel-head h2 {
color: #153b54;
font-size: 24px;
margin: 0 0 8px;
}
.ebook-import-books__mode-grid {
display: grid;
gap: 14px;
margin-bottom: 18px;
}
.ebook-import-books__mode-card {
background: #ffffff;
border: 1px solid #d6e3eb;
border-radius: 16px;
cursor: pointer;
display: grid;
gap: 8px;
padding: 18px;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ebook-import-books__mode-card:hover,
.ebook-import-books__mode-card.is-selected {
border-color: #1e648a;
box-shadow: 0 10px 24px rgba(30, 100, 138, 0.12);
transform: translateY(-1px);
}
.ebook-import-books__mode-card input {
margin: 0;
}
.ebook-import-books__mode-card.is-disabled {
cursor: not-allowed;
opacity: 0.58;
}
.ebook-import-books__mode-title {
color: #163f5d;
font-size: 16px;
font-weight: 700;
}
.ebook-import-books__field {
display: grid;
gap: 8px;
margin-bottom: 18px;
}
.ebook-import-books__field label {
color: #153b54;
font-size: 13px;
font-weight: 700;
}
.ebook-import-books__price-input {
align-items: center;
background: #ffffff;
border: 1px solid #d4e0e8;
border-radius: 14px;
display: grid;
gap: 0;
grid-template-columns: auto minmax(0, 1fr);
overflow: hidden;
}
.ebook-import-books__price-input span {
background: #eef5fa;
border-right: 1px solid #d4e0e8;
color: #1c597c;
font-size: 13px;
font-weight: 700;
padding: 12px 14px;
}
.ebook-import-books__price-input input[type="number"] {
background: transparent;
border: 0;
box-shadow: none;
color: #14374f;
font-size: 14px;
margin: 0;
min-height: 46px;
padding: 10px 14px;
width: 100%;
}
.ebook-import-books__price-input input[type="number"]:focus {
box-shadow: none;
outline: none;
}
.ebook-import-books__dropzone {
background:
radial-gradient(circle at top right, rgba(54, 134, 176, 0.12), transparent 34%),
repeating-linear-gradient(-45deg, #eef5fa 0, #eef5fa 10px, #f9fbfd 10px, #f9fbfd 20px);
border: 2px dashed #97b8cb;
border-radius: 22px;
min-height: 220px;
padding: 24px;
transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.ebook-import-books__dropzone.is-dragover {
border-color: #1e648a;
transform: translateY(-1px);
}
.ebook-import-books__dropzone.is-locked {
filter: grayscale(0.2);
opacity: 0.68;
}
.ebook-import-books__drop-inner {
align-items: center;
display: grid;
gap: 12px;
height: 100%;
justify-items: center;
text-align: center;
}
.ebook-import-books__drop-inner .dashicons {
color: #1e648a;
font-size: 34px;
height: 34px;
width: 34px;
}
.ebook-import-books__drop-inner strong {
color: #153a53;
font-size: 20px;
}
.ebook-import-books__toolbar {
align-items: center;
display: flex;
gap: 16px;
justify-content: space-between;
margin-top: 18px;
}
.ebook-import-books__queue {
display: grid;
gap: 16px;
}
.ebook-import-books__item {
background: #ffffff;
border: 1px solid #d5e1ea;
border-radius: 18px;
padding: 18px;
}
.ebook-import-books__item.status-imported {
border-color: #8dc6a2;
}
.ebook-import-books__item.status-error {
border-color: #d89494;
}
.ebook-import-books__item-head {
align-items: start;
display: flex;
gap: 16px;
justify-content: space-between;
margin-bottom: 12px;
}
.ebook-import-books__item-head h3 {
color: #163b54;
font-size: 18px;
margin: 0 0 4px;
}
.ebook-import-books__status {
background: #eef6fb;
border-radius: 999px;
color: #1f658a;
font-size: 12px;
font-weight: 700;
padding: 7px 11px;
white-space: nowrap;
}
.ebook-import-books__progress {
background: #e7eff5;
border-radius: 999px;
height: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.ebook-import-books__progress-bar {
background: linear-gradient(90deg, #1d6a8c 0%, #3f97b8 100%);
display: block;
height: 100%;
width: 0;
}
.ebook-import-books__meta {
color: #567285;
display: flex;
flex-wrap: wrap;
gap: 14px;
font-size: 12px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.ebook-import-books__message {
color: #963b3b;
font-size: 13px;
margin: 12px 0 0;
}
.ebook-import-books__actions-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
.ebook-import-books__empty {
border: 1px dashed #c8d8e4;
border-radius: 18px;
color: #607b8e;
padding: 22px;
text-align: center;
}
@media (max-width: 960px) {
.ebook-import-books__hero,
.ebook-import-books__layout {
grid-template-columns: 1fr;
}
.ebook-import-books__hero-pills {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.ebook-import-books__hero,
.ebook-import-books__panel {
padding: 20px;
}
.ebook-import-books__toolbar,
.ebook-import-books__item-head {
align-items: stretch;
flex-direction: column;
}
.ebook-import-books__toolbar .button {
width: 100%;
}
}.wp-block-woocommerce-checkout-newsletter-subscription{align-items:flex-start;display:flex;margin:20px 0;padding-bottom:4px;padding-top:4px}.wp-block-woocommerce-checkout-newsletter-subscription .block-editor-rich-text__editable{line-height:24px;vertical-align:middle}.wp-block-woocommerce-checkout-newsletter-subscription .wc-block-components-checkbox{margin-right:16px;margin-top:0}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,.1)}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{height:var(--PhoneInputCountryFlag-height);width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:var(--PhoneInputCountrySelectArrow-transform);width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}