html.pdfg-fullscreen-page {
height: 100%;
overflow: hidden !important;
}
body.mtgcb-pdf-generator-page {
margin: 0 !important;
padding: 0 !important;
width: 100%;
max-width: 100%;
height: 100%;
background: #eef2f8;
overflow: hidden !important;
}
body.pdfg-modal-open .wp-dark-mode-floating-switch,
body.pdfg-modal-open .elementor-widget-elementskit-back-to-top {
opacity: 0 !important;
pointer-events: none !important;
}
.pdfg-app {
--pdfg-navy: #1d2a69;
--pdfg-navy-dark: #152150;
--pdfg-blue: #2f5bd8;
--pdfg-blue-dark: #2140a8;
--pdfg-blue-soft: #edf2ff;
--pdfg-ink: #16223f;
--pdfg-muted: #5c6980;
--pdfg-faint: #8792a7;
--pdfg-border: #d4ddec;
--pdfg-border-soft: #e8edf5;
--pdfg-surface: #ffffff;
--pdfg-surface-soft: #f6f8fc;
--pdfg-canvas: #e9eef6;
--pdfg-danger: #b83b39;
--pdfg-danger-soft: #fff0ef;
--pdfg-success: #18734b;
--pdfg-success-soft: #eaf8f1;
--pdfg-gold: #d99b17;
--pdfg-gold-soft: #fff7df;
--pdfg-shadow-sm: 0 2px 8px rgba(21, 33, 80, .08);
--pdfg-shadow-md: 0 10px 30px rgba(21, 33, 80, .14);
--pdfg-shadow-lg: 0 24px 70px rgba(12, 23, 61, .24);
--pdfg-radius-sm: 8px;
--pdfg-radius: 12px;
--pdfg-radius-lg: 18px;
position: relative;
display: flex;
flex-direction: column;
isolation: auto;
width: 100%;
max-width: 100%;
min-width: 0;
height: 100vh;
height: 100dvh;
max-height: 100vh;
max-height: 100dvh;
margin: 0;
background: var(--pdfg-canvas);
color: var(--pdfg-ink);
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 1.45;
text-align: left;
-webkit-font-smoothing: antialiased;
overflow: hidden;
}
body.admin-bar .pdfg-app {
height: calc(100vh - 32px);
height: calc(100dvh - 32px);
max-height: calc(100vh - 32px);
max-height: calc(100dvh - 32px);
margin-top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .pdfg-app {
height: calc(100vh - 46px);
height: calc(100dvh - 46px);
max-height: calc(100vh - 46px);
max-height: calc(100dvh - 46px);
margin-top: 46px;
}
}
.pdfg-app,
.pdfg-app *,
.pdfg-app *::before,
.pdfg-app *::after {
box-sizing: border-box;
}
.pdfg-app h1,
.pdfg-app h2,
.pdfg-app h3,
.pdfg-app p,
.pdfg-app fieldset,
.pdfg-app legend {
margin-top: 0;
}
.pdfg-app h1,
.pdfg-app h2,
.pdfg-app h3,
.pdfg-app p,
.pdfg-app label,
.pdfg-app span,
.pdfg-app small,
.pdfg-app output,
.pdfg-app summary,
.pdfg-app legend {
font-family: inherit;
}
.pdfg-app button,
.pdfg-app input,
.pdfg-app select,
.pdfg-app textarea {
font: inherit;
}
.pdfg-app button,
.pdfg-app label[for],
.pdfg-app summary,
.pdfg-app select,
.pdfg-app input[type="checkbox"],
.pdfg-app input[type="range"] {
cursor: pointer;
}
.pdfg-app button,
.pdfg-app a {
-webkit-tap-highlight-color: transparent;
}
.pdfg-app button:disabled,
.pdfg-app input:disabled,
.pdfg-app select:disabled,
.pdfg-app textarea:disabled {
cursor: not-allowed;
opacity: .55;
}
.pdfg-app [hidden] {
display: none !important;
}
.pdfg-app .pdfg-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.pdfg-app :focus-visible {
outline: 3px solid rgba(47, 91, 216, .35);
outline-offset: 2px;
} html.pdfg-browser-opera #pdfgApp.pdfg-app {
color-scheme: only light;
}
html.pdfg-browser-opera.wp-dark-mode-active #pdfgApp.pdfg-app,
html.pdfg-browser-opera[data-wp-dark-mode-active] #pdfgApp.pdfg-app,
html.pdfg-browser-opera.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app {
color-scheme: only dark;
}
html.pdfg-browser-opera #pdfgApp.pdfg-app,
html.pdfg-browser-opera #pdfgApp.pdfg-app * {
outline: 0 !important;
}
html.pdfg-browser-opera #pdfgApp.pdfg-app :focus-visible {
outline: 3px solid rgba(76, 124, 255, .72) !important;
outline-offset: 2px !important;
} html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title,
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title-copy {
min-width: 0 !important;
overflow: hidden;
}
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__home img {
width: 116px !important;
max-width: 116px !important;
height: auto !important;
}
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title h1,
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__project,
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__project input {
min-width: 0 !important;
max-width: 100% !important;
}
.pdfg-app a {
color: var(--pdfg-blue-dark);
}
.pdfg-app a:hover {
color: var(--pdfg-navy);
} .pdfg-app .pdfg-appbar {
position: relative;
z-index: 25;
display: grid;
grid-template-columns: minmax(320px, 350px) minmax(260px, 1fr) auto;
align-items: center;
flex: 0 0 auto;
gap: 20px;
min-height: 74px;
padding: 11px 20px;
background: linear-gradient(112deg, var(--pdfg-navy-dark), var(--pdfg-navy) 62%, #263c88);
border-bottom: 1px solid rgba(255, 255, 255, .12);
box-shadow: 0 5px 18px rgba(21, 33, 80, .22);
color: #fff;
}
.pdfg-app .pdfg-appbar__title {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.pdfg-app .pdfg-appbar__home {
position: relative;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
padding: 4px 0;
border-radius: 7px;
text-decoration: none;
}
.pdfg-app .pdfg-appbar__home img {
display: block;
width: 116px;
height: auto;
}
.pdfg-app .pdfg-appbar__home span {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 40;
width: max-content;
max-width: 190px;
padding: 6px 9px;
background: #fff;
border: 1px solid #d7dfed;
border-radius: 7px;
box-shadow: 0 7px 18px rgba(6, 15, 45, .24);
color: var(--pdfg-navy);
font-size: 10px;
font-weight: 800;
line-height: 1.2;
opacity: 0;
pointer-events: none;
transform: translateY(-4px);
transition: opacity .15s ease, transform .15s ease;
}
.pdfg-app .pdfg-appbar__home:hover span,
.pdfg-app .pdfg-appbar__home:focus-visible span {
opacity: 1;
transform: translateY(0);
}
.pdfg-app .pdfg-appbar__title-copy {
min-width: 0;
}
.pdfg-app .pdfg-appbar__icon {
display: grid;
flex: 0 0 42px;
place-items: center;
width: 42px;
height: 42px;
background: rgba(255, 255, 255, .12);
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
color: #fff;
font-size: 24px;
line-height: 1;
}
.pdfg-app .pdfg-appbar__title h1 {
margin: 0;
color: #fff;
font-size: clamp(17px, 1.4vw, 22px);
font-weight: 800;
letter-spacing: -.02em;
line-height: 1.18;
}
.pdfg-app .pdfg-appbar__title p {
margin: 3px 0 0;
color: #cfd8fa;
font-size: 12px;
}
.pdfg-app .pdfg-appbar__project {
display: grid;
align-items: center;
gap: 3px;
min-width: 0;
}
.pdfg-app .pdfg-appbar__project input {
min-width: 0;
width: min(100%, 560px);
height: 30px;
padding: 0 4px;
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
box-shadow: none;
color: #fff;
font-size: 18px;
font-weight: 800;
text-align: left;
}
.pdfg-app .pdfg-appbar__project input:hover {
background: rgba(255, 255, 255, .08);
}
.pdfg-app .pdfg-appbar__project input:focus {
background: #fff;
border-color: #9eb5ff;
box-shadow: 0 0 0 3px rgba(157, 181, 255, .24);
color: var(--pdfg-ink);
outline: 0;
}
.pdfg-app .pdfg-count {
flex: 0 0 auto;
padding: 5px 9px;
background: rgba(255, 255, 255, .12);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 999px;
color: #eef2ff;
font-size: 11px;
font-weight: 750;
white-space: nowrap;
}
.pdfg-app .pdfg-appbar__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
min-width: 0;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn--ghost,
.pdfg-app .pdfg-appbar__actions .pdfg-btn--danger-ghost {
background: rgba(255, 255, 255, .08);
border-color: rgba(255, 255, 255, .2);
color: #fff;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn--ghost:hover:not(:disabled) {
background: rgba(255, 255, 255, .16);
border-color: rgba(255, 255, 255, .35);
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn--danger-ghost:hover:not(:disabled) {
background: rgba(255, 105, 105, .18);
border-color: rgba(255, 180, 180, .45);
}
.pdfg-app .pdfg-project-meta {
display: flex;
align-items: center;
gap: 7px;
min-width: 0;
padding-left: 4px;
color: #bfc9eb;
font-size: 10px;
font-weight: 650;
}
.pdfg-app .pdfg-project-meta .pdfg-count {
padding: 0;
background: none;
border: 0;
color: inherit;
}
.pdfg-app .pdfg-project-stats {
display: inline-flex;
align-items: center;
gap: 5px;
margin-left: 3px;
}
.pdfg-app .pdfg-project-stats > span {
padding: 2px 6px;
background: rgba(255, 255, 255, .08);
border-radius: 999px;
color: #dbe3ff;
}
.pdfg-app .pdfg-project-stats b {
font: inherit;
}
.pdfg-app .pdfg-btn--success {
background: linear-gradient(180deg, #2c9a70, #207654);
border-color: #1b6849;
color: #fff;
}
.pdfg-app .pdfg-btn--success:hover:not(:disabled) {
background: linear-gradient(180deg, #35aa7d, #25835e);
color: #fff;
}
.pdfg-app .pdfg-btn--icon {
width: 40px;
padding: 7px;
background: rgba(255, 255, 255, .12);
border-color: rgba(255, 255, 255, .22);
color: #fff;
font-size: 20px;
}
.pdfg-app .pdfg-project-menu {
position: relative;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn > svg {
flex: 0 0 auto;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.pdfg-app .pdfg-project-menu__panel {
position: absolute;
top: calc(100% + 7px);
right: 0;
z-index: 90;
display: grid;
width: 225px;
padding: 6px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-radius: 10px;
box-shadow: var(--pdfg-shadow-lg);
}
.pdfg-app .pdfg-project-menu__panel button {
width: 100%;
padding: 9px 10px;
background: transparent;
border: 0;
border-radius: 7px;
color: var(--pdfg-ink);
font-size: 12px;
font-weight: 700;
text-align: left;
}
.pdfg-app .pdfg-project-menu__panel button:hover {
background: var(--pdfg-blue-soft);
color: var(--pdfg-blue-dark);
}
.pdfg-app .pdfg-project-menu__panel button.is-danger {
color: var(--pdfg-danger);
}
.pdfg-app .pdfg-project-menu__panel hr {
width: 100%;
margin: 4px 0;
border: 0;
border-top: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-shared-notice {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 9px 18px;
background: #f3edff;
border-bottom: 1px solid #cdbcf7;
color: #38206f;
}
.pdfg-app .pdfg-shared-notice > div {
display: flex;
align-items: center;
gap: 10px;
}
.pdfg-app .pdfg-shared-notice span {
font-size: 11px;
color: #69558f;
}
.pdfg-app .pdfg-projects-dialog {
width: min(920px, calc(100vw - 30px));
}
.pdfg-app .pdfg-projects-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 15px; padding-right: 48px;
}
.pdfg-app .pdfg-projects-head > div {
min-width: 0;
}
.pdfg-app .pdfg-projects-head p {
margin-bottom: 10px;
}
.pdfg-app .pdfg-projects-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
min-height: 240px;
margin-top: 13px;
}
.pdfg-app .pdfg-project-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
padding: 13px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border);
border-radius: 10px;
}
.pdfg-app .pdfg-project-row.is-current {
background: var(--pdfg-blue-soft);
border-color: #8aa6ef;
}
.pdfg-app .pdfg-project-row__info {
min-width: 0;
padding: 0;
background: transparent;
border: 0;
color: var(--pdfg-ink);
text-align: left;
}
.pdfg-app .pdfg-project-row__info strong,
.pdfg-app .pdfg-project-row__info span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-project-row__info strong {
font-size: 13px;
}
.pdfg-app .pdfg-project-row__info span {
margin-top: 4px;
color: var(--pdfg-muted);
font-size: 10px;
}
.pdfg-app .pdfg-project-row__actions {
display: flex;
gap: 5px;
}
.pdfg-app .pdfg-project-row__actions .pdfg-btn {
min-height: 32px;
padding: 6px 8px;
}
.pdfg-app .pdfg-share-dialog {
width: min(620px, calc(100vw - 28px));
}
.pdfg-app .pdfg-copy-field {
display: flex;
gap: 6px;
}
.pdfg-app .pdfg-copy-field input {
min-width: 0;
flex: 1 1 auto;
}
.pdfg-app .pdfg-share-stats {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 14px 0 2px;
}
.pdfg-app .pdfg-share-stats span {
padding: 5px 8px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border);
border-radius: 999px;
color: var(--pdfg-muted);
font-size: 10px;
} .pdfg-app .pdfg-mobile-tabs {
display: none;
position: sticky;
top: 0;
z-index: 35;
grid-template-columns: repeat(3, 1fr);
padding: 6px;
background: #fff;
border-bottom: 1px solid var(--pdfg-border);
box-shadow: var(--pdfg-shadow-sm);
}
.pdfg-app .pdfg-mobile-tabs button {
min-height: 40px;
padding: 7px 9px;
background: transparent;
border: 0;
border-radius: 8px;
color: var(--pdfg-muted);
font-weight: 750;
}
.pdfg-app .pdfg-mobile-tabs button:hover {
background: var(--pdfg-surface-soft);
color: var(--pdfg-navy);
}
.pdfg-app .pdfg-mobile-tabs button.is-active,
.pdfg-app .pdfg-mobile-tabs button[aria-selected="true"] {
background: var(--pdfg-navy);
box-shadow: 0 3px 9px rgba(29, 42, 105, .2);
color: #fff;
} .pdfg-app .pdfg-layout {
display: grid;
grid-template-columns: 320px minmax(0, 1fr) 330px;
align-items: stretch;
flex: 1 1 0;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 0;
height: auto;
background: var(--pdfg-canvas);
overflow: hidden;
}
.pdfg-app .pdfg-sidebar {
position: relative;
z-index: 5;
min-width: 0;
height: 100%;
padding: 12px 12px 40px;
background: #f9fbfe;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-color: #b7c2d6 transparent;
scrollbar-width: thin;
}
.pdfg-app .pdfg-sidebar--left {
border-right: 1px solid var(--pdfg-border);
box-shadow: 4px 0 14px rgba(21, 33, 80, .035);
}
.pdfg-app .pdfg-sidebar--right {
border-left: 1px solid var(--pdfg-border);
box-shadow: -4px 0 14px rgba(21, 33, 80, .035);
}
.pdfg-app .pdfg-sidebar::-webkit-scrollbar,
.pdfg-app .pdfg-workspace__scroll::-webkit-scrollbar,
.pdfg-app .pdfg-cardtray::-webkit-scrollbar,
.pdfg-app .pdfg-modal__dialog::-webkit-scrollbar {
width: 9px;
height: 9px;
}
.pdfg-app .pdfg-sidebar::-webkit-scrollbar-thumb,
.pdfg-app .pdfg-workspace__scroll::-webkit-scrollbar-thumb,
.pdfg-app .pdfg-cardtray::-webkit-scrollbar-thumb,
.pdfg-app .pdfg-modal__dialog::-webkit-scrollbar-thumb {
background: #bac5d8;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 99px;
}
.pdfg-app .pdfg-sidebar__heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 3px 3px 10px;
}
.pdfg-app .pdfg-sidebar__heading h2 {
margin: 0;
color: var(--pdfg-navy);
font-size: 15px;
font-weight: 850;
letter-spacing: .035em;
text-transform: uppercase;
}
.pdfg-app .pdfg-collapse-all {
padding: 3px 1px;
background: transparent;
border: 0;
color: var(--pdfg-blue-dark);
font-size: 11px;
font-weight: 700;
}
.pdfg-app .pdfg-collapse-all:hover {
color: var(--pdfg-navy);
text-decoration: underline;
} .pdfg-app .pdfg-section {
--pdfg-section-accent: var(--pdfg-blue);
--pdfg-section-tint: #edf2ff;
--pdfg-section-dark: #202e50;
margin: 0 0 10px;
background: var(--pdfg-surface);
border: 1px solid var(--pdfg-border);
border-radius: var(--pdfg-radius);
box-shadow: 0 1px 3px rgba(21, 33, 80, .045);
overflow: clip;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.pdfg-app .pdfg-section:hover {
border-color: #bbc7dc;
box-shadow: 0 4px 13px rgba(21, 33, 80, .075);
}
.pdfg-app .pdfg-card-browser-launch {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
width: 100%;
min-height: 50px;
margin: 0 0 10px;
padding: 9px 13px;
background: #eef3ff;
border: 1px solid #b8c8ef;
border-left: 4px solid var(--pdfg-blue);
border-radius: var(--pdfg-radius);
box-shadow: 0 2px 8px rgba(30, 61, 149, .08);
color: var(--pdfg-blue-dark);
text-align: left;
}
.pdfg-app .pdfg-card-browser-launch > span:first-child { position: relative; display: grid; place-items: center; width: 28px; height: 28px; background: var(--pdfg-blue); border-radius: 50%; color: #fff; }
.pdfg-app .pdfg-card-browser-icon::before { content: ""; width: 9px; height: 9px; border: 2px solid currentColor; border-radius: 50%; transform: translate(-1px, -1px); }
.pdfg-app .pdfg-card-browser-icon::after { content: ""; position: absolute; width: 7px; height: 2px; background: currentColor; border-radius: 2px; transform: translate(5px, 5px) rotate(45deg); transform-origin: left center; }
.pdfg-app .pdfg-card-browser-launch strong { font-size: 13px; font-weight: 850; }
.pdfg-app .pdfg-card-browser-launch > span:last-child { font-size: 22px; line-height: 1; }
.pdfg-app .pdfg-card-browser-launch:hover,
.pdfg-app .pdfg-card-browser-launch:focus-visible { background: #e4ecff; border-color: #8ca7e8; color: var(--pdfg-blue-dark) !important; transform: translateY(-1px); }
.pdfg-app .pdfg-card-browser-launch:hover strong,
.pdfg-app .pdfg-card-browser-launch:focus-visible strong { color: var(--pdfg-blue-dark) !important; }
html.wp-dark-mode-active .pdfg-app .pdfg-card-browser-launch,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-browser-launch,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-browser-launch { background: #202e50 !important; border-color: #526b9f !important; border-left-color: #75a0ff !important; color: #f4f7ff !important; }
html.wp-dark-mode-active .pdfg-app .pdfg-card-browser-launch:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-browser-launch:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-browser-launch:hover { background: #273962 !important; }
.pdfg-app .pdfg-section--mint {
--pdfg-section-accent: #148c74;
--pdfg-section-tint: #eaf8f4;
--pdfg-section-dark: #183c35;
}
.pdfg-app .pdfg-section--amber {
--pdfg-section-accent: #b8780b;
--pdfg-section-tint: #fff7e5;
--pdfg-section-dark: #3e3218;
}
.pdfg-app .pdfg-section--violet {
--pdfg-section-accent: #7250bd;
--pdfg-section-tint: #f3effc;
--pdfg-section-dark: #302843;
}
.pdfg-app .pdfg-section--rose,
.pdfg-app .pdfg-section--pink {
--pdfg-section-accent: #b84e76;
--pdfg-section-tint: #fff0f5;
--pdfg-section-dark: #3b2430;
}
.pdfg-app .pdfg-section--blue {
--pdfg-section-accent: #2f5bd8;
--pdfg-section-tint: #edf2ff;
--pdfg-section-dark: #202e50;
}
.pdfg-app .pdfg-section--lime {
--pdfg-section-accent: #5b8a1d;
--pdfg-section-tint: #f2f8e7;
--pdfg-section-dark: #2a351c;
}
.pdfg-app .pdfg-section--orange {
--pdfg-section-accent: #c46720;
--pdfg-section-tint: #fff3ea;
--pdfg-section-dark: #3e281b;
}
.pdfg-app .pdfg-section--cyan {
--pdfg-section-accent: #168396;
--pdfg-section-tint: #eaf8fa;
--pdfg-section-dark: #19363b;
}
.pdfg-app .pdfg-section--slate {
--pdfg-section-accent: #53647e;
--pdfg-section-tint: #f0f3f7;
--pdfg-section-dark: #27303d;
}
.pdfg-app .pdfg-section--purple {
--pdfg-section-accent: #6947b8;
--pdfg-section-tint: #f3effc;
--pdfg-section-dark: #302641;
}
.pdfg-app .pdfg-section--green {
--pdfg-section-accent: #18734b;
--pdfg-section-tint: #eaf8f1;
--pdfg-section-dark: #1d3529;
}
.pdfg-app .pdfg-section__toggle {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
align-items: center;
gap: 8px;
width: 100%;
min-height: 44px;
padding: 10px 12px;
background: var(--pdfg-section-tint);
border: 0;
border-left: 4px solid var(--pdfg-section-accent);
color: var(--pdfg-ink);
text-align: left;
}
.pdfg-app .pdfg-section__toggle:hover {
filter: saturate(1.06) brightness(.99);
} #pdfgApp.pdfg-app .pdfg-section.is-open > .pdfg-section__toggle,
#pdfgApp.pdfg-app .pdfg-section__toggle[aria-expanded="true"] {
background: var(--pdfg-navy) !important;
background-image: none !important;
border-left-color: var(--pdfg-section-accent) !important;
}
#pdfgApp.pdfg-app .pdfg-section.is-open > .pdfg-section__toggle,
#pdfgApp.pdfg-app .pdfg-section.is-open > .pdfg-section__toggle > span,
#pdfgApp.pdfg-app .pdfg-section__toggle[aria-expanded="true"],
#pdfgApp.pdfg-app .pdfg-section__toggle[aria-expanded="true"] > span {
--wpdm-button-text-color: #fff;
--wpdm-button-hover-text-color: #fff;
color: #fff !important;
} #pdfgApp.pdfg-app .pdfg-section__toggle:hover,
#pdfgApp.pdfg-app .pdfg-section__toggle:focus-visible,
#pdfgApp.pdfg-app .pdfg-section__toggle:hover > span,
#pdfgApp.pdfg-app .pdfg-section__toggle:focus-visible > span,
#pdfgApp.pdfg-app .pdfg-section__toggle:hover > label,
#pdfgApp.pdfg-app .pdfg-section__toggle:focus-visible > label {
--wpdm-button-hover-text-color: #fff;
color: #fff !important;
}
.pdfg-app .pdfg-section__toggle > span:first-child {
min-width: 0;
color: var(--pdfg-ink);
font-size: 13px;
font-weight: 800;
}
.pdfg-app .pdfg-section__toggle > span:last-child {
color: var(--pdfg-muted);
font-size: 13px;
transition: transform .18s ease;
}
.pdfg-app .pdfg-section:not(.is-open) .pdfg-section__toggle > span:last-child {
transform: rotate(0deg);
}
.pdfg-app .pdfg-section:not(.is-open) > .pdfg-section__body {
display: none;
}
.pdfg-app .pdfg-section__body {
padding: 12px;
border-top: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-section__body > :last-child {
margin-bottom: 0;
}
.pdfg-app .pdfg-section fieldset {
min-width: 0;
margin: 13px 0;
padding: 11px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border-soft);
border-radius: 9px;
}
.pdfg-app .pdfg-section legend {
padding: 0 5px;
color: var(--pdfg-muted);
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
.pdfg-app .pdfg-section legend small {
color: var(--pdfg-faint);
font-size: 10px;
font-weight: 650;
letter-spacing: 0;
text-transform: none;
} .pdfg-app .pdfg-field {
display: grid;
gap: 5px;
min-width: 0;
margin: 0 0 11px;
color: var(--pdfg-ink);
}
.pdfg-app .pdfg-field > span,
.pdfg-app .pdfg-dimension-row label > span,
.pdfg-app .pdfg-label,
.pdfg-app .pdfg-range > span {
display: block;
color: var(--pdfg-muted);
font-size: 11px;
font-weight: 750;
line-height: 1.3;
}
.pdfg-app .pdfg-field > span small {
color: var(--pdfg-faint);
font-weight: 600;
}
.pdfg-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.pdfg-app select,
.pdfg-app textarea {
width: 100%;
max-width: none;
min-height: 38px;
margin: 0;
padding: 8px 10px;
background: #fff;
border: 1px solid #c7d1e1;
border-radius: 8px;
box-shadow: inset 0 1px 2px rgba(21, 33, 80, .035);
color: var(--pdfg-ink);
font-size: 13px;
line-height: 1.35;
transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.pdfg-app textarea {
min-height: 116px;
resize: vertical;
}
.pdfg-app select {
padding-right: 30px;
text-overflow: ellipsis;
}
.pdfg-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):hover,
.pdfg-app select:hover,
.pdfg-app textarea:hover {
border-color: #aab8cf;
}
.pdfg-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
.pdfg-app select:focus,
.pdfg-app textarea:focus {
background: #fff;
border-color: var(--pdfg-blue);
box-shadow: 0 0 0 3px rgba(47, 91, 216, .15);
outline: 0;
}
.pdfg-app input:disabled,
.pdfg-app select:disabled,
.pdfg-app textarea:disabled {
background: #edf1f6 !important;
color: #7e8aa0;
}
.pdfg-app ::placeholder {
color: #929caf;
opacity: 1;
}
.pdfg-app input[type="color"] {
width: 100%;
height: 38px;
padding: 4px;
background: #fff;
border: 1px solid #c7d1e1;
border-radius: 8px;
}
.pdfg-app input[type="checkbox"] {
flex: 0 0 auto;
width: 17px;
height: 17px;
margin: 1px 0 0;
accent-color: var(--pdfg-blue);
}
.pdfg-app input[type="range"] {
width: 100%;
margin: 3px 0;
accent-color: var(--pdfg-blue);
}
.pdfg-app .pdfg-range {
display: grid;
gap: 4px;
margin: 0 0 12px;
}
.pdfg-app .pdfg-range > span {
display: flex;
justify-content: space-between;
gap: 12px;
}
.pdfg-app .pdfg-range output,
.pdfg-app .pdfg-field output {
color: var(--pdfg-blue-dark);
font-weight: 800;
}
.pdfg-app .pdfg-rotation-control {
display: grid;
gap: 6px;
margin: 2px 0 12px;
}
.pdfg-app .pdfg-rotation-control > label {
color: var(--pdfg-muted);
font-size: 11px;
font-weight: 750;
line-height: 1.3;
}
.pdfg-app .pdfg-rotation-control > label small {
color: var(--pdfg-faint);
font-size: 10px;
font-weight: 650;
}
.pdfg-app .pdfg-rotation-control__row {
display: grid;
grid-template-columns: minmax(0, 1fr) 48px 32px;
align-items: center;
gap: 8px;
}
.pdfg-app .pdfg-rotation-control__row input[type="range"] {
min-width: 0;
margin: 0;
}
.pdfg-app .pdfg-rotation-control__row output {
min-width: 0;
padding: 4px 5px;
background: var(--pdfg-section-tint, #edf2ff);
border: 1px solid var(--pdfg-border-soft);
border-radius: 7px;
color: var(--pdfg-blue-dark);
font-size: 12px;
font-variant-numeric: tabular-nums;
font-weight: 850;
line-height: 22px;
text-align: center;
}
.pdfg-app .pdfg-rotation-reset {
display: grid;
place-items: center;
width: 32px;
height: 32px;
padding: 0;
background: #fff;
border: 1px solid #c7d1e1;
border-radius: 7px;
color: var(--pdfg-blue-dark);
font-size: 17px;
font-weight: 850;
line-height: 1;
}
.pdfg-app .pdfg-rotation-reset:hover {
background: var(--pdfg-section-tint, #edf2ff);
border-color: var(--pdfg-blue);
}
.pdfg-app .pdfg-check {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 9px 0;
color: var(--pdfg-ink);
font-size: 12px;
font-weight: 550;
line-height: 1.35;
}
.pdfg-app .pdfg-check:hover span {
color: var(--pdfg-navy);
}
.pdfg-app .pdfg-check-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px 8px;
}
.pdfg-app .pdfg-dimension-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: end;
gap: 8px;
margin: 0 0 11px;
}
.pdfg-app .pdfg-dimension-row > label {
display: grid;
gap: 5px;
min-width: 0;
}
.pdfg-app .pdfg-dimension-row > span {
padding-bottom: 10px;
color: var(--pdfg-faint);
font-weight: 800;
}
.pdfg-app .pdfg-grid-two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 11px;
margin: 12px 0;
}
.pdfg-app .pdfg-segment {
display: flex;
width: 100%;
margin: 0 0 11px;
padding: 3px;
background: #edf1f7;
border: 1px solid #d7dfeb;
border-radius: 9px;
}
.pdfg-app .pdfg-segment--wrap {
flex-wrap: wrap;
}
.pdfg-app .pdfg-segment button {
flex: 1 1 auto;
min-height: 30px;
padding: 5px 8px;
background: transparent;
border: 0;
border-radius: 6px;
color: var(--pdfg-muted);
font-size: 11px;
font-weight: 750;
line-height: 1.15;
}
.pdfg-app .pdfg-segment button:hover:not(.is-on) {
background: rgba(255, 255, 255, .65);
color: var(--pdfg-navy);
}
.pdfg-app .pdfg-segment button.is-on,
.pdfg-app .pdfg-segment button[aria-pressed="true"] {
background: #fff;
box-shadow: 0 1px 4px rgba(21, 33, 80, .14);
color: var(--pdfg-navy);
} .pdfg-app .pdfg-guide-placement {
display: flex;
align-items: stretch;
gap: 4px;
min-height: 70px;
margin-top: 5px;
padding: 5px;
background: #e9eef6;
border-color: #d5ddea;
}
.pdfg-app .pdfg-guide-placement button {
display: flex;
flex: 0 1 58px;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 0;
min-height: 58px;
padding: 5px 7px;
}
.pdfg-app .pdfg-guide-placement button.is-on {
flex: 1 1 128px;
background: #fff;
box-shadow: 0 2px 7px rgba(29, 46, 91, .14);
}
.pdfg-app .pdfg-guide-placement button strong {
display: none;
font-size: 12px;
font-weight: 820;
white-space: nowrap;
}
.pdfg-app .pdfg-guide-placement button.is-on strong {
display: block;
}
.pdfg-app .pdfg-guide-placement-icon {
--pdfg-guide-inset: 0px;
position: relative;
display: block;
flex: 0 0 38px;
width: 38px;
height: 48px;
}
.pdfg-app .pdfg-guide-placement-icon.is-center {
--pdfg-guide-inset: 4px;
}
.pdfg-app .pdfg-guide-placement-icon.is-inside {
--pdfg-guide-inset: 8px;
}
.pdfg-app .pdfg-guide-placement-icon b,
.pdfg-app .pdfg-guide-cut-icon::before {
position: absolute;
inset: 6px 8px;
background: #748197;
border-radius: 2px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
content: "";
}
.pdfg-app .pdfg-guide-placement-icon i,
.pdfg-app .pdfg-guide-cut-icon i {
position: absolute;
width: 10px;
height: 10px;
border-color: #73e94b;
border-style: solid;
border-width: 0;
}
.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(1) {
top: var(--pdfg-guide-inset);
left: var(--pdfg-guide-inset);
border-top-width: 2px;
border-left-width: 2px;
}
.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(2) {
top: var(--pdfg-guide-inset);
right: var(--pdfg-guide-inset);
border-top-width: 2px;
border-right-width: 2px;
}
.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(3) {
right: var(--pdfg-guide-inset);
bottom: var(--pdfg-guide-inset);
border-right-width: 2px;
border-bottom-width: 2px;
}
.pdfg-app .pdfg-guide-placement-icon i:nth-of-type(4) {
bottom: var(--pdfg-guide-inset);
left: var(--pdfg-guide-inset);
border-bottom-width: 2px;
border-left-width: 2px;
}
.pdfg-app .pdfg-guide-style-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 5px;
margin: 5px 0 13px;
padding: 0;
background: transparent;
border: 0;
}
.pdfg-app .pdfg-guide-style-grid button {
display: grid;
place-items: center;
min-width: 0;
min-height: 58px;
padding: 5px;
background: #edf1f7;
border: 1px solid transparent;
border-radius: 7px;
}
.pdfg-app .pdfg-guide-style-grid button:hover:not(.is-on) {
background: #e1e7f1;
border-color: #c7d2e3;
}
.pdfg-app .pdfg-guide-style-grid button.is-on {
background: var(--pdfg-blue);
border-color: var(--pdfg-blue-dark);
box-shadow: 0 2px 7px rgba(47, 91, 216, .22);
}
.pdfg-app .pdfg-guide-cut-icon {
position: relative;
display: block;
width: 38px;
height: 46px;
}
.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(1) {
top: 1px;
left: 1px;
border-top-width: 2px;
border-left-width: 2px;
}
.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(2) {
top: 1px;
right: 1px;
border-top-width: 2px;
border-right-width: 2px;
}
.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(3) {
right: 1px;
bottom: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
}
.pdfg-app .pdfg-guide-cut-icon i:nth-of-type(4) {
bottom: 1px;
left: 1px;
border-bottom-width: 2px;
border-left-width: 2px;
}
.pdfg-app .pdfg-guide-cut-icon.is-dashed i {
border-style: dashed;
}
.pdfg-app .pdfg-guide-cut-icon.is-round i {
width: 14px;
height: 14px;
}
.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(1) {
border-radius: 12px 0 0;
}
.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(2) {
border-radius: 0 12px 0 0;
}
.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(3) {
border-radius: 0 0 12px;
}
.pdfg-app .pdfg-guide-cut-icon.is-round i:nth-of-type(4) {
border-radius: 0 0 0 12px;
}
.pdfg-app .pdfg-guide-cut-icon.is-full i:first-of-type {
inset: 1px;
width: auto;
height: auto;
border: 2px solid #73e94b;
}
.pdfg-app .pdfg-guide-cut-icon.is-full.is-dashed i:first-of-type {
border-style: dashed;
}
.pdfg-app .pdfg-guide-cut-icon.is-full.is-round i:first-of-type {
border-radius: 9px;
}
.pdfg-app .pdfg-guide-cut-icon.is-full i:not(:first-of-type) {
display: none;
}
.pdfg-app .pdfg-head-switch {
position: relative;
display: block;
width: 34px;
height: 20px;
margin: 0;
}
.pdfg-app .pdfg-head-switch input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
.pdfg-app .pdfg-head-switch > span {
position: absolute;
inset: 0;
background: #aab4c5;
border-radius: 999px;
box-shadow: inset 0 1px 2px rgba(21, 33, 80, .16);
transition: background .18s ease;
}
.pdfg-app .pdfg-head-switch > span::after {
position: absolute;
top: 3px;
left: 3px;
width: 14px;
height: 14px;
background: #fff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(21, 33, 80, .3);
content: "";
transition: transform .18s ease;
}
.pdfg-app .pdfg-head-switch input:checked + span {
background: var(--pdfg-section-accent, var(--pdfg-blue));
}
.pdfg-app .pdfg-head-switch input:checked + span::after {
transform: translateX(14px);
}
.pdfg-app .pdfg-head-switch input:focus-visible + span {
outline: 3px solid rgba(47, 91, 216, .3);
outline-offset: 2px;
}
.pdfg-app .pdfg-link-btn,
.pdfg-app .pdfg-sort-dir {
display: grid;
place-items: center;
width: 38px;
height: 38px;
padding: 0;
background: #fff;
border: 1px solid #c7d1e1;
border-radius: 8px;
color: var(--pdfg-muted);
}
.pdfg-app .pdfg-link-btn.is-linked,
.pdfg-app .pdfg-sort-dir:hover {
background: var(--pdfg-blue-soft);
border-color: #9fb3ed;
color: var(--pdfg-blue-dark);
}
.pdfg-app .pdfg-help {
margin: 8px 0;
color: var(--pdfg-muted);
font-size: 11px;
line-height: 1.45;
}
.pdfg-app .pdfg-format-help,
.pdfg-app .pdfg-section details {
margin: 9px 0;
padding: 8px 9px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border-soft);
border-radius: 8px;
}
.pdfg-app .pdfg-format-help summary,
.pdfg-app .pdfg-section details summary {
color: var(--pdfg-blue-dark);
font-size: 11px;
font-weight: 750;
}
.pdfg-app .pdfg-format-help p,
.pdfg-app .pdfg-section details p {
margin: 7px 0 0;
color: var(--pdfg-muted);
font-size: 11px;
}
.pdfg-app .pdfg-format-help code {
padding: 1px 4px;
background: #e9eef8;
border-radius: 4px;
color: var(--pdfg-navy);
font-size: 10px;
} .pdfg-app .pdfg-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 37px;
margin: 0;
padding: 8px 13px;
background: #fff;
border: 1px solid #c3cede;
border-radius: 8px;
box-shadow: none;
color: var(--pdfg-ink);
font-size: 12px;
font-weight: 750;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: none;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease;
}
.pdfg-app .pdfg-btn:hover:not(:disabled) {
transform: translateY(-1px);
}
.pdfg-app .pdfg-btn:active:not(:disabled) {
transform: translateY(0);
}
.pdfg-app .pdfg-btn--block {
display: flex;
width: 100%;
}
.pdfg-app .pdfg-btn--primary {
background: linear-gradient(180deg, #3b68e0, var(--pdfg-blue-dark));
border-color: var(--pdfg-blue-dark);
box-shadow: 0 3px 9px rgba(47, 91, 216, .22);
color: #fff;
}
.pdfg-app .pdfg-btn--primary:hover:not(:disabled) {
background: linear-gradient(180deg, #4674eb, #274bb7);
box-shadow: 0 5px 13px rgba(47, 91, 216, .28);
color: #fff;
}
.pdfg-app .pdfg-btn--soft {
background: var(--pdfg-blue-soft);
border-color: #bfd0fa;
color: var(--pdfg-blue-dark);
}
.pdfg-app .pdfg-btn--soft:hover:not(:disabled) {
background: #e0e9ff;
border-color: #9eb6f1;
color: var(--pdfg-navy);
}
.pdfg-app .pdfg-btn--ghost {
background: #fff;
border-color: #cbd4e3;
color: var(--pdfg-muted);
}
.pdfg-app .pdfg-btn--ghost:hover:not(:disabled) {
background: var(--pdfg-surface-soft);
border-color: #aebbd0;
color: var(--pdfg-navy);
}
.pdfg-app .pdfg-btn--danger-ghost {
background: #fff;
border-color: #e7bbb8;
color: var(--pdfg-danger);
}
.pdfg-app .pdfg-btn--danger-ghost:hover:not(:disabled) {
background: var(--pdfg-danger-soft);
border-color: #da9792;
color: #942d2b;
}
.pdfg-app .pdfg-btn--green {
background: linear-gradient(180deg, #239865, #176e49);
border-color: #176e49;
box-shadow: 0 3px 9px rgba(24, 115, 75, .2);
color: #fff;
}
.pdfg-app .pdfg-btn--green:hover:not(:disabled) {
background: linear-gradient(180deg, #2aa672, #197b51);
color: #fff;
}
.pdfg-app .pdfg-btn--export {
min-height: 45px;
background: linear-gradient(180deg, #21845a, #146741);
border-color: #115c39;
box-shadow: 0 5px 14px rgba(24, 115, 75, .25);
color: #fff;
font-size: 14px;
}
.pdfg-app .pdfg-btn--export:hover:not(:disabled) {
background: linear-gradient(180deg, #289467, #18734b);
box-shadow: 0 7px 18px rgba(24, 115, 75, .3);
color: #fff;
}
.pdfg-app .pdfg-button-row {
display: flex;
gap: 8px;
margin: 11px 0;
}
.pdfg-app .pdfg-button-row > * {
flex: 1 1 0;
} .pdfg-app .pdfg-dropzone {
display: grid;
place-items: center;
min-height: 128px;
padding: 17px 12px;
background: linear-gradient(145deg, #fffaf0, #fff 65%);
border: 2px dashed #d6a957;
border-radius: 11px;
color: var(--pdfg-ink);
text-align: center;
transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.pdfg-app .pdfg-dropzone:hover,
.pdfg-app .pdfg-dropzone:focus-visible,
.pdfg-app .pdfg-dropzone.is-dragover {
background: #fff7e2;
border-color: #ba7911;
box-shadow: 0 0 0 4px rgba(184, 120, 11, .1);
transform: translateY(-1px);
}
.pdfg-app .pdfg-dropzone strong,
.pdfg-app .pdfg-dropzone span,
.pdfg-app .pdfg-dropzone small {
display: block;
width: 100%;
}
.pdfg-app .pdfg-dropzone strong {
color: #81530a;
font-size: 13px;
}
.pdfg-app .pdfg-dropzone span {
margin-top: 3px;
color: var(--pdfg-muted);
font-size: 11px;
}
.pdfg-app .pdfg-dropzone small {
margin-top: 6px;
color: var(--pdfg-faint);
font-size: 10px;
}
.pdfg-app .pdfg-upload-source-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
.pdfg-app .pdfg-upload-source-actions .pdfg-btn { min-height: 34px; padding: 6px 8px; font-size: 9px; }
.pdfg-app .pdfg-search-row {
display: flex;
align-items: stretch;
gap: 7px;
min-width: 0;
}
.pdfg-app .pdfg-search-row input {
min-width: 0;
flex: 1 1 auto;
}
.pdfg-app .pdfg-search-row .pdfg-btn {
flex: 0 0 auto;
}
.pdfg-app .pdfg-mini-results {
display: grid;
gap: 7px;
max-height: 360px;
margin: 9px 0;
overflow-y: auto;
}
.pdfg-app .pdfg-mini-card,
.pdfg-app .pdfg-mini-result {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
align-items: center;
gap: 8px;
width: 100%;
min-width: 0;
padding: 7px;
background: #fff !important;
border: 1px solid var(--pdfg-border-soft);
border-radius: 8px;
color: var(--pdfg-ink) !important;
text-align: left;
}
.pdfg-app .pdfg-mini-card img,
.pdfg-app .pdfg-mini-result img {
display: block;
width: 44px;
height: 61px;
background: #e9edf4;
border-radius: 4px;
object-fit: cover;
}
.pdfg-app .pdfg-mini-card strong,
.pdfg-app .pdfg-mini-result strong,
.pdfg-app .pdfg-mini-card > span,
.pdfg-app .pdfg-mini-result > span {
display: block;
min-width: 0;
overflow: hidden;
color: var(--pdfg-ink) !important;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-mini-card small,
.pdfg-app .pdfg-mini-result small {
color: var(--pdfg-muted);
font-size: 10px;
}
.pdfg-app .pdfg-pager {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
margin-top: 12px;
}
.pdfg-app .pdfg-pager button {
min-width: 34px;
min-height: 32px;
padding: 5px 8px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-radius: 7px;
color: var(--pdfg-navy);
font-size: 11px;
font-weight: 750;
}
.pdfg-app .pdfg-pager button:hover:not(:disabled) {
background: var(--pdfg-blue-soft);
border-color: #9eb6ee;
} .pdfg-app .pdfg-filter-pills {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.pdfg-app .pdfg-filter-pills button {
display: grid;
place-items: center;
min-width: 29px;
height: 29px;
padding: 3px 7px;
background: #fff;
border: 1px solid #cbd4e2;
border-radius: 7px;
color: var(--pdfg-muted);
font-size: 11px;
font-weight: 800;
}
.pdfg-app .pdfg-filter-pills button:hover,
.pdfg-app .pdfg-filter-pills button.is-on,
.pdfg-app .pdfg-filter-pills button[aria-pressed="true"] {
background: var(--pdfg-navy);
border-color: var(--pdfg-navy);
color: #fff;
}
.pdfg-app .pdfg-filter-pills--mana button[data-value="W"] {
background-color: #fff9d8;
color: #655a21;
}
.pdfg-app .pdfg-filter-pills--mana button[data-value="U"] {
background-color: #dceeff;
color: #24537b;
}
.pdfg-app .pdfg-filter-pills--mana button[data-value="B"] {
background-color: #4a4650;
color: #fff;
}
.pdfg-app .pdfg-filter-pills--mana button[data-value="R"] {
background-color: #ffe1d7;
color: #8b392c;
}
.pdfg-app .pdfg-filter-pills--mana button[data-value="G"] {
background-color: #dff1df;
color: #2f6636;
}
.pdfg-app .pdfg-filter-pills--mana button[data-value="C"] {
background-color: #edf0f4;
color: #596273;
}
.pdfg-app .pdfg-filter-pills--mana button.is-on,
.pdfg-app .pdfg-filter-pills--mana button[aria-pressed="true"] {
border-color: var(--pdfg-blue);
box-shadow: 0 0 0 2px rgba(47, 91, 216, .22), inset 0 0 0 1px #fff;
} .pdfg-app .pdfg-premium-note {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 37px;
margin: -3px 0 11px;
padding: 8px 10px;
background: #e2aa25;
background-image: none;
border: 1px solid #f3cb64;
border-radius: 8px;
box-shadow: 0 3px 9px rgba(134, 88, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .35);
color: #2e2105;
font-size: 11px;
font-weight: 800;
text-align: center;
}
.pdfg-app .pdfg-premium-note:hover {
background: #f0bd3d;
border-color: #ffd96f;
}
.pdfg-app .pdfg-premium-actions .pdfg-btn--primary {
background: #e2aa25;
background-image: none;
border-color: #f3cb64;
color: #2e2105;
}
.pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
background: #f0bd3d;
border-color: #ffd96f;
color: #201600;
}
html.wp-dark-mode-active .pdfg-app .pdfg-section__toggle,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-section__toggle,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-section__toggle {
background: var(--pdfg-section-dark) !important;
background-image: none !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-section__toggle > span:first-child,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-section__toggle > span:first-child,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-section__toggle > span:first-child {
color: #f1f5ff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-section__toggle > span:last-child,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-section__toggle > span:last-child,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-section__toggle > span:last-child {
color: #c6d0e3 !important;
} html.wp-dark-mode-active .pdfg-app .pdfg-segment,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment {
background: #202a3a !important;
background-image: none !important;
border-color: #3c4b64 !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-segment button,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button {
background: transparent !important;
background-image: none !important;
border-color: transparent !important;
box-shadow: none !important;
color: #d2dbea !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-segment button:hover:not(.is-on),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button:hover:not(.is-on),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button:hover:not(.is-on) {
background: #293750 !important;
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-segment button.is-on,
html.wp-dark-mode-active .pdfg-app .pdfg-segment button[aria-pressed="true"],
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button.is-on,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-segment button[aria-pressed="true"],
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button.is-on,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-segment button[aria-pressed="true"] {
background: #315fcd !important;
background-image: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .28) !important;
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-guide-style-grid,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-guide-style-grid,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-guide-style-grid {
background: transparent !important;
border-color: transparent !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-guide-style-grid button:not(.is-on),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-guide-style-grid button:not(.is-on),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-guide-style-grid button:not(.is-on) {
background: #253149 !important;
border-color: #3b4b68 !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-premium-note,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-note,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-note,
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary {
background: #e2aa25 !important;
background-image: none !important;
border-color: #f3cb64 !important;
color: #2e2105 !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-premium-note:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-note:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-note:hover,
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
background: #f0bd3d !important;
background-image: none !important;
border-color: #ffd96f !important;
color: #201600 !important;
}
.pdfg-app option:disabled {
color: #8c7851;
}
.pdfg-app .pdfg-dpi-estimate {
margin-top: 10px;
padding: 8px 9px;
background: var(--pdfg-success-soft);
border: 1px solid #bee2cf;
border-radius: 8px;
color: #2d674d;
font-size: 10px;
line-height: 1.4;
}
.pdfg-app .pdfg-disclaimer {
padding: 8px 4px 20px;
color: #77849a;
font-size: 10px;
line-height: 1.45;
text-align: center;
} .pdfg-app .pdfg-workspace {
position: relative;
display: grid;
grid-template-rows: auto minmax(390px, 1fr);
min-width: 0;
min-height: 0;
height: 100%;
background: #dfe6f0;
overflow: hidden;
}
.pdfg-app .pdfg-workbar {
position: relative;
z-index: 12;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
min-height: 53px;
padding: 8px 15px;
background: rgba(255, 255, 255, .96);
border-bottom: 1px solid var(--pdfg-border);
box-shadow: 0 2px 8px rgba(21, 33, 80, .06);
backdrop-filter: blur(12px);
}
.pdfg-app .pdfg-workbar > div:first-child {
display: flex;
align-items: center;
gap: 10px;
}
.pdfg-app .pdfg-workbar .pdfg-workbar__heading {
display: flex;
align-items: center;
gap: 10px;
}
.pdfg-app .pdfg-workbar__heading > div {
display: grid;
gap: 1px;
}
.pdfg-app .pdfg-workbar__cardback {
min-height: 32px;
padding: 6px 11px;
background: #304eb0;
border: 1px solid #28439b;
border-radius: 7px;
box-shadow: 0 2px 5px rgba(21, 33, 80, .16);
color: #fff;
font-size: 10px;
font-weight: 850;
white-space: nowrap;
}
.pdfg-app .pdfg-workbar__cardback:hover {
background: #263f97;
}
.pdfg-app .pdfg-workbar strong {
color: var(--pdfg-navy);
font-size: 13px;
font-weight: 850;
}
.pdfg-app .pdfg-workbar span {
color: var(--pdfg-muted);
font-size: 10px;
}
.pdfg-app .pdfg-workbar__actions {
display: flex;
align-items: center;
gap: 4px;
padding: 3px;
background: #edf1f7;
border: 1px solid #d6deeb;
border-radius: 9px;
}
.pdfg-app .pdfg-workbar__actions .pdfg-sheet-drag-hint {
padding: 0 7px;
color: var(--pdfg-muted);
font-size: 10px;
font-weight: 700;
white-space: nowrap;
}
.pdfg-app .pdfg-workbar__actions .pdfg-workbar__text {
width: auto;
padding-inline: 9px;
font-size: 10px;
white-space: nowrap;
}
.pdfg-app .pdfg-workbar__actions .pdfg-workbar__remove {
color: var(--pdfg-danger);
}
.pdfg-app .pdfg-workbar__actions .pdfg-workbar__divider {
width: 1px;
height: 19px;
margin: 0 2px;
background: #cbd4e3;
}
.pdfg-app .pdfg-workbar__actions button {
display: grid;
place-items: center;
min-width: 31px;
height: 29px;
padding: 3px 7px;
background: transparent;
border: 0;
border-radius: 6px;
color: var(--pdfg-navy);
font-size: 12px;
font-weight: 800;
}
.pdfg-app .pdfg-workbar__actions button:hover {
background: #fff;
box-shadow: 0 1px 4px rgba(21, 33, 80, .12);
}
.pdfg-app .pdfg-workbar__actions output {
min-width: 45px;
color: var(--pdfg-muted);
font-size: 10px;
font-weight: 750;
text-align: center;
}
.pdfg-app .pdfg-workspace__scroll {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 0;
padding: 32px;
background-color: #dfe6f0;
background-image: radial-gradient(rgba(90, 107, 137, .18) .7px, transparent .7px);
background-size: 14px 14px;
overflow: auto; overscroll-behavior-x: contain;
overscroll-behavior-y: auto;
scrollbar-color: #aab8cd transparent;
scrollbar-width: thin;
}
.pdfg-app .pdfg-empty {
display: grid;
place-items: center;
max-width: 580px;
min-height: 430px;
margin: max(4vh, 30px) auto;
padding: 52px 42px;
background: rgba(255, 255, 255, .88);
border: 1px solid rgba(193, 204, 221, .9);
border-radius: 20px;
box-shadow: var(--pdfg-shadow-md);
text-align: center;
backdrop-filter: blur(8px);
}
.pdfg-app .pdfg-empty__mark {
display: grid;
place-items: center;
width: 92px;
height: 126px;
margin-bottom: 20px;
background:
linear-gradient(150deg, rgba(255, 255, 255, .16), transparent 45%),
linear-gradient(145deg, #2b438f, var(--pdfg-navy-dark));
border: 5px solid #111936;
border-radius: 11px;
box-shadow: 0 12px 28px rgba(21, 33, 80, .25), inset 0 0 0 2px rgba(255, 255, 255, .13);
color: #fff;
font-family: Georgia, serif;
font-size: 20px;
font-weight: 800;
letter-spacing: .08em;
}
.pdfg-app .pdfg-empty h2 {
margin: 0 0 8px;
color: var(--pdfg-navy);
font-size: clamp(20px, 2vw, 28px);
font-weight: 850;
letter-spacing: -.025em;
}
.pdfg-app .pdfg-empty p {
max-width: 450px;
margin: 0 auto 20px;
color: var(--pdfg-muted);
font-size: 13px;
}
.pdfg-app .pdfg-empty__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.pdfg-app .pdfg-pages {
display: flex;
flex-direction: column;
align-items: center;
gap: 34px;
width: max-content;
min-width: 100%;
min-height: 100%;
margin: 0 auto;
} .pdfg-app .pdfg-sheet-wrap,
.pdfg-app .pdfg-page-wrap,
.pdfg-app .pdfg-page {
position: relative;
display: grid;
justify-items: center;
gap: 8px;
}
.pdfg-app .pdfg-sheet__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.pdfg-app .pdfg-sheet__label,
.pdfg-app .pdfg-page__label,
.pdfg-app .pdfg-page-label {
padding: 5px 10px;
background: rgba(21, 33, 80, .82);
border-radius: 999px;
color: #fff;
font-size: 10px;
font-weight: 750;
letter-spacing: .02em;
}
.pdfg-app .pdfg-page-jump {
display: inline-flex;
align-items: center;
gap: 5px;
min-height: 26px;
margin: 0;
padding: 4px 8px 4px 10px;
background: #fff;
border: 1px solid #b8c5dc;
border-radius: 999px;
box-shadow: 0 2px 6px rgba(21, 33, 80, .1);
color: #4f5d77;
cursor: pointer;
font: inherit;
font-size: 9px;
font-weight: 700;
line-height: 1;
text-transform: none;
white-space: nowrap;
}
.pdfg-app .pdfg-page-jump strong {
color: var(--pdfg-navy);
font-size: 10px;
font-weight: 850;
}
.pdfg-app .pdfg-page-jump__arrow {
color: var(--pdfg-blue);
font-size: 10px;
transition: transform .15s ease;
}
.pdfg-app .pdfg-page-jump:hover,
.pdfg-app .pdfg-page-jump:focus-visible,
.pdfg-app .pdfg-page-jump[aria-expanded="true"] {
background: var(--pdfg-blue-soft);
border-color: #7794ea;
box-shadow: 0 0 0 2px rgba(47, 91, 216, .14), 0 3px 8px rgba(21, 33, 80, .12);
outline: 0;
}
.pdfg-app .pdfg-page-jump[aria-expanded="true"] .pdfg-page-jump__arrow {
transform: rotate(180deg);
}
.pdfg-page-nav-popover,
.pdfg-page-nav-preview {
position: fixed;
z-index: 100070;
background: #fff;
border: 1px solid #c8d3e5;
box-shadow: 0 18px 46px rgba(9, 18, 48, .26);
color: #1f2945;
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.pdfg-page-nav-popover[hidden],
.pdfg-page-nav-preview[hidden] {
display: none !important;
}
.pdfg-page-nav-popover {
width: min(210px, calc(100vw - 20px));
padding: 6px;
border-radius: 12px;
}
.pdfg-page-nav-popover__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 2px 3px 5px;
border-bottom: 1px solid #e4e9f2;
}
.pdfg-page-nav-popover__head strong {
font-size: 12px;
font-weight: 850;
}
.pdfg-page-nav-popover__head span {
color: #6b768d;
font-size: 9px;
font-weight: 750;
}
.pdfg-page-nav-popover__list {
display: grid;
gap: 2px;
max-height: min(330px, calc(100vh - 100px));
margin-top: 4px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-color: #b7c2d6 transparent;
scrollbar-width: thin;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-option {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
width: 100%;
min-height: 24px !important;
margin: 0;
padding: 3px 7px !important;
background: #f7f9fc !important;
border: 1px solid transparent !important;
border-radius: 8px !important;
box-shadow: none !important;
color: #26324f !important;
cursor: pointer;
font: inherit !important;
line-height: 1 !important;
text-align: left;
text-transform: none !important;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-option strong {
font-size: 10px;
font-weight: 850;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-option span {
color: #6b768d;
font-size: 8px;
font-weight: 650;
}
.pdfg-page-nav-popover__pager {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 5px;
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #e4e9f2;
}
.pdfg-page-nav-popover__pager[hidden] {
display: none !important;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button {
min-height: 23px !important;
margin: 0;
padding: 3px 6px !important;
background: #f4f7fb !important;
border: 1px solid #cbd5e4 !important;
border-radius: 6px !important;
box-shadow: none !important;
color: #31405e !important;
cursor: pointer;
font: 750 8px/1 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
text-transform: none !important;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:last-child {
justify-self: end;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:hover:not(:disabled),
body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:focus-visible {
background: #edf2ff !important;
border-color: #7794ea !important;
color: #1c3b9b !important;
outline: 0;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button:disabled {
cursor: default;
opacity: .42;
}
.pdfg-page-nav-popover__pager > span {
color: #66738a;
font-size: 8px;
font-weight: 800;
white-space: nowrap;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-option:hover,
body.mtgcb-pdf-generator-page .pdfg-page-nav-option:focus-visible {
background: #edf2ff !important;
border-color: #9bb0ee !important;
color: #1c3b9b !important;
outline: 0;
}
body.mtgcb-pdf-generator-page .pdfg-page-nav-option[aria-selected="true"] {
background: #e9efff !important;
border-color: #2f5bd8 !important;
box-shadow: inset 0 0 0 1px #2f5bd8 !important;
color: #173891 !important;
}
.pdfg-page-nav-preview {
width: 212px;
padding: 12px;
border-radius: 10px;
pointer-events: none;
}
.pdfg-page-nav-preview > strong,
.pdfg-page-nav-preview > span {
display: block;
text-align: center;
}
.pdfg-page-nav-preview > strong {
margin-bottom: 8px;
font-size: 12px;
font-weight: 850;
}
.pdfg-page-nav-preview > span {
margin: 1px 0 6px;
color: #6b768d;
font-size: 8px;
font-weight: 700;
}
.pdfg-page-nav-preview__sheet {
position: relative;
width: 176px;
max-height: 248px;
margin: 0 auto;
background: #fff;
border: 1px solid #b9c4d6;
box-shadow: 0 3px 8px rgba(21, 33, 80, .16);
overflow: hidden;
}
.pdfg-page-nav-preview__card {
position: absolute;
display: block;
background: #29334a;
border: 1px solid rgba(18, 28, 54, .25);
border-radius: 5%;
overflow: hidden;
transform-origin: center;
}
.pdfg-page-nav-preview__card.is-empty {
background: #f2f5fa;
border: 1px dashed #c6d0df;
}
.pdfg-page-nav-preview__card img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
}
@keyframes pdfg-page-jump-highlight {
0%, 100% { box-shadow: 0 8px 28px rgba(21, 33, 80, .24), 0 0 0 1px rgba(77, 91, 119, .18); }
35% { box-shadow: 0 10px 34px rgba(47, 91, 216, .35), 0 0 0 4px rgba(47, 91, 216, .5); }
}
.pdfg-app .pdfg-page.is-page-jump-target .pdfg-sheet {
animation: pdfg-page-jump-highlight .85s ease;
}
html.wp-dark-mode-active .pdfg-page-nav-popover,
html.wp-dark-mode-active .pdfg-page-nav-preview,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover,
html[data-wp-dark-mode-active] .pdfg-page-nav-preview,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover,
.darkmysite_dark_mode_enabled .pdfg-page-nav-preview {
background: #20283a;
border-color: #46516a;
color: #f3f6ff;
}
html.wp-dark-mode-active .pdfg-page-nav-popover__head,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover__head,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover__head,
html.wp-dark-mode-active .pdfg-page-nav-popover__pager,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover__pager,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover__pager {
border-color: #46516a;
}
html.wp-dark-mode-active body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button,
html[data-wp-dark-mode-active] body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button,
.darkmysite_dark_mode_enabled body.mtgcb-pdf-generator-page .pdfg-page-nav-popover__pager button {
background: #293248 !important;
border-color: #52617d !important;
color: #eef3ff !important;
}
html.wp-dark-mode-active .pdfg-page-nav-option,
html[data-wp-dark-mode-active] .pdfg-page-nav-option,
.darkmysite_dark_mode_enabled .pdfg-page-nav-option {
background: #293248;
color: #f2f5ff;
}
html.wp-dark-mode-active .pdfg-page-nav-option:hover,
html.wp-dark-mode-active .pdfg-page-nav-option:focus-visible,
html.wp-dark-mode-active .pdfg-page-nav-option[aria-selected="true"],
html[data-wp-dark-mode-active] .pdfg-page-nav-option:hover,
html[data-wp-dark-mode-active] .pdfg-page-nav-option:focus-visible,
html[data-wp-dark-mode-active] .pdfg-page-nav-option[aria-selected="true"],
.darkmysite_dark_mode_enabled .pdfg-page-nav-option:hover,
.darkmysite_dark_mode_enabled .pdfg-page-nav-option:focus-visible,
.darkmysite_dark_mode_enabled .pdfg-page-nav-option[aria-selected="true"] {
background: #334575;
border-color: #7da0ff;
color: #fff;
}
html.wp-dark-mode-active .pdfg-page-nav-popover :is(.pdfg-page-nav-popover__head span, .pdfg-page-nav-option span),
html.wp-dark-mode-active .pdfg-page-nav-preview > span,
html[data-wp-dark-mode-active] .pdfg-page-nav-popover :is(.pdfg-page-nav-popover__head span, .pdfg-page-nav-option span),
html[data-wp-dark-mode-active] .pdfg-page-nav-preview > span,
.darkmysite_dark_mode_enabled .pdfg-page-nav-popover :is(.pdfg-page-nav-popover__head span, .pdfg-page-nav-option span),
.darkmysite_dark_mode_enabled .pdfg-page-nav-preview > span {
color: #bdc7da;
}
.pdfg-app .pdfg-sheet,
.pdfg-app .pdfg-page-sheet {
position: relative;
flex: 0 0 auto;
background: #fff;
box-shadow: 0 8px 28px rgba(21, 33, 80, .24), 0 0 0 1px rgba(77, 91, 119, .18);
overflow: hidden;
transform-origin: center;
}
.pdfg-app .pdfg-sheet::after,
.pdfg-app .pdfg-page-sheet::after {
position: absolute;
inset: 0;
z-index: 20;
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(16, 23, 52, .08);
content: "";
}
.pdfg-app .pdfg-card-slot,
.pdfg-app .pdfg-sheet-card,
.pdfg-app .pdfg-preview-card {
position: absolute;
background: #20283c;
border-radius: 3.8%;
box-shadow: 0 1px 3px rgba(10, 16, 38, .18);
overflow: hidden;
transform-origin: center;
}
@keyframes pdfg-card-flip-out {
from { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(0deg); }
to { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(var(--pdfg-flip-out-angle, 90deg)); }
}
@keyframes pdfg-card-flip-in {
from { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(var(--pdfg-flip-in-angle, -90deg)); }
to { transform: rotate(var(--pdfg-slot-rotation, 0deg)) rotateY(0deg); }
}
.pdfg-app .pdfg-card-slot.is-flipping-out {
z-index: 23;
animation: pdfg-card-flip-out .14s ease-in forwards;
pointer-events: none;
will-change: transform;
}
.pdfg-app .pdfg-card-slot.is-flipping-in {
z-index: 23;
animation: pdfg-card-flip-in .14s ease-out both;
pointer-events: none;
will-change: transform;
}
.pdfg-app .pdfg-card-slot:not(.is-test-slot) {
cursor: pointer;
}
.pdfg-app .pdfg-card-slot.is-draggable {
cursor: grab;
touch-action: none;
}
.pdfg-app .pdfg-card-slot.is-draggable:active,
.pdfg-app .pdfg-card-slot.is-dragging {
cursor: grabbing;
}
.pdfg-app .pdfg-card-slot.is-dragging {
opacity: .34;
}
.pdfg-app .pdfg-card-slot.is-drop-target {
z-index: 22;
box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--pdfg-blue), 0 10px 24px rgba(18, 36, 92, .32);
}
.pdfg-app .pdfg-card-slot.is-drop-target::after {
position: absolute;
inset: 7px;
z-index: 25;
display: grid;
place-items: center;
background: rgba(47, 91, 216, .72);
border: 2px dashed #fff;
border-radius: 7px;
color: #fff;
content: "Move here";
font-size: 11px;
font-weight: 850;
pointer-events: none;
}
.pdfg-sheet-drag-ghost {
position: fixed !important;
z-index: 100030;
margin: 0 !important;
overflow: hidden;
transform: none !important;
transform-origin: center;
background: #20283c;
border: 3px solid #7da0ff;
border-radius: 8px;
box-shadow: 0 18px 45px rgba(9, 17, 46, .5);
opacity: .92;
pointer-events: none;
}
.pdfg-sheet-drag-ghost img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pdfg-app .pdfg-card-slot.is-selected {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--pdfg-blue), 0 3px 12px rgba(10, 16, 38, .32);
}
.pdfg-app .pdfg-card-slot.is-empty-card-slot {
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
padding: 10px;
background: rgba(239, 244, 255, .82);
border: 2px dashed #7890c2;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
color: #29499c;
text-align: center;
transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible {
z-index: 22;
background: #2f5bd8;
border-color: #fff;
box-shadow: 0 0 0 3px rgba(47, 91, 216, .3), 0 8px 22px rgba(18, 36, 92, .28);
color: #fff;
outline: 0;
transform: scale(1.025);
}
.pdfg-app .pdfg-empty-card-slot__icon {
position: relative;
display: grid;
place-items: center;
width: 34px;
height: 34px;
background: #2f5bd8;
border-radius: 50%;
font-size: 0;
}
.pdfg-app .pdfg-empty-card-slot__icon::before,
.pdfg-app .pdfg-empty-card-slot__icon::after {
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height: 2px;
background: #fff;
border-radius: 2px;
content: "";
transform: translate(-50%, -50%);
}
.pdfg-app .pdfg-empty-card-slot__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover .pdfg-empty-card-slot__icon,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible .pdfg-empty-card-slot__icon { background: #fff; }
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover .pdfg-empty-card-slot__icon::before,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:hover .pdfg-empty-card-slot__icon::after,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible .pdfg-empty-card-slot__icon::before,
.pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible .pdfg-empty-card-slot__icon::after { background: #2f5bd8; }
.pdfg-app .pdfg-card-slot.is-empty-card-slot strong { color: inherit; font-size: 12px; line-height: 1.1; }
.pdfg-app .pdfg-card-slot.is-empty-card-slot small { color: inherit; font-size: 9px; line-height: 1.2; opacity: .78; }
html.wp-dark-mode-active .pdfg-app .pdfg-card-slot.is-empty-card-slot,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-slot.is-empty-card-slot,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-slot.is-empty-card-slot {
background: rgba(27, 38, 61, .88);
border-color: #6682bc;
color: #b9ceff;
}
html.wp-dark-mode-active .pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
html.wp-dark-mode-active .pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-slot.is-empty-card-slot:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-slot.is-empty-card-slot:focus-visible {
background: #355fae;
border-color: #fff;
color: #fff;
}
.pdfg-app .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot__flip {
position: absolute;
top: 5px;
z-index: 24;
height: 25px;
margin: 0;
opacity: 0;
transition: opacity .14s ease, transform .14s ease, background .14s ease;
}
.pdfg-app .pdfg-card-slot__select {
left: 5px;
width: 25px;
accent-color: var(--pdfg-blue);
filter: drop-shadow(0 1px 2px rgba(5, 12, 34, .55));
}
.pdfg-app .pdfg-card-slot__flip {
right: 5px;
width: 25px;
display: grid;
place-items: center;
padding: 0;
background: rgba(255, 255, 255, .94);
border: 1px solid rgba(31, 45, 81, .28);
border-radius: 6px;
box-shadow: 0 2px 5px rgba(5, 12, 34, .28);
color: var(--pdfg-navy);
font-size: 16px;
font-weight: 850;
line-height: 1;
}
.pdfg-app .pdfg-card-slot__center-actions {
left: 50%;
display: flex;
gap: 5px;
transform: translateX(-50%);
}
.pdfg-app .pdfg-card-slot__remove,
.pdfg-app .pdfg-card-slot__bleed {
display: grid;
place-items: center;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
background: rgba(255, 255, 255, .94);
border: 1px solid rgba(31, 45, 81, .28);
border-radius: 6px;
box-shadow: 0 2px 5px rgba(5, 12, 34, .28);
line-height: 1;
transition: color .14s ease, background .14s ease, border-color .14s ease, transform .14s ease;
}
.pdfg-app .pdfg-card-slot__remove {
color: #b53d3d;
font-size: 18px;
font-weight: 850;
}
.pdfg-app .pdfg-card-slot__bleed {
color: var(--pdfg-blue-dark);
}
.pdfg-app .pdfg-card-slot__bleed svg,
.pdfg-card-bleed-popover svg {
display: block;
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
vector-effect: non-scaling-stroke;
}
.pdfg-app .pdfg-card-slot__bleed.is-active {
background: var(--pdfg-blue);
border-color: #fff;
box-shadow: 0 0 0 2px rgba(47, 91, 216, .38), 0 2px 5px rgba(5, 12, 34, .3);
color: #fff;
}
.pdfg-app .pdfg-card-slot:hover .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot:hover .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot:hover .pdfg-card-slot__flip,
.pdfg-app .pdfg-card-slot:focus-within .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot:focus-within .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot:focus-within .pdfg-card-slot__flip,
.pdfg-app .pdfg-card-slot.is-selected .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot.has-bleed-override .pdfg-card-slot__center-actions {
opacity: 1;
}
.pdfg-app .pdfg-card-slot__remove:hover {
background: #fff2f1;
border-color: #dc7770;
transform: scale(1.06);
}
.pdfg-app .pdfg-card-slot__bleed:hover {
background: #eaf0ff;
border-color: #7291ee;
color: var(--pdfg-blue-dark);
transform: scale(1.06);
}
.pdfg-app .pdfg-card-slot__bleed.is-active:hover {
background: var(--pdfg-blue-dark);
color: #fff;
}
.pdfg-app .pdfg-card-slot__flip:hover {
background: #fff;
transform: rotate(180deg);
}
.pdfg-app .pdfg-card-slot__face {
position: absolute;
right: 5px;
bottom: 5px;
z-index: 23;
padding: 2px 5px;
background: rgba(12, 20, 48, .82);
border-radius: 4px;
color: #fff;
font-size: 8px;
font-weight: 800;
letter-spacing: .04em;
pointer-events: none;
text-transform: uppercase;
}
.pdfg-app .pdfg-card-slot__art {
position: absolute;
inset: 0;
display: block;
overflow: hidden;
pointer-events: none;
}
.pdfg-app .pdfg-card-slot__art img {
position: absolute;
inset: 0;
right: auto;
bottom: auto;
}
.pdfg-app .pdfg-card-slot.has-black-bleed {
background: #000;
}
.pdfg-app .pdfg-card-slot.has-transparent-bleed {
background: transparent;
box-shadow: inset 0 0 0 1px rgba(47, 91, 216, .38), 0 1px 3px rgba(10, 16, 38, .18);
}
.pdfg-card-bleed-popover {
position: fixed;
z-index: 100060;
width: min(320px, calc(100vw - 20px));
padding: 12px;
background: #fff;
border: 1px solid #cbd5e1;
border-radius: 13px;
box-shadow: 0 18px 46px rgba(9, 18, 48, .28);
color: #1f2945;
font-family: inherit;
}
.pdfg-card-bleed-popover[hidden] {
display: none !important;
}
.pdfg-card-bleed-popover__head,
.pdfg-card-bleed-popover__head > div,
.pdfg-card-bleed-popover__amount,
.pdfg-card-bleed-popover__amount > span:last-child {
display: flex;
align-items: center;
}
.pdfg-card-bleed-popover__head {
justify-content: space-between;
margin-bottom: 2px;
}
.pdfg-card-bleed-popover__head > div {
gap: 7px;
font-size: 15px;
}
.pdfg-card-bleed-popover__head > div > svg {
width: 18px;
height: 18px;
color: #2f5bd8;
}
.pdfg-card-bleed-popover__head > button {
display: grid;
place-items: center;
width: 28px;
height: 28px;
padding: 0;
background: #eef2f8;
border: 0;
border-radius: 7px;
color: #58647d;
font-size: 18px;
line-height: 1;
}
.pdfg-card-bleed-popover__target {
margin: 0 0 10px;
overflow: hidden;
color: #6b768d;
font-size: 11px;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-card-bleed-popover__amount {
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
}
.pdfg-card-bleed-popover__amount > span:last-child {
gap: 5px;
}
.pdfg-card-bleed-popover__amount input {
width: 78px;
height: 34px;
margin: 0;
padding: 5px 8px;
background: #fff;
border: 1px solid #b9c5dc;
border-radius: 7px;
color: #162044;
font: inherit;
}
.pdfg-card-bleed-popover__amount b {
color: #68738a;
font-size: 11px;
}
.pdfg-card-bleed-popover__options {
display: grid;
gap: 6px;
}
.pdfg-card-bleed-popover__options > button {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
align-items: center;
gap: 9px;
width: 100%;
min-height: 51px;
padding: 7px 9px;
background: #f7f9fc;
border: 1px solid #dbe2ef;
border-radius: 9px;
color: #26324f;
text-align: left;
}
.pdfg-card-bleed-popover__options > button:hover {
background: #edf2ff;
border-color: #9bb0ee;
color: #1c3b9b;
}
.pdfg-card-bleed-popover__options > button.is-selected {
background: #e9efff;
border-color: #2f5bd8;
box-shadow: inset 0 0 0 1px #2f5bd8;
color: #173891;
}
.pdfg-card-bleed-popover__options strong,
.pdfg-card-bleed-popover__options small {
display: block;
}
.pdfg-card-bleed-popover__options strong {
font-size: 12px;
line-height: 1.3;
}
.pdfg-card-bleed-popover__options small {
margin-top: 2px;
color: #6b768d;
font-size: 10px;
font-weight: 600;
line-height: 1.25;
}
.pdfg-card-bleed-choice__icon {
display: grid;
place-items: center;
width: 32px;
height: 32px;
background: #fff;
border: 1px solid #cfd8e8;
border-radius: 7px;
color: #2f5bd8;
}
.pdfg-card-bleed-choice__icon.is-black {
background: #111;
border-color: #111;
color: #fff;
}
.pdfg-card-bleed-choice__icon.is-transparent {
background-color: #fff;
background-image: linear-gradient(45deg, #dbe1ec 25%, transparent 25%), linear-gradient(-45deg, #dbe1ec 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dbe1ec 75%), linear-gradient(-45deg, transparent 75%, #dbe1ec 75%);
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
background-size: 10px 10px;
}
.pdfg-card-bleed-choice__icon.is-remove {
color: #b33e45;
}
.pdfg-card-bleed-popover__reset {
width: 100%;
margin-top: 9px;
padding: 8px 10px;
background: transparent;
border: 1px solid #cfd8e8;
border-radius: 8px;
color: #4f5d77;
font-size: 11px;
font-weight: 800;
}
.pdfg-card-bleed-popover__reset:hover,
.pdfg-card-bleed-popover__reset.is-selected {
background: #29385d;
border-color: #29385d;
color: #fff;
}
html.wp-dark-mode-active .pdfg-card-bleed-popover,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover {
background: #20283a;
border-color: #46516a;
color: #f3f6ff;
}
html.wp-dark-mode-active .pdfg-card-bleed-popover__head > button,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__head > button,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__head > button,
html.wp-dark-mode-active .pdfg-card-bleed-popover__options > button,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__options > button,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__options > button {
background: #293248;
border-color: #46516a;
color: #f2f5ff;
}
html.wp-dark-mode-active .pdfg-card-bleed-popover__options > button:hover,
html.wp-dark-mode-active .pdfg-card-bleed-popover__options > button.is-selected,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__options > button:hover,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__options > button.is-selected,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__options > button:hover,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__options > button.is-selected {
background: #334575;
border-color: #7da0ff;
color: #fff;
}
html.wp-dark-mode-active .pdfg-card-bleed-popover__amount input,
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover__amount input,
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover__amount input {
background: #161d2c;
border-color: #52617d;
color: #fff;
}
html.wp-dark-mode-active .pdfg-card-bleed-popover :is(.pdfg-card-bleed-popover__target, .pdfg-card-bleed-popover__amount b, .pdfg-card-bleed-popover__options small),
html[data-wp-dark-mode-active] .pdfg-card-bleed-popover :is(.pdfg-card-bleed-popover__target, .pdfg-card-bleed-popover__amount b, .pdfg-card-bleed-popover__options small),
.darkmysite_dark_mode_enabled .pdfg-card-bleed-popover :is(.pdfg-card-bleed-popover__target, .pdfg-card-bleed-popover__amount b, .pdfg-card-bleed-popover__options small) {
color: #bdc7da;
}
.pdfg-app .pdfg-sheet__guides {
pointer-events: none;
}
.pdfg-app .pdfg-card-slot.is-disabled,
.pdfg-app .pdfg-sheet-card.is-disabled,
.pdfg-app .pdfg-preview-card.is-disabled {
background: repeating-linear-gradient(135deg, #edf0f5 0 7px, #dde3ec 7px 14px);
border: 1px dashed #a7b1c1;
box-shadow: none;
}
.pdfg-app .pdfg-card-slot img,
.pdfg-app .pdfg-sheet-card img,
.pdfg-app .pdfg-preview-card img,
.pdfg-app .pdfg-card-image {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
object-fit: cover;
user-select: none;
-webkit-user-drag: none;
}
.pdfg-app .pdfg-card-slot.is-test-slot {
display: grid;
place-items: center;
border: 1px dashed #8591a9;
border-radius: 2px;
background: repeating-linear-gradient(135deg, #f8faff, #f8faff 8px, #eef2f8 8px, #eef2f8 16px);
box-shadow: none;
color: #53617a;
font-size: 10px;
font-weight: 800;
text-align: center;
}
.pdfg-app .pdfg-card-slot.is-test-slot strong,
.pdfg-app .pdfg-card-slot.is-test-slot span {
display: block;
}
.pdfg-app .pdfg-card-slot.is-test-slot strong {
color: var(--pdfg-navy);
font-size: 10px;
}
.pdfg-app .pdfg-card-slot.is-test-slot i {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
border: 1px solid currentColor;
border-radius: 50%;
transform: translate(-50%, -50%);
opacity: .42;
}
.pdfg-app .pdfg-card-slot.is-test-slot i::before,
.pdfg-app .pdfg-card-slot.is-test-slot i::after {
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
content: "";
transform: translate(-50%, -50%);
}
.pdfg-app .pdfg-card-slot.is-test-slot i::before { width: 28px; height: 1px; }
.pdfg-app .pdfg-card-slot.is-test-slot i::after { width: 1px; height: 28px; }
.pdfg-app .pdfg-card-slot__number,
.pdfg-app .pdfg-slot-number {
position: absolute;
top: 3px;
left: 3px;
z-index: 3;
display: grid;
place-items: center;
min-width: 17px;
height: 17px;
padding: 0 4px;
background: rgba(21, 33, 80, .82);
border-radius: 99px;
color: #fff;
font-size: 8px;
font-weight: 800;
}
.pdfg-app .pdfg-guide-layer,
.pdfg-app .pdfg-registration-layer {
position: absolute;
inset: 0;
z-index: 12;
pointer-events: none;
}
.pdfg-app .pdfg-loading-card,
.pdfg-app .pdfg-card-placeholder {
position: relative;
background: linear-gradient(100deg, #dce2eb 25%, #edf1f6 38%, #dce2eb 55%);
background-size: 200% 100%;
animation: pdfg-shimmer 1.35s linear infinite;
}
@keyframes pdfg-shimmer {
to { background-position-x: -200%; }
} .pdfg-app .pdfg-cardtray-section {
position: relative;
z-index: 10;
width: 100%;
max-width: 100%;
min-width: 0;
padding: 11px 14px 13px;
background: rgba(255, 255, 255, .98);
border-top: 1px solid var(--pdfg-border);
box-shadow: 0 -5px 16px rgba(21, 33, 80, .07);
}
.pdfg-app .pdfg-cardtray-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
min-width: 0;
margin-bottom: 9px;
}
.pdfg-app .pdfg-cardtray-head h2 {
margin: 0;
color: var(--pdfg-navy);
font-size: 13px;
font-weight: 850;
}
.pdfg-app .pdfg-cardtray-head p {
margin: 2px 0 0;
color: var(--pdfg-muted);
font-size: 10px;
}
.pdfg-app .pdfg-cardtray-head > div:last-child {
display: flex;
gap: 6px;
}
.pdfg-app .pdfg-cardtray-head .pdfg-btn {
min-height: 31px;
padding: 5px 9px;
font-size: 10px;
}
.pdfg-app .pdfg-cardtray {
display: flex;
gap: 9px;
width: 100%;
max-width: 100%;
min-width: 0;
max-height: 184px;
padding: 1px 1px 7px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: #b7c2d6 transparent;
scrollbar-width: thin;
}
.pdfg-app .pdfg-cardtray-card,
.pdfg-app .pdfg-card-tile,
.pdfg-app .pdfg-tray-card {
position: relative;
display: grid;
grid-template-columns: 67px minmax(96px, 1fr);
grid-template-rows: 1fr auto;
flex: 0 0 205px;
gap: 7px 9px;
min-height: 128px;
padding: 7px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-radius: 10px;
box-shadow: 0 2px 6px rgba(21, 33, 80, .07);
cursor: grab;
user-select: none;
transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, opacity .15s ease;
}
.pdfg-app .pdfg-cardtray-card > input[type="checkbox"] {
position: absolute;
top: 10px;
left: 10px;
z-index: 4;
width: 16px;
height: 16px;
margin: 0;
accent-color: var(--pdfg-blue);
}
.pdfg-app .pdfg-cardtray-card:hover,
.pdfg-app .pdfg-card-tile:hover,
.pdfg-app .pdfg-tray-card:hover {
border-color: #aebcda;
box-shadow: 0 6px 16px rgba(21, 33, 80, .13);
transform: translateY(-1px);
}
.pdfg-app .pdfg-cardtray-card.is-selected,
.pdfg-app .pdfg-card-tile.is-selected,
.pdfg-app .pdfg-tray-card.is-selected {
border-color: var(--pdfg-blue);
box-shadow: 0 0 0 2px rgba(47, 91, 216, .18), 0 6px 16px rgba(21, 33, 80, .12);
}
.pdfg-app .pdfg-cardtray-card.is-dragging,
.pdfg-app .pdfg-card-tile.is-dragging,
.pdfg-app .pdfg-tray-card.is-dragging {
cursor: grabbing;
opacity: .5;
transform: scale(.98);
}
.pdfg-app .pdfg-cardtray-card img,
.pdfg-app .pdfg-card-tile img,
.pdfg-app .pdfg-tray-card img,
.pdfg-app .pdfg-tray-thumb {
display: block;
grid-column: 1;
grid-row: 1 / span 2;
width: 67px;
height: 94px;
max-width: none;
background: #e8ecf3;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(21, 33, 80, .2);
object-fit: cover;
}
.pdfg-app .pdfg-cardtray-card__info {
display: block;
grid-column: 2;
grid-row: 1;
align-self: start;
min-width: 0;
padding: 1px 25px 0 0;
}
.pdfg-app .pdfg-cardtray-card__info strong {
display: -webkit-box;
margin: 0 0 4px;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--pdfg-ink) !important;
font-size: 11px;
font-weight: 800;
line-height: 1.25;
overflow-wrap: anywhere;
}
.pdfg-app .pdfg-cardtray-card__info span {
display: block;
overflow: hidden;
color: var(--pdfg-muted) !important;
font-size: 9px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-cardtray-card__flip {
position: absolute;
left: 49px;
bottom: 31px;
z-index: 4;
display: grid;
place-items: center;
width: 22px;
height: 22px;
padding: 0;
background: rgba(255, 255, 255, .94);
border: 1px solid #c7d1e2;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(10, 18, 42, .24);
color: var(--pdfg-navy);
font-size: 13px;
line-height: 1;
}
.pdfg-app .pdfg-cardtray-card h3,
.pdfg-app .pdfg-card-tile h3,
.pdfg-app .pdfg-tray-card h3,
.pdfg-app .pdfg-tray-name {
display: -webkit-box;
margin: 2px 0 3px;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--pdfg-ink);
font-size: 11px;
font-weight: 800;
line-height: 1.25;
}
.pdfg-app .pdfg-card-meta,
.pdfg-app .pdfg-tray-meta {
color: var(--pdfg-muted);
font-size: 9px;
line-height: 1.3;
}
.pdfg-app .pdfg-quantity,
.pdfg-app .pdfg-qty {
display: flex;
grid-column: 2;
grid-row: 2;
align-items: center;
align-self: end;
gap: 3px;
width: 100%;
min-width: 0;
padding: 2px;
background: #edf1f7;
border-radius: 7px;
}
.pdfg-app .pdfg-quantity button,
.pdfg-app .pdfg-qty button {
display: grid;
place-items: center;
width: 25px;
height: 25px;
padding: 0;
background: #fff;
border: 1px solid #d3dbe8;
border-radius: 5px;
color: var(--pdfg-navy);
font-weight: 800;
}
.pdfg-app .pdfg-quantity output,
.pdfg-app .pdfg-qty output,
.pdfg-app .pdfg-quantity-value {
min-width: 25px;
color: var(--pdfg-ink);
font-size: 10px;
font-weight: 800;
text-align: center;
}
.pdfg-app .pdfg-quantity input,
.pdfg-app .pdfg-qty input {
flex: 1 1 38px;
width: 38px;
min-width: 32px;
height: 25px;
margin: 0;
padding: 0 3px;
background: #fff;
border: 1px solid #d3dbe8;
border-radius: 5px;
color: var(--pdfg-ink);
font-size: 10px;
font-weight: 800;
line-height: 25px;
text-align: center;
}
.pdfg-app .pdfg-card-remove,
.pdfg-app .pdfg-tray-remove,
.pdfg-app .pdfg-cardtray-card__remove {
position: absolute;
top: 5px;
right: 5px;
display: grid;
place-items: center;
width: 25px;
height: 25px;
padding: 0;
background: rgba(255, 255, 255, .92);
border: 1px solid #e4b6b3;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(21, 33, 80, .12);
color: var(--pdfg-danger);
font-size: 15px;
line-height: 1;
} .pdfg-app .pdfg-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: grid;
place-items: center;
padding: 24px;
}
.pdfg-app .pdfg-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(9, 16, 43, .7);
backdrop-filter: blur(5px);
}
.pdfg-app .pdfg-modal__dialog {
position: relative;
z-index: 1;
width: min(100%, 560px);
max-height: min(88vh, 900px);
padding: 25px;
background: #fff;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: var(--pdfg-radius-lg);
box-shadow: var(--pdfg-shadow-lg);
overflow: auto;
animation: pdfg-modal-in .18s ease-out;
}
.pdfg-app .pdfg-modal--wide .pdfg-modal__dialog {
width: min(100%, 920px);
}
.pdfg-app .pdfg-modal__dialog > h2 {
margin: 0 42px 7px 0;
color: var(--pdfg-navy);
font-size: 23px;
font-weight: 850;
letter-spacing: -.02em;
}
.pdfg-app .pdfg-modal__dialog > p {
margin: 0 42px 20px 0;
color: var(--pdfg-muted);
font-size: 12px;
}
.pdfg-app .pdfg-modal__close {
position: absolute;
top: 16px;
right: 16px;
z-index: 4;
display: grid;
place-items: center;
width: 34px;
height: 34px;
padding: 0 0 2px;
background: #f0f3f8;
border: 1px solid #dce3ed;
border-radius: 50%;
color: var(--pdfg-muted);
font-size: 23px;
font-weight: 400;
line-height: 1;
}
.pdfg-app .pdfg-modal__close:hover {
background: var(--pdfg-danger-soft);
border-color: #e8bbb8;
color: var(--pdfg-danger);
}
.pdfg-app .pdfg-modal__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-source-chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 9px 0 14px;
}
.pdfg-app .pdfg-source-chips span {
padding: 5px 8px;
background: var(--pdfg-blue-soft);
border: 1px solid #cbd7fa;
border-radius: 999px;
color: var(--pdfg-navy);
font-size: 10px;
font-weight: 750;
}
.pdfg-app .pdfg-modal-options {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px 16px;
margin-top: 14px;
padding: 12px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border-soft);
border-radius: 10px;
}
.pdfg-app .pdfg-search-results {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
gap: 12px;
max-height: 56vh;
margin-top: 17px;
padding: 2px;
overflow-y: auto;
}
.pdfg-app .pdfg-search-card,
.pdfg-app .pdfg-scryfall-card {
position: relative;
display: grid;
align-content: start;
gap: 7px;
min-width: 0;
padding: 8px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-radius: 10px;
box-shadow: 0 2px 6px rgba(21, 33, 80, .06);
text-align: left;
}
.pdfg-app .pdfg-search-card:hover,
.pdfg-app .pdfg-scryfall-card:hover {
border-color: #9db0d5;
box-shadow: 0 7px 17px rgba(21, 33, 80, .13);
}
.pdfg-app .pdfg-search-card img,
.pdfg-app .pdfg-scryfall-card img {
display: block;
width: 100%;
aspect-ratio: 63 / 88;
background: #e8ecf3;
border-radius: 6px;
object-fit: cover;
}
.pdfg-app .pdfg-search-card strong,
.pdfg-app .pdfg-scryfall-card strong {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--pdfg-ink);
font-size: 11px;
line-height: 1.25;
}
.pdfg-app .pdfg-search-card small,
.pdfg-app .pdfg-scryfall-card small {
color: var(--pdfg-muted);
font-size: 9px;
}
.pdfg-app .pdfg-search-card .pdfg-btn,
.pdfg-app .pdfg-scryfall-card .pdfg-btn {
min-height: 31px;
padding: 5px 8px;
font-size: 10px;
}
.pdfg-app .pdfg-align-layout {
display: grid;
grid-template-columns: minmax(320px, 1.2fr) minmax(270px, .8fr);
gap: 22px;
margin-top: 18px;
}
.pdfg-app .pdfg-alignment-dialog {
width: min(100%, 1120px);
}
.pdfg-app .pdfg-alignment-note {
margin-top: 11px;
padding: 10px 12px;
background: #fff9e8;
border: 1px solid #ecd38d;
border-radius: 9px;
color: #70541a;
font-size: 11px;
line-height: 1.45;
}
.pdfg-app .pdfg-alignment-footer {
position: sticky;
bottom: -25px;
z-index: 8;
margin: 16px -25px -25px;
padding: 8px 25px 14px;
background: rgba(255, 255, 255, .98);
border-top: 1px solid var(--pdfg-border);
box-shadow: 0 -8px 18px rgba(21, 33, 80, .08);
}
.pdfg-app .pdfg-alignment-footer .pdfg-check { margin: 2px 0 7px; }
.pdfg-app .pdfg-alignment-footer .pdfg-modal__actions { margin-top: 0; padding-top: 8px; }
.pdfg-app .pdfg-alignment-grid {
display: grid;
grid-template-columns: repeat(var(--pdfg-align-cols, 3), minmax(48px, 1fr));
gap: 7px;
padding: 13px;
background: #e5eaf2;
border: 1px solid var(--pdfg-border);
border-radius: 12px;
}
.pdfg-app .pdfg-alignment-slot,
.pdfg-app .pdfg-align-slot {
position: relative;
display: grid;
place-items: center;
min-height: 92px;
padding: 6px;
background: #fff;
border: 2px solid #bdc9dc;
border-radius: 7px;
color: var(--pdfg-muted);
font-size: 10px;
font-weight: 800;
text-align: center;
}
.pdfg-app .pdfg-alignment-slot__card {
display: grid;
place-items: center;
width: min(54%, 54px);
aspect-ratio: 63 / 88;
padding: 7px 3px;
background: #20283c;
border: 1px solid #64718d;
border-radius: 6px;
box-shadow: 0 3px 8px rgba(20, 31, 65, .2);
color: #fff;
transition: transform .12s ease;
}
.pdfg-app .pdfg-alignment-slot__card strong { font-size: 18px; }
.pdfg-app .pdfg-alignment-slot__card small { color: #bac4d8; font-size: 9px; }
.pdfg-app .pdfg-alignment-slot__offset {
position: absolute;
top: 5px;
right: 5px;
max-width: calc(100% - 10px);
padding: 2px 4px;
background: #d68f1f;
border-radius: 99px;
color: #fff;
font-size: 7px;
font-style: normal;
line-height: 1;
opacity: 0;
white-space: nowrap;
}
.pdfg-app .pdfg-alignment-slot.has-offset .pdfg-alignment-slot__offset { opacity: 1; }
.pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
.pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]) {
background: var(--pdfg-navy);
border-color: var(--pdfg-blue);
color: #fff !important;
}
.pdfg-app .pdfg-alignment-slot.is-selected,
.pdfg-app .pdfg-align-slot.is-selected,
.pdfg-app .pdfg-alignment-slot[aria-selected="true"],
.pdfg-app .pdfg-align-slot[aria-selected="true"] {
background: var(--pdfg-blue-soft);
border-color: var(--pdfg-blue);
box-shadow: 0 0 0 2px rgba(47, 91, 216, .16);
color: var(--pdfg-navy);
}
.pdfg-app .pdfg-alignment-slot.is-disabled,
.pdfg-app .pdfg-align-slot.is-disabled {
background: repeating-linear-gradient(135deg, #edf0f5 0 7px, #dde3ec 7px 14px);
border-color: #a5afbf;
color: #6d7789;
text-decoration: line-through;
}
.pdfg-app .pdfg-alignment-slot.is-disabled .pdfg-alignment-slot__card { opacity: .38; }
.pdfg-app .pdfg-align-controls {
padding: 15px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border);
border-radius: 12px;
}
.pdfg-app .pdfg-align-controls > h3 {
margin: 0 0 3px;
color: var(--pdfg-navy);
font-size: 13px;
}
.pdfg-app .pdfg-align-controls > p {
margin: 5px 0 14px;
color: var(--pdfg-muted);
font-size: 11px;
}
.pdfg-app .pdfg-align-slot-usage {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 12px 0 4px;
padding: 10px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-radius: 8px;
}
.pdfg-app .pdfg-align-slot-usage > div { display: grid; gap: 2px; }
.pdfg-app .pdfg-align-slot-usage strong { color: var(--pdfg-navy); font-size: 11px; text-transform: uppercase; }
.pdfg-app .pdfg-align-slot-usage span,
.pdfg-app .pdfg-align-slot-usage b { color: var(--pdfg-muted); font-size: 9px; }
.pdfg-app .pdfg-align-slot-usage b { white-space: nowrap; }
.pdfg-app .pdfg-alignment-selection {
display: grid;
gap: 3px;
min-height: 52px;
margin: 12px 0;
padding: 10px;
background: var(--pdfg-blue-soft);
border-left: 3px solid var(--pdfg-blue);
border-radius: 7px;
color: var(--pdfg-muted);
font-size: 10px;
}
.pdfg-app .pdfg-alignment-selection strong { color: var(--pdfg-navy); font-size: 13px; }
.pdfg-app .pdfg-alignment-adjustments { display: grid; gap: 12px; }
.pdfg-app .pdfg-alignment-range {
display: grid;
grid-template-columns: minmax(0, 1fr) 66px;
align-items: center;
gap: 5px 9px;
}
.pdfg-app .pdfg-alignment-range > span { color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-alignment-range > input[type="number"] {
grid-column: 2;
grid-row: 1;
height: 29px;
padding: 4px 6px;
font-size: 10px;
text-align: right;
}
.pdfg-app .pdfg-alignment-range > input[type="range"] {
grid-column: 1 / -1;
grid-row: 2;
}
.pdfg-app .pdfg-premium-dialog {
width: min(100%, 620px);
padding: 26px;
background:
radial-gradient(circle at 100% 0, rgba(248, 205, 91, .2), transparent 36%),
linear-gradient(155deg, #fff 64%, #fffaf0);
}
.pdfg-app .pdfg-premium-heading {
display: flex;
align-items: center;
gap: 14px;
padding-right: 42px;
}
.pdfg-app .pdfg-premium-lock {
display: grid;
place-items: center;
flex: 0 0 52px;
width: 52px;
height: 52px;
background: linear-gradient(145deg, #fff8da, #f1bd42);
border: 1px solid #dda923;
border-radius: 15px;
box-shadow: 0 8px 18px rgba(217, 155, 23, .22);
color: #815600;
font-size: 25px;
}
.pdfg-app .pdfg-premium-lock > span {
line-height: 1;
}
.pdfg-app .pdfg-premium-eyebrow {
display: block;
margin-bottom: 2px;
color: #9a6500;
font-size: 10px;
font-weight: 850;
letter-spacing: .09em;
text-transform: uppercase;
}
.pdfg-app .pdfg-premium-heading h2 {
margin: 0;
color: var(--pdfg-navy);
font-size: 23px;
font-weight: 850;
letter-spacing: -.02em;
}
.pdfg-app .pdfg-premium-lead {
margin: 15px 0 16px;
color: var(--pdfg-muted);
font-size: 12px;
line-height: 1.55;
}
.pdfg-app .pdfg-premium-export {
display: grid;
grid-template-columns: 42px minmax(0, 1fr) auto;
align-items: center;
gap: 11px;
padding: 12px;
background: linear-gradient(100deg, #fff8df, #fffdf7);
border: 1px solid #ead39a;
border-radius: 12px;
}
.pdfg-app .pdfg-premium-export__mark {
display: grid;
place-items: center;
width: 42px;
height: 42px;
background: #fff;
border: 1px solid #e2c77d;
border-radius: 10px;
color: #a66c00;
font-size: 10px;
font-weight: 900;
letter-spacing: .04em;
}
.pdfg-app .pdfg-premium-export > div {
display: grid;
gap: 2px;
}
.pdfg-app .pdfg-premium-export strong,
.pdfg-app .pdfg-premium-benefits strong {
color: var(--pdfg-ink);
font-size: 11px;
font-weight: 800;
}
.pdfg-app .pdfg-premium-export > div > span,
.pdfg-app .pdfg-premium-benefits small {
color: var(--pdfg-muted);
font-size: 9.5px;
line-height: 1.35;
}
.pdfg-app .pdfg-premium-export > b {
padding: 5px 8px;
background: #f5c952;
border-radius: 99px;
color: #654400;
font-size: 9px;
font-weight: 900;
white-space: nowrap;
}
.pdfg-app .pdfg-premium-subtitle {
margin: 17px 0 8px;
color: var(--pdfg-navy);
font-size: 12px;
font-weight: 850;
}
.pdfg-app .pdfg-premium-benefits {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.pdfg-app .pdfg-premium-benefits li {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
align-items: start;
gap: 7px;
min-width: 0;
padding: 8px;
background: rgba(255, 255, 255, .76);
border: 1px solid var(--pdfg-border-soft);
border-radius: 9px;
}
.pdfg-app .pdfg-premium-benefits i {
display: grid;
place-items: center;
width: 20px;
height: 20px;
background: var(--pdfg-success-soft);
border-radius: 50%;
color: var(--pdfg-success);
font-size: 10px;
font-style: normal;
font-weight: 900;
}
.pdfg-app .pdfg-premium-benefits li > span {
display: grid;
gap: 1px;
min-width: 0;
}
.pdfg-app .pdfg-premium-support {
margin: 10px 0 0;
color: var(--pdfg-muted);
font-size: 9.5px;
line-height: 1.4;
}
.pdfg-app .pdfg-premium-actions {
margin-top: 14px;
padding-top: 13px;
}
.pdfg-app .pdfg-modal--progress .pdfg-modal__dialog {
width: min(100%, 460px);
text-align: center;
}
.pdfg-app .pdfg-modal--progress .pdfg-modal__dialog > h2,
.pdfg-app .pdfg-modal--progress .pdfg-modal__dialog > p {
margin-right: 0;
}
.pdfg-app .pdfg-modal--progress progress {
display: block;
width: 100%;
height: 16px;
margin: 18px 0;
accent-color: var(--pdfg-blue);
}
@keyframes pdfg-modal-in {
from { opacity: 0; transform: translateY(10px) scale(.985); }
to { opacity: 1; transform: translateY(0) scale(1); }
} .pdfg-app .pdfg-drop-overlay {
position: fixed;
inset: 16px;
z-index: 100010;
display: grid;
place-items: center;
background: rgba(20, 34, 84, .9);
border: 3px dashed rgba(255, 255, 255, .72);
border-radius: 22px;
box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .05), var(--pdfg-shadow-lg);
color: #fff;
font-size: clamp(18px, 3vw, 30px);
font-weight: 850;
text-align: center;
pointer-events: none;
backdrop-filter: blur(8px);
}
.pdfg-app .pdfg-drop-overlay > div {
padding: 24px;
}
.pdfg-app .pdfg-toasts {
position: fixed;
top: 20px;
right: 20px;
z-index: 100020;
display: grid;
gap: 9px;
width: min(390px, calc(100vw - 32px));
pointer-events: none;
}
.pdfg-app .pdfg-toast {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 24px;
align-items: start;
gap: 9px;
padding: 12px 13px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-left: 4px solid var(--pdfg-blue);
border-radius: 10px;
box-shadow: var(--pdfg-shadow-md);
color: var(--pdfg-ink);
font-size: 12px;
pointer-events: auto;
animation: pdfg-toast-in .2s ease-out;
}
.pdfg-app .pdfg-toast--success {
border-left-color: var(--pdfg-success);
}
.pdfg-app .pdfg-toast--error,
.pdfg-app .pdfg-toast--danger {
border-left-color: var(--pdfg-danger);
}
.pdfg-app .pdfg-toast--warning {
border-left-color: var(--pdfg-gold);
}
.pdfg-app .pdfg-toast__close {
display: grid;
place-items: center;
width: 24px;
height: 24px;
padding: 0;
background: transparent;
border: 0;
border-radius: 5px;
color: var(--pdfg-muted);
font-size: 18px;
line-height: 1;
}
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-card > span,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-result > span,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-cardtray-card__info strong {
color: var(--darkmysite_dark_mode_text_color, #c8c4bd) !important;
}
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-card,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-mini-result {
background: var(--darkmysite_dark_mode_secondary_bg, #202324) !important;
border-color: var(--darkmysite_dark_mode_border_color, #4a4a4a) !important;
}
.pdfg-app .pdfg-toast__close:hover {
background: #edf1f6;
color: var(--pdfg-ink);
} .pdfg-app .pdfg-modal--card-editor {
padding: 16px;
}
.pdfg-app .pdfg-card-editor {
position: relative;
z-index: 1;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
width: min(1780px, calc(100vw - 32px));
max-width: none;
height: min(1040px, calc(100vh - 32px));
max-height: none;
padding: 0;
background: #f4f6fa;
border: 1px solid #8793a9;
border-radius: 15px;
box-shadow: 0 28px 90px rgba(4, 10, 30, .48);
overflow: hidden;
}
.pdfg-app .pdfg-card-editor__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 58px;
padding: 9px 14px 9px 18px;
background: #354057;
border-bottom: 1px solid rgba(255, 255, 255, .24);
color: #fff;
}
.pdfg-app .pdfg-card-editor__header h2 {
margin: 0;
color: #fff;
font-size: 17px;
font-weight: 800;
}
.pdfg-app .pdfg-card-editor__header span {
display: block;
margin-top: 1px;
color: #c9d1df;
font-size: 10px;
}
.pdfg-app .pdfg-card-editor__nav {
display: flex;
align-items: center;
gap: 5px;
}
.pdfg-app .pdfg-card-editor__nav button {
display: grid;
place-items: center;
width: 34px;
height: 34px;
padding: 0;
background: rgba(255, 255, 255, .08);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 7px;
color: #fff;
font-size: 24px;
line-height: 1;
}
.pdfg-app .pdfg-card-editor__nav button:hover {
background: rgba(255, 255, 255, .16);
}
.pdfg-app .pdfg-card-editor__body {
display: grid;
grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
min-width: 0;
min-height: 0;
}
.pdfg-app .pdfg-card-editor__summary {
min-width: 0;
min-height: 0;
padding: 22px;
background: #1f293b;
color: #eef3ff;
overflow: auto;
}
.pdfg-app .pdfg-card-editor__hero {
position: relative;
width: min(100%, 280px);
margin: 0 auto 20px;
aspect-ratio: 63 / 88;
background: #111827;
border: 1px solid #4a556c;
border-radius: 13px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .32);
overflow: hidden;
}
.pdfg-app .pdfg-card-editor__hero img,
.pdfg-app .pdfg-card-editor__settings-preview img {
display: block;
width: 100%;
height: 100%;
max-width: none;
background: #111827;
object-fit: contain;
}
.pdfg-app .pdfg-card-editor__hero > span {
position: absolute;
top: 9px;
right: 9px;
padding: 4px 7px;
background: rgba(10, 18, 42, .82);
border-radius: 5px;
color: #fff;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
}
.pdfg-app .pdfg-card-editor__details h3 {
margin: 0 0 4px;
color: #fff;
font-size: 20px;
font-weight: 850;
}
.pdfg-app .pdfg-card-editor__details > p {
margin: 0 0 12px;
color: #b8c1d1;
font-size: 11px;
}
.pdfg-app .pdfg-card-editor__details h4 {
margin: 18px 0 7px;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, .12);
color: #e8edf7;
font-size: 10px;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
}
.pdfg-app .pdfg-card-editor__chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.pdfg-app .pdfg-card-editor__chips span {
padding: 4px 8px;
background: #39455c;
border: 1px solid #4a5872;
border-radius: 999px;
color: #e4eaf6;
font-size: 10px;
font-weight: 700;
}
.pdfg-app .pdfg-card-editor__oracle {
padding: 12px;
background: #111827;
border-radius: 9px;
color: #dbe3f1 !important;
font-size: 11px !important;
line-height: 1.55;
white-space: pre-line;
}
.pdfg-app .pdfg-card-editor__main {
display: grid;
grid-template-rows: auto auto minmax(0, 1fr);
min-width: 0;
min-height: 0;
background: #f1f4f8;
}
.pdfg-app .pdfg-card-editor__faces {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 11px 12px;
background: #1f293b;
}
.pdfg-app .pdfg-card-editor__faces button {
min-width: 0;
padding: 9px 12px;
background: #354057;
border: 1px solid transparent;
border-radius: 8px;
color: #dce3ee;
font-weight: 800;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-card-editor__faces button.is-active {
background: #4c5b75;
border-color: #74829b;
color: #fff;
}
.pdfg-app .pdfg-card-editor__toolbar {
display: flex;
align-items: center;
gap: 12px 18px;
min-width: 0;
padding: 8px 12px;
background: #354057;
border-bottom: 1px solid #556177;
color: #fff;
}
.pdfg-app .pdfg-card-editor__toolbar .pdfg-check span {
color: #eef2f8;
font-size: 11px;
}
.pdfg-app .pdfg-card-editor__panel-tabs,
.pdfg-app .pdfg-card-editor__sources {
display: flex;
align-items: center;
gap: 3px;
padding: 3px;
background: #1f293b;
border-radius: 8px;
}
.pdfg-app .pdfg-card-editor__panel-tabs button,
.pdfg-app .pdfg-card-editor__sources button {
padding: 7px 11px;
background: transparent;
border: 0;
border-radius: 6px;
color: #d7deea;
font-size: 11px;
font-weight: 750;
}
.pdfg-app .pdfg-card-editor__panel-tabs button.is-active,
.pdfg-app .pdfg-card-editor__sources button.is-active {
background: #4d5a71;
box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
color: #fff;
}
.pdfg-app .pdfg-card-editor__panel {
min-width: 0;
min-height: 0;
padding: 10px 12px 12px;
overflow: auto;
}
.pdfg-app .pdfg-editor-browser-launch {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
padding: 16px;
background: #e8efff;
border: 1px solid #a9bff2;
border-left: 4px solid var(--pdfg-blue);
border-radius: 10px;
}
.pdfg-app .pdfg-editor-browser-launch > div { display: grid; gap: 4px; }
.pdfg-app .pdfg-editor-browser-launch strong { color: var(--pdfg-navy); font-size: 13px; }
.pdfg-app .pdfg-editor-browser-launch span { color: var(--pdfg-muted); font-size: 10px; line-height: 1.45; }
.pdfg-app .pdfg-editor-browser-launch .pdfg-btn { min-width: 150px; }
.pdfg-app #pdfgEditorArtworkPanel {
display: grid;
grid-template-rows: auto minmax(210px, 1fr) auto;
gap: 8px;
} .pdfg-app .pdfg-card-editor__panel[hidden] { display: none !important; }
.pdfg-app .pdfg-card-editor__sourcebar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.pdfg-app .pdfg-card-editor__upload-shortcut { display: flex; flex: 0 0 auto; gap: 6px; }
.pdfg-app .pdfg-card-editor__upload-shortcut .pdfg-btn { min-height: 36px; }
.pdfg-app .pdfg-editor-library-mount,
.pdfg-app .pdfg-editor-project-workspace {
min-width: 0;
min-height: 0;
}
.pdfg-app .pdfg-editor-library-mount {
display: flex;
overflow: hidden;
background: var(--pdfg-surface);
border: 1px solid var(--pdfg-border);
border-radius: 10px;
}
.pdfg-app .pdfg-editor-project-workspace {
display: grid;
grid-template-rows: auto auto minmax(210px, 1fr) auto;
gap: 8px;
}
.pdfg-app .pdfg-card-editor__filters {
display: grid;
grid-template-columns: minmax(180px, 1fr) 72px 92px 122px 92px auto;
align-items: end;
gap: 6px;
padding: 7px;
background: #e4e9f1;
border: 1px solid #cbd4e2;
border-radius: 9px;
}
.pdfg-app .pdfg-card-editor__filters.is-project-source {
grid-template-columns: minmax(220px, 1fr);
}
.pdfg-app .pdfg-card-editor__filters.is-project-source > :not(:first-child) {
display: none;
}
.pdfg-app .pdfg-card-editor__filters label {
display: grid;
gap: 3px;
min-width: 0;
color: var(--pdfg-muted);
font-size: 9px;
font-weight: 800;
text-transform: uppercase;
}
.pdfg-app .pdfg-card-editor__filters input,
.pdfg-app .pdfg-card-editor__filters select {
width: 100%;
min-width: 0;
height: 36px;
padding: 0 8px;
background: #fff;
border: 1px solid #bdc8d9;
border-radius: 7px;
color: var(--pdfg-ink);
font-size: 11px;
text-transform: none;
}
.pdfg-app .pdfg-card-editor__resultbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
min-width: 0;
color: var(--pdfg-muted);
font-size: 10px;
}
.pdfg-app .pdfg-cardback-resolution-note {
padding: 5px 8px;
background: #eef4ff;
border: 1px solid #c8d8fb;
border-radius: 7px;
color: #25458b;
font-size: 9px;
font-weight: 750;
}
.pdfg-app .pdfg-card-editor__results {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-auto-rows: max-content;
align-content: start;
gap: 12px;
min-width: 0;
min-height: 220px;
padding: 3px;
overflow: auto;
}
.pdfg-app .pdfg-editor-art {
position: relative;
display: grid;
grid-template-rows: auto auto;
align-self: start;
min-width: 0;
height: auto;
padding: 0;
background: #fff;
border: 2px solid transparent;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(21, 33, 80, .12);
color: var(--pdfg-ink);
overflow: hidden;
text-align: left;
}
.pdfg-app .pdfg-editor-art:hover {
border-color: #8da6e8;
transform: translateY(-1px);
}
.pdfg-app .pdfg-editor-art.is-selected {
border-color: #3fbc61;
box-shadow: 0 0 0 2px rgba(63, 188, 97, .24), 0 5px 14px rgba(21, 33, 80, .15);
}
.pdfg-app .pdfg-editor-art__image {
position: relative;
display: block;
width: 100%;
min-height: 0;
background: linear-gradient(145deg, #dbe1eb, #b9c3d2);
aspect-ratio: 63 / 88;
overflow: hidden;
}
.pdfg-app .pdfg-editor-art__image img {
display: block;
width: 100%;
height: 100%;
max-width: none;
background: #111827;
object-fit: contain;
}
.pdfg-app .pdfg-editor-art__placeholder {
display: grid;
place-items: center;
width: 100%;
height: 100%;
padding: 16px;
color: #5e697d;
font-size: 12px;
font-style: italic;
text-align: center;
}
.pdfg-app .pdfg-editor-art__meta {
display: grid;
gap: 1px;
padding: 7px 8px;
background: #fff;
}
.pdfg-app .pdfg-editor-art__meta strong {
overflow: hidden;
color: var(--pdfg-ink);
font-size: 10px;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-editor-art__meta span {
overflow: hidden;
color: var(--pdfg-muted);
font-size: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-card-editor__pager,
.pdfg-app .pdfg-card-editor__footer,
.pdfg-app .pdfg-card-editor__settings-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.pdfg-app .pdfg-card-editor__footer {
justify-content: space-between;
padding-top: 8px;
border-top: 1px solid var(--pdfg-border);
}
.pdfg-app .pdfg-card-editor__footer span {
color: var(--pdfg-muted);
font-size: 9px;
}
.pdfg-app .pdfg-card-editor__settings {
display: grid;
grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
align-content: start;
gap: 22px;
padding: 22px;
}
.pdfg-app .pdfg-card-editor__settings-preview {
width: 100%;
}
.pdfg-app .pdfg-card-editor__settings-preview img {
width: min(100%, 240px);
margin: 0 auto;
aspect-ratio: 63 / 88;
background: #20283c;
border-radius: 11px;
box-shadow: var(--pdfg-shadow-md);
}
.pdfg-app .pdfg-card-editor__settings-preview p {
margin: 10px 0 0;
color: var(--pdfg-muted);
font-size: 10px;
text-align: center;
}
.pdfg-app .pdfg-card-editor__setting-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-content: start;
gap: 13px;
}
.pdfg-app .pdfg-card-editor__setting-grid .pdfg-field {
padding: 12px;
background: #fff;
border: 1px solid var(--pdfg-border);
border-radius: 9px;
}
.pdfg-app .pdfg-card-editor__setting-grid output {
float: right;
color: var(--pdfg-blue-dark);
font-weight: 800;
}
.pdfg-app .pdfg-card-editor__settings-actions {
grid-column: 2;
justify-content: flex-end;
padding-top: 4px;
}
@media (hover: none), (pointer: coarse) {
.pdfg-app .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot__flip {
opacity: 1;
}
}
@media (max-width: 700px) {
.pdfg-app .pdfg-card-slot__select,
.pdfg-app .pdfg-card-slot__center-actions,
.pdfg-app .pdfg-card-slot__flip {
top: 3px;
height: 20px;
}
.pdfg-app .pdfg-card-slot__select {
left: 3px;
width: 20px;
}
.pdfg-app .pdfg-card-slot__flip {
right: 3px;
width: 20px;
border-radius: 5px;
font-size: 13px;
}
.pdfg-app .pdfg-card-slot__center-actions {
gap: 3px;
}
.pdfg-app .pdfg-card-slot__remove,
.pdfg-app .pdfg-card-slot__bleed {
width: 20px;
height: 20px;
border-radius: 5px;
font-size: 15px;
}
.pdfg-app .pdfg-card-slot__bleed svg {
width: 13px;
height: 13px;
}
}
@media (max-width: 1000px) {
.pdfg-app .pdfg-card-editor__body {
grid-template-columns: 220px minmax(0, 1fr);
}
.pdfg-app .pdfg-card-editor__summary {
padding: 14px;
}
.pdfg-app .pdfg-card-editor__filters {
grid-template-columns: minmax(160px, 1fr) repeat(2, minmax(82px, .45fr));
}
.pdfg-app .pdfg-card-editor__filters > :nth-child(4),
.pdfg-app .pdfg-card-editor__filters > :nth-child(5) {
display: none;
}
}
@media (max-width: 720px) {
.pdfg-app .pdfg-modal--card-editor {
align-items: stretch;
padding: 0;
}
.pdfg-app .pdfg-card-editor,
.pdfg-app .pdfg-modal--card-editor .pdfg-modal__dialog {
width: 100%;
height: 100dvh;
max-height: none;
border: 0;
border-radius: 0;
}
.pdfg-app .pdfg-card-editor__header {
min-height: 52px;
padding: 7px 9px 7px 12px;
}
.pdfg-app .pdfg-card-editor__header h2 {
max-width: 220px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-card-editor__body {
display: block;
overflow: auto;
}
.pdfg-app .pdfg-card-editor__summary {
display: grid;
grid-template-columns: 105px minmax(0, 1fr);
gap: 12px;
min-height: 168px;
overflow: visible;
}
.pdfg-app .pdfg-card-editor__hero {
width: 105px;
margin: 0;
}
.pdfg-app .pdfg-card-editor__details h3 {
font-size: 16px;
}
.pdfg-app .pdfg-card-editor__details h4,
.pdfg-app .pdfg-card-editor__oracle {
display: none;
}
.pdfg-app .pdfg-card-editor__main {
display: block;
}
.pdfg-app .pdfg-card-editor__faces {
position: sticky;
top: 0;
z-index: 4;
}
.pdfg-app .pdfg-card-editor__toolbar {
flex-wrap: wrap;
gap: 7px 12px;
}
.pdfg-app #pdfgEditorArtworkPanel {
display: grid;
min-height: 660px;
overflow: visible;
}
.pdfg-app .pdfg-card-editor__filters {
grid-template-columns: minmax(0, 1fr) 75px auto;
}
.pdfg-app .pdfg-card-editor__filters > :nth-child(3),
.pdfg-app .pdfg-card-editor__filters > :nth-child(4),
.pdfg-app .pdfg-card-editor__filters > :nth-child(5) {
display: none;
}
.pdfg-app .pdfg-card-editor__resultbar {
align-items: stretch;
flex-direction: column;
}
.pdfg-app .pdfg-card-editor__results {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-height: none;
overflow: visible;
}
.pdfg-app .pdfg-editor-art__image {
min-height: 150px;
}
.pdfg-app .pdfg-card-editor__footer {
align-items: stretch;
flex-direction: column;
}
.pdfg-app .pdfg-card-editor__settings {
grid-template-columns: 1fr;
padding: 15px;
}
.pdfg-app .pdfg-card-editor__settings-preview img {
width: 150px;
}
.pdfg-app .pdfg-card-editor__setting-grid {
grid-template-columns: 1fr;
}
.pdfg-app .pdfg-card-editor__settings-actions {
grid-column: 1;
align-items: stretch;
flex-direction: column;
}
}
@keyframes pdfg-toast-in {
from { opacity: 0; transform: translateX(16px); }
to { opacity: 1; transform: translateX(0); }
} @media (max-width: 1360px) and (min-width: 1101px) {
.pdfg-app .pdfg-appbar {
grid-template-columns: 190px minmax(220px, 1fr) auto;
}
.pdfg-app .pdfg-appbar__actions #pdfgUndo,
.pdfg-app .pdfg-appbar__actions #pdfgRedo {
display: none;
}
}
@media (max-width: 1100px) {
.pdfg-app .pdfg-appbar {
grid-template-columns: minmax(0, 1fr);
}
.pdfg-app .pdfg-appbar__title {
display: none;
}
.pdfg-app .pdfg-appbar__project {
grid-column: 1;
grid-row: 1;
}
.pdfg-app .pdfg-appbar__actions {
grid-column: 1;
grid-row: 2;
justify-content: flex-start;
padding-bottom: 2px;
overflow-x: auto;
scrollbar-width: thin;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn {
flex: 0 0 auto;
}
}
@media (max-width: 680px) {
.pdfg-app .pdfg-appbar__project input {
font-size: 16px;
}
.pdfg-app .pdfg-project-meta {
gap: 5px;
}
.pdfg-app .pdfg-project-stats {
display: none;
}
.pdfg-app .pdfg-appbar__actions {
position: static;
top: auto;
right: auto;
width: 100%;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn {
min-width: auto;
min-height: 35px;
padding: 6px 9px;
font-size: 11px;
}
.pdfg-app .pdfg-appbar__actions #pdfgUndo,
.pdfg-app .pdfg-appbar__actions #pdfgRedo {
display: none;
}
.pdfg-app .pdfg-shared-notice,
.pdfg-app .pdfg-shared-notice > div {
align-items: stretch;
flex-direction: column;
}
.pdfg-app .pdfg-shared-notice > div:last-child {
flex-direction: row;
}
.pdfg-app .pdfg-projects-list {
grid-template-columns: 1fr;
}
.pdfg-app .pdfg-projects-head {
align-items: stretch;
flex-direction: column;
padding-right: 0;
}
.pdfg-app .pdfg-projects-head > div {
padding-right: 48px;
}
.pdfg-app .pdfg-copy-field {
align-items: stretch;
flex-direction: column;
}
} .pdfg-app [aria-busy="true"] {
cursor: progress;
}
.pdfg-app .is-loading > .pdfg-btn,
.pdfg-app .pdfg-btn.is-loading {
position: relative;
color: transparent !important;
pointer-events: none;
}
.pdfg-app .is-loading > .pdfg-btn::after,
.pdfg-app .pdfg-btn.is-loading::after {
position: absolute;
top: 50%;
left: 50%;
width: 17px;
height: 17px;
margin: -8.5px 0 0 -8.5px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
color: var(--pdfg-blue);
content: "";
animation: pdfg-spin .65s linear infinite;
} @media (max-width: 1100px) {
.pdfg-app .pdfg-appbar { grid-template-columns: minmax(0, 1fr); }
.pdfg-app .pdfg-appbar__title { display: none; }
.pdfg-app .pdfg-appbar__project { grid-column: 1; grid-row: 1; }
.pdfg-app .pdfg-appbar__actions { position: static; grid-column: 1; grid-row: 2; justify-content: flex-start; width: 100%; overflow-x: auto; }
.pdfg-app .pdfg-appbar__actions .pdfg-btn { flex: 0 0 auto; }
}
@media (max-width: 680px) {
.pdfg-app .pdfg-appbar__actions {
top: auto;
right: auto;
gap: 6px;
overscroll-behavior-inline: contain;
scrollbar-width: thin;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn {
flex: none;
width: auto;
height: auto;
min-width: max-content;
min-height: 35px;
padding: 6px 9px;
font-size: 11px;
white-space: nowrap;
}
.pdfg-app .pdfg-project-menu { flex: none; }
.pdfg-app #pdfgSaveProject { min-width: max-content; }
.pdfg-app #pdfgFileMenuToggle { min-width: 62px; }
.pdfg-app #pdfgShareProject { min-width: 68px; }
.pdfg-app #pdfgOpenProjects { min-width: 35px; }
.pdfg-app .pdfg-appbar__actions #pdfgUndo,
.pdfg-app .pdfg-appbar__actions #pdfgRedo { display: none; }
.pdfg-app .pdfg-appbar__project input { font-size: 16px; }
.pdfg-app .pdfg-project-stats { display: none; }
.pdfg-app .pdfg-sheet-drag-hint { display: none !important; }
.pdfg-app .pdfg-workbar { gap: 6px; }
.pdfg-app .pdfg-workbar__actions { flex: 0 0 auto; }
.pdfg-app .pdfg-workbar__actions .pdfg-workbar__text { min-width: 31px; width: 31px; padding: 3px; font-size: 0; }
.pdfg-app .pdfg-workbar__actions #pdfgSelectAll::after { content: "All"; font-size: 9px; }
.pdfg-app .pdfg-workbar__actions #pdfgRemoveSelected::after { content: "Del"; font-size: 9px; }
}
.pdfg-app .pdfg-btn--primary.is-loading::after,
.pdfg-app .pdfg-btn--export.is-loading::after {
color: #fff;
}
.pdfg-app .pdfg-inline-error {
margin: 8px 0;
padding: 8px 9px;
background: var(--pdfg-danger-soft);
border: 1px solid #edc3c0;
border-radius: 8px;
color: #91312f;
font-size: 11px;
}
.pdfg-app .pdfg-inline-success {
margin: 8px 0;
padding: 8px 9px;
background: var(--pdfg-success-soft);
border: 1px solid #c1e3d1;
border-radius: 8px;
color: #236143;
font-size: 11px;
}
@keyframes pdfg-spin {
to { transform: rotate(360deg); }
} @media (min-width: 1580px) {
.pdfg-app .pdfg-layout {
grid-template-columns: 350px minmax(0, 1fr) 360px;
}
.pdfg-app .pdfg-sidebar {
padding-right: 15px;
padding-left: 15px;
}
.pdfg-app .pdfg-workspace__scroll {
padding: 42px;
}
}
@media (max-width: 1360px) and (min-width: 1101px) {
.pdfg-app .pdfg-layout {
grid-template-columns: 286px minmax(0, 1fr) 298px;
}
.pdfg-app .pdfg-sidebar {
padding-right: 9px;
padding-left: 9px;
}
.pdfg-app .pdfg-section__body {
padding: 10px;
}
.pdfg-app .pdfg-appbar {
grid-template-columns: minmax(225px, 1fr) minmax(245px, 380px) minmax(220px, 1fr);
gap: 12px;
padding-right: 12px;
padding-left: 12px;
}
.pdfg-app .pdfg-appbar__title p {
display: none;
}
} @media (max-width: 1100px) {
body.mtgcb-pdf-generator-page {
overflow: hidden !important;
}
.pdfg-app .pdfg-appbar {
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px 14px;
min-height: 68px;
padding: 10px 14px;
}
.pdfg-app .pdfg-appbar__project {
grid-column: 1 / -1;
grid-row: 2;
}
.pdfg-app .pdfg-appbar__project input {
text-align: left;
}
.pdfg-app .pdfg-mobile-tabs {
display: grid;
}
.pdfg-app .pdfg-layout {
display: block;
min-height: 0;
height: 100%;
overflow: hidden;
}
.pdfg-app .pdfg-layout > [data-panel] {
display: none;
}
.pdfg-app:not([data-mobile-view]) .pdfg-layout > [data-panel="add"],
.pdfg-app[data-mobile-view="add"] .pdfg-layout > [data-panel="add"],
.pdfg-app[data-mobile-view="preview"] .pdfg-layout > [data-panel="preview"],
.pdfg-app[data-mobile-view="settings"] .pdfg-layout > [data-panel="settings"],
.pdfg-app .pdfg-layout > [data-panel].is-mobile-active {
display: block;
}
.pdfg-app[data-mobile-view="preview"] .pdfg-layout > .pdfg-workspace,
.pdfg-app .pdfg-layout > .pdfg-workspace.is-mobile-active {
display: grid;
}
.pdfg-app .pdfg-sidebar {
width: 100%;
height: 100%;
min-height: 0;
max-height: 100%;
padding: 14px max(14px, calc((100vw - 760px) / 2)) 42px;
border: 0;
box-shadow: none;
overflow-x: hidden;
overflow-y: auto;
}
.pdfg-app .pdfg-workspace {
height: 100%;
min-height: 0;
}
.pdfg-app .pdfg-workspace__scroll {
padding: 24px;
}
.pdfg-app .pdfg-section__body {
padding: 14px;
}
.pdfg-app .pdfg-cardtray {
max-height: 175px;
}
}
@media (max-width: 680px) {
.pdfg-app {
font-size: 13px;
}
.pdfg-app .pdfg-appbar {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
padding: 9px 11px 11px;
}
.pdfg-app .pdfg-appbar__title {
gap: 9px;
}
.pdfg-app .pdfg-appbar__icon {
flex-basis: 36px;
width: 36px;
height: 36px;
border-radius: 9px;
font-size: 20px;
}
.pdfg-app .pdfg-appbar__title h1 {
font-size: 17px;
}
.pdfg-app .pdfg-appbar__title p {
display: none;
}
.pdfg-app .pdfg-appbar__actions {
position: absolute;
top: 10px;
right: 10px;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn {
min-width: 35px;
min-height: 35px;
padding: 5px 8px;
font-size: 0;
}
.pdfg-app .pdfg-appbar__actions #pdfgUndo::after {
font-size: 16px;
content: "↶";
}
.pdfg-app .pdfg-appbar__actions #pdfgRedo::after {
font-size: 16px;
content: "↷";
}
.pdfg-app .pdfg-appbar__actions #pdfgClearProject::after {
font-size: 14px;
content: "×";
}
.pdfg-app .pdfg-appbar__project {
grid-column: 1;
padding-right: 0;
}
.pdfg-app .pdfg-count {
display: none;
}
.pdfg-app .pdfg-mobile-tabs button {
font-size: 12px;
}
.pdfg-app .pdfg-sidebar {
padding: 12px 10px 36px;
}
.pdfg-app .pdfg-workspace {
height: calc(100vh - 146px);
min-height: 600px;
}
.pdfg-app .pdfg-workbar {
padding: 7px 10px;
}
.pdfg-app .pdfg-workbar > div:first-child span {
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdfg-app .pdfg-workbar__actions output {
display: none;
}
.pdfg-app .pdfg-workspace__scroll {
padding: 18px 12px;
}
.pdfg-app .pdfg-empty {
min-height: 390px;
margin: 15px auto;
padding: 35px 18px;
}
.pdfg-app .pdfg-empty__mark {
width: 70px;
height: 98px;
font-size: 15px;
}
.pdfg-app .pdfg-empty__actions {
width: 100%;
}
.pdfg-app .pdfg-empty__actions .pdfg-btn {
flex: 1 1 100%;
}
.pdfg-app .pdfg-cardtray-head {
align-items: center;
}
.pdfg-app .pdfg-cardtray-head p,
.pdfg-app .pdfg-cardtray-head #pdfgSelectAll {
display: none;
}
.pdfg-app .pdfg-cardtray-card,
.pdfg-app .pdfg-card-tile,
.pdfg-app .pdfg-tray-card {
flex-basis: 180px;
grid-template-columns: 57px minmax(86px, 1fr);
min-height: 113px;
}
.pdfg-app .pdfg-cardtray-card img,
.pdfg-app .pdfg-card-tile img,
.pdfg-app .pdfg-tray-card img,
.pdfg-app .pdfg-tray-thumb {
width: 57px;
height: 80px;
}
.pdfg-app .pdfg-modal {
align-items: end;
padding: 0;
}
.pdfg-app .pdfg-modal__dialog,
.pdfg-app .pdfg-modal--wide .pdfg-modal__dialog {
width: 100%;
max-height: 90dvh;
padding: 22px 16px calc(20px + env(safe-area-inset-bottom));
border-radius: 18px 18px 0 0;
}
.pdfg-app .pdfg-modal__dialog > h2 {
font-size: 20px;
}
.pdfg-app .pdfg-modal-options,
.pdfg-app .pdfg-align-layout {
grid-template-columns: 1fr;
}
.pdfg-app .pdfg-search-results {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-height: 54vh;
}
.pdfg-app .pdfg-modal__actions {
align-items: stretch;
}
.pdfg-app .pdfg-modal__actions > * {
flex: 1 1 0;
}
.pdfg-app .pdfg-premium-dialog {
padding-top: 20px;
}
.pdfg-app .pdfg-premium-heading {
gap: 10px;
padding-right: 34px;
}
.pdfg-app .pdfg-premium-lock {
flex-basis: 44px;
width: 44px;
height: 44px;
border-radius: 12px;
font-size: 21px;
}
.pdfg-app .pdfg-premium-heading h2 {
font-size: 19px;
line-height: 1.15;
}
.pdfg-app .pdfg-premium-lead {
margin: 12px 0;
}
.pdfg-app .pdfg-premium-benefits {
gap: 6px;
}
.pdfg-app .pdfg-premium-benefits li {
padding: 7px;
}
.pdfg-app .pdfg-align-layout {
gap: 14px;
}
.pdfg-app .pdfg-alignment-slot,
.pdfg-app .pdfg-align-slot {
min-height: 68px;
}
.pdfg-app .pdfg-toasts {
top: 10px;
right: 10px;
width: calc(100vw - 20px);
}
.pdfg-app .pdfg-drop-overlay {
inset: 8px;
border-radius: 15px;
}
}
@media (max-width: 390px) {
.pdfg-app .pdfg-premium-export {
grid-template-columns: 38px minmax(0, 1fr);
}
.pdfg-app .pdfg-premium-export__mark {
width: 38px;
height: 38px;
}
.pdfg-app .pdfg-premium-export > b {
grid-column: 2;
justify-self: start;
}
.pdfg-app .pdfg-premium-benefits {
grid-template-columns: 1fr;
}
.pdfg-app .pdfg-appbar__title h1 {
max-width: 200px;
font-size: 15px;
}
.pdfg-app .pdfg-appbar__actions .pdfg-btn {
min-width: 31px;
width: 31px;
height: 31px;
}
.pdfg-app .pdfg-dimension-row {
gap: 5px;
}
.pdfg-app .pdfg-grid-two,
.pdfg-app .pdfg-check-grid {
grid-template-columns: 1fr;
}
.pdfg-app .pdfg-button-row {
flex-wrap: wrap;
}
.pdfg-app .pdfg-button-row > * {
flex-basis: 100%;
}
} @media (prefers-reduced-motion: reduce) {
.pdfg-app *,
.pdfg-app *::before,
.pdfg-app *::after {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
@media (forced-colors: active) {
.pdfg-app .pdfg-btn,
.pdfg-app .pdfg-section,
.pdfg-app .pdfg-dropzone,
.pdfg-app .pdfg-cardtray-card,
.pdfg-app .pdfg-card-tile,
.pdfg-app .pdfg-tray-card {
border: 1px solid CanvasText;
}
.pdfg-app .pdfg-segment button.is-on,
.pdfg-app .pdfg-filter-pills button.is-on,
.pdfg-app .pdfg-mobile-tabs button.is-active {
outline: 2px solid Highlight;
}
} @media print {
html.pdfg-fullscreen-page,
body.mtgcb-pdf-generator-page {
height: auto !important;
overflow: visible !important;
}
body.mtgcb-pdf-generator-page .elementor-location-header,
body.mtgcb-pdf-generator-page .elementor-location-footer,
.pdfg-app .pdfg-appbar,
.pdfg-app .pdfg-mobile-tabs,
.pdfg-app .pdfg-sidebar,
.pdfg-app .pdfg-workbar,
.pdfg-app .pdfg-cardtray-section,
.pdfg-app .pdfg-toasts {
display: none !important;
}
.pdfg-app,
.pdfg-app .pdfg-layout,
.pdfg-app .pdfg-workspace,
.pdfg-app .pdfg-workspace__scroll,
.pdfg-app .pdfg-pages {
display: block !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
overflow: visible !important;
}
.pdfg-app .pdfg-sheet-wrap,
.pdfg-app .pdfg-page-wrap,
.pdfg-app .pdfg-page {
break-after: page;
page-break-after: always;
}
.pdfg-app .pdfg-sheet__nav,
.pdfg-page-nav-popover,
.pdfg-page-nav-preview {
display: none !important;
}
.pdfg-app .pdfg-sheet__label,
.pdfg-app .pdfg-page__label,
.pdfg-app .pdfg-page-label {
display: none !important;
}
.pdfg-app .pdfg-sheet,
.pdfg-app .pdfg-page-sheet {
box-shadow: none !important;
}
}
@media (max-width: 1100px) {
.pdfg-app .pdfg-appbar { grid-template-columns: minmax(0, 1fr); }
.pdfg-app .pdfg-appbar__title { display: none; }
.pdfg-app .pdfg-appbar__project { grid-column: 1; grid-row: 1; }
.pdfg-app .pdfg-appbar__actions { position: static; grid-column: 1; grid-row: 2; justify-content: flex-start; width: 100%; overflow-x: auto; }
.pdfg-app .pdfg-appbar__actions .pdfg-btn { flex: 0 0 auto; }
}
@media (max-width: 680px) {
.pdfg-app .pdfg-appbar__actions { top: auto; right: auto; }
.pdfg-app .pdfg-appbar__actions .pdfg-btn { min-width: auto; min-height: 35px; padding: 6px 9px; font-size: 11px; }
.pdfg-app .pdfg-appbar__actions #pdfgUndo,
.pdfg-app .pdfg-appbar__actions #pdfgRedo { display: none; }
.pdfg-app .pdfg-appbar__project input { font-size: 16px; }
.pdfg-app .pdfg-project-stats { display: none; }
.pdfg-app .pdfg-alignment-footer { bottom: calc(-20px - env(safe-area-inset-bottom)); margin: 16px -16px calc(-20px - env(safe-area-inset-bottom)); padding: 8px 16px calc(12px + env(safe-area-inset-bottom)); }
} .pdfg-app .pdfg-presence-warning {
display: flex;
align-items: center;
gap: 11px;
padding: 9px 18px;
background: #fff4d7;
border-bottom: 1px solid #e3bd58;
color: #583d06;
}
.pdfg-app .pdfg-presence-warning > span { font-size: 18px; }
.pdfg-app .pdfg-presence-warning > div { display: grid; gap: 1px; min-width: 0; margin-right: auto; }
.pdfg-app .pdfg-presence-warning strong { font-size: 12px; }
.pdfg-app .pdfg-presence-warning div span { color: #795c1d; font-size: 10px; }
.pdfg-app .pdfg-presence-warning .pdfg-btn { min-height: 32px; padding: 5px 10px; }
.pdfg-app .pdfg-share-modes {
display: grid;
gap: 8px;
margin: 14px 0;
padding: 0;
border: 0;
}
.pdfg-app .pdfg-share-modes legend { margin-bottom: 7px; color: var(--pdfg-ink); font-size: 11px; font-weight: 800; }
.pdfg-app .pdfg-share-modes label {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
gap: 10px;
padding: 12px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border);
border-radius: 10px;
cursor: pointer;
}
.pdfg-app .pdfg-share-modes label:has(input:checked) { background: var(--pdfg-blue-soft); border-color: #7192ea; box-shadow: 0 0 0 2px rgba(47, 91, 216, .1); }
.pdfg-app .pdfg-share-modes input { margin-top: 3px; accent-color: var(--pdfg-blue); }
.pdfg-app .pdfg-share-modes label span { display: grid; gap: 2px; }
.pdfg-app .pdfg-share-modes strong { color: var(--pdfg-ink); font-size: 12px; }
.pdfg-app .pdfg-share-modes small { color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-inline-warning { display: grid; gap: 2px; margin: 9px 0 14px; padding: 10px 12px; background: #fff4d7; border: 1px solid #e3bd58; border-radius: 9px; color: #583d06; }
.pdfg-app .pdfg-inline-warning strong { font-size: 11px; }
.pdfg-app .pdfg-inline-warning span { font-size: 10px; }
.pdfg-app .pdfg-import-issues {
display: grid;
gap: 5px;
margin: 0 0 12px;
padding: 10px 11px;
background: #fff4d7;
border: 1px solid #d7a62c;
border-left: 4px solid #c98212;
border-radius: 9px;
color: #523900;
font-size: 10px;
}
.pdfg-app .pdfg-import-issues[hidden] { display: none !important; }
.pdfg-app .pdfg-import-issues > strong { font-size: 11px; }
.pdfg-app .pdfg-import-issues > span { line-height: 1.35; }
.pdfg-app .pdfg-import-issues ul { max-height: 150px; margin: 2px 0 0; padding-left: 18px; overflow: auto; }
.pdfg-app .pdfg-import-issues li + li { margin-top: 3px; }
.pdfg-app .pdfg-card-slot.has-image-error {
background: repeating-linear-gradient(135deg, #fff4d7 0, #fff4d7 10px, #ffe6ad 10px, #ffe6ad 20px);
box-shadow: 0 0 0 3px #d65b48, 0 3px 12px rgba(84, 27, 15, .3);
}
.pdfg-app .pdfg-card-slot.has-image-error::after {
position: absolute;
inset: 35% 7px auto;
z-index: 22;
padding: 5px;
background: rgba(113, 28, 19, .9);
border-radius: 5px;
color: #fff;
content: "Image failed to load";
font-size: 9px;
font-weight: 800;
line-height: 1.2;
text-align: center;
}
html.wp-dark-mode-active .pdfg-app .pdfg-import-issues,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-import-issues,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-import-issues {
background: #332a16 !important;
border-color: #9d741d !important;
border-left-color: #e0a929 !important;
color: #ffe5a4 !important;
}
.pdfg-app .pdfg-modal--nested { z-index: 100020; }
.pdfg-app .pdfg-modal--edition-preview { z-index: 100030; }
.pdfg-app .pdfg-edition-preview-dialog {
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
width: min(94vw, 760px);
height: min(92vh, 940px);
max-height: 92vh;
padding: 12px;
overflow: hidden;
background: #111827;
}
.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
top: 16px;
right: 16px;
z-index: 2;
color: #fff;
background: rgba(15, 23, 42, .88);
}
.pdfg-app .pdfg-edition-preview-image {
display: grid;
place-items: center;
min-height: 0;
overflow: hidden;
}
.pdfg-app .pdfg-edition-preview-image img {
display: block;
width: 100%;
height: 100%;
max-height: calc(92vh - 96px);
object-fit: contain;
}
.pdfg-app .pdfg-edition-preview-caption {
padding: 10px 44px 2px 8px;
color: #fff;
}
.pdfg-app .pdfg-edition-preview-caption h2,
.pdfg-app .pdfg-edition-preview-caption p { margin: 0; color: inherit; }
.pdfg-app .pdfg-edition-preview-caption p { margin-top: 3px; color: #cbd5e1; }
.pdfg-app .pdfg-picker-dialog,
.pdfg-app .pdfg-library-dialog {
display: flex;
flex-direction: column;
width: min(97vw, 1540px) !important;
height: min(92vh, 960px);
max-height: 92vh;
padding: 0;
overflow: hidden;
}
.pdfg-app .pdfg-picker-head,
.pdfg-app .pdfg-library-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 68px;
padding: 14px 22px;
border-bottom: 1px solid var(--pdfg-border);
}
.pdfg-app .pdfg-picker-head h2,
.pdfg-app .pdfg-library-head h2 { margin: 0; color: var(--pdfg-navy); font-size: 21px; font-weight: 850; }
.pdfg-app .pdfg-picker-head p { margin: 2px 0 0; color: var(--pdfg-muted); font-size: 11px; }
.pdfg-app .pdfg-picker-head .pdfg-modal__close,
.pdfg-app .pdfg-library-head .pdfg-modal__close,
.pdfg-app .pdfg-library-card-dialog header .pdfg-modal__close { position: static; flex: 0 0 auto; }
.pdfg-app .pdfg-library-head > div { display: flex; align-items: center; gap: 12px; }
.pdfg-app .pdfg-link-button { padding: 3px; background: transparent; border: 0; color: var(--pdfg-blue-dark); font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.pdfg-app .pdfg-picker-toolbar {
display: grid;
grid-template-columns: minmax(260px, 1fr) 160px auto;
align-items: end;
gap: 10px;
padding: 13px 22px;
background: var(--pdfg-surface-soft);
border-bottom: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-picker-search { position: relative; display: block; }
.pdfg-app .pdfg-picker-search input { width: 100%; min-height: 42px; padding: 9px 40px 9px 13px; }
.pdfg-app .pdfg-picker-search button { position: absolute; top: 5px; right: 5px; width: 32px; height: 32px; padding: 0; background: transparent; border: 0; color: var(--pdfg-muted); font-size: 19px; }
.pdfg-app .pdfg-picker-sort { margin: 0; }
.pdfg-app .pdfg-category-tabs {
display: flex;
gap: 6px;
padding: 10px 22px;
border-bottom: 1px solid var(--pdfg-border-soft);
overflow-x: auto;
}
.pdfg-app .pdfg-category-tabs button { flex: 0 0 auto; min-height: 32px; padding: 5px 10px; background: transparent; border: 1px solid var(--pdfg-border); border-radius: 999px; color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-category-tabs button.is-active { background: var(--pdfg-blue); border-color: var(--pdfg-blue); color: #fff; }
.pdfg-app .pdfg-picker-status { display: flex; justify-content: space-between; gap: 12px; padding: 8px 22px; color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-picker-status strong { color: var(--pdfg-blue-dark); }
.pdfg-app .pdfg-card-picker-grid,
.pdfg-app .pdfg-library-results {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(158px, 210px));
justify-content: start;
align-content: start;
gap: 14px;
min-height: 220px;
padding: 14px 22px 24px;
overflow: auto;
}
.pdfg-app .pdfg-card-picker-grid,
.pdfg-app .pdfg-library-results { flex: 1 1 auto; }
.pdfg-app .pdfg-picker-card {
position: relative;
display: grid;
grid-template-rows: auto auto auto;
align-content: start;
gap: 7px;
min-width: 0;
padding: 8px;
background: var(--pdfg-surface);
border: 1px solid var(--pdfg-border);
border-radius: 11px;
box-shadow: var(--pdfg-shadow-sm);
}
.pdfg-app .pdfg-picker-card.is-selected { border-color: var(--pdfg-blue); box-shadow: 0 0 0 2px rgba(47, 91, 216, .18); }
.pdfg-app .pdfg-picker-card__image { position: relative; display: block; width: 100%; padding: 0; background: #111827; border: 0; border-radius: 8px; overflow: hidden; }
.pdfg-app .pdfg-picker-card__image img { display: block; width: 100%; aspect-ratio: 63 / 88; object-fit: contain; }
.pdfg-app .pdfg-picker-card__select { position: absolute; z-index: 2; top: 13px; left: 13px; display: grid; place-items: center; width: 25px; height: 25px; padding: 0; background: rgba(255,255,255,.94); border: 1px solid #cbd5e1; border-radius: 6px; color: var(--pdfg-blue-dark); font-size: 14px; font-weight: 900; }
.pdfg-app .pdfg-picker-card.is-selected .pdfg-picker-card__select { background: var(--pdfg-blue); border-color: var(--pdfg-blue); color: #fff; }
.pdfg-app .pdfg-picker-card__info { display: grid; gap: 2px; min-width: 0; }
.pdfg-app .pdfg-picker-card__info strong { overflow: hidden; color: var(--pdfg-ink); font-size: 11px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-picker-card__info span { overflow: hidden; color: var(--pdfg-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-picker-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 1px; }
.pdfg-app .pdfg-picker-card__actions.has-quantity { grid-template-columns: minmax(0, .9fr) 50px minmax(0, 1.1fr); gap: 5px; }
.pdfg-app .pdfg-picker-card__actions .pdfg-btn { min-height: 31px; padding: 5px; font-size: 9px; }
.pdfg-app .pdfg-picker-card__quantity {
position: relative;
display: block;
min-width: 0;
}
.pdfg-app .pdfg-picker-card__quantity > span {
position: absolute;
top: 50%;
left: 6px;
z-index: 1;
color: var(--pdfg-muted);
font-size: 10px;
font-weight: 850;
pointer-events: none;
transform: translateY(-50%);
}
.pdfg-app .pdfg-picker-card__quantity input {
width: 100%;
height: 31px;
margin: 0;
padding: 4px 2px 4px 14px;
background: #fff;
border: 1px solid #b8c5dc;
border-radius: 7px;
box-shadow: none;
color: var(--pdfg-ink);
font-size: 10px;
font-weight: 800;
line-height: 1;
text-align: center;
}
.pdfg-app .pdfg-picker-card__quantity input:hover,
.pdfg-app .pdfg-picker-card__quantity input:focus {
border-color: var(--pdfg-blue);
box-shadow: 0 0 0 2px rgba(47, 91, 216, .14);
outline: 0;
}
.pdfg-app .pdfg-picker-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 62px; padding: 10px 22px; background: var(--pdfg-surface-soft); border-top: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-picker-footer .pdfg-pager { margin: 0; }
.pdfg-app .pdfg-picker-footer__add,
.pdfg-app .pdfg-preview-add {
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: 8px;
}
.pdfg-app .pdfg-add-quantity {
display: flex;
align-items: center;
gap: 6px;
margin: 0;
}
.pdfg-app .pdfg-add-quantity--labeled {
display: grid;
gap: 3px;
}
.pdfg-app .pdfg-add-quantity > span {
color: var(--pdfg-muted);
font-size: 8px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
.pdfg-app .pdfg-add-quantity input {
width: 66px;
height: 34px;
margin: 0;
padding: 5px 7px;
background: #fff;
border: 1px solid #b8c5dc;
border-radius: 8px;
box-shadow: none;
color: var(--pdfg-ink);
font-size: 11px;
font-weight: 800;
text-align: center;
}
.pdfg-app .pdfg-add-quantity input:hover,
.pdfg-app .pdfg-add-quantity input:focus {
border-color: var(--pdfg-blue);
box-shadow: 0 0 0 2px rgba(47, 91, 216, .14);
outline: 0;
}
.pdfg-app .pdfg-preview-add {
justify-content: stretch;
margin-top: 13px;
}
.pdfg-app .pdfg-preview-add .pdfg-btn {
align-self: end;
flex: 1 1 auto;
min-height: 34px;
}
.pdfg-app .pdfg-card-preview-dialog { display: grid; grid-template-columns: minmax(240px, 390px) minmax(250px, 340px); gap: 22px; width: min(92vw, 780px); }
.pdfg-app .pdfg-card-preview-image { position: relative; display: grid; place-items: center; min-height: 300px; padding: 10px; background: #111827; border-radius: 12px; }
.pdfg-app .pdfg-card-preview-image img { display: block; width: 100%; max-height: 72vh; object-fit: contain; }
.pdfg-app .pdfg-card-preview-flip { position: absolute; top: 16px; right: 16px; padding: 6px 9px; background: rgba(255,255,255,.92); border: 0; border-radius: 7px; color: var(--pdfg-navy); font-size: 10px; font-weight: 800; }
.pdfg-app .pdfg-card-preview-info { align-self: center; padding-right: 40px; }
.pdfg-app .pdfg-card-preview-info h2 { margin: 4px 0 7px; color: var(--pdfg-navy); font-size: 23px; }
.pdfg-app .pdfg-card-preview-info p { color: var(--pdfg-muted); font-size: 11px; }
.pdfg-app .pdfg-eyebrow { color: var(--pdfg-blue); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.pdfg-app .pdfg-library-dialog { background: var(--pdfg-surface); }
.pdfg-app .pdfg-library-mount,
.pdfg-app .pdfg-library-workspace {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
min-height: 0;
}
.pdfg-app .pdfg-library-workspace-tools {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 8px 22px;
background: var(--pdfg-surface);
border-bottom: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-library-workspace-tools > div:first-child { display: grid; gap: 1px; min-width: 0; }
.pdfg-app .pdfg-library-workspace-tools strong { color: var(--pdfg-navy); font-size: 11px; }
.pdfg-app .pdfg-library-workspace-tools span { color: var(--pdfg-muted); font-size: 9px; }
.pdfg-app .pdfg-library-workspace-tools > div:last-child { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.pdfg-app .pdfg-library-sourcebar {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 22px;
background: var(--pdfg-surface-soft);
border-bottom: 1px solid var(--pdfg-border-soft);
}
.pdfg-app .pdfg-library-sourcebar > span { color: var(--pdfg-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.pdfg-app .pdfg-library-sourcebar .pdfg-segment { width: min(100%, 470px); }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-workspace-tools { background: #e8efff; border-bottom-color: #a9bff2; }
.pdfg-app .pdfg-library-workspace.is-editor { width: 100%; max-width: 100%; overflow: hidden; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-results {
grid-template-columns: repeat(auto-fill, minmax(150px, 190px));
grid-auto-rows: max-content;
justify-content: start;
}
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-card { width: 100%; max-width: 190px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-card__image,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-card__image img { max-height: 266px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-results { padding-right: 12px; padding-left: 12px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-primary-filters,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-more { padding-right: 12px; padding-left: 12px; }
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-understood,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-library-resultbar,
.pdfg-app .pdfg-library-workspace.is-editor .pdfg-picker-footer { padding-right: 12px; padding-left: 12px; }
.pdfg-app .pdfg-library-search-panel { flex: 0 0 auto; background: var(--pdfg-surface); border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-library-primary-filters { display: grid; grid-template-columns: 1.2fr 1fr 1.5fr auto auto; align-items: start; gap: 10px; padding: 12px 22px; }
.pdfg-app .pdfg-library-primary-filters .pdfg-field { margin: 0; }
.pdfg-app .pdfg-library-type .pdfg-check { margin: 3px 0 0; }
.pdfg-app .pdfg-library-type .pdfg-check input { width: 16px; min-height: 16px; }
.pdfg-app .pdfg-type-rules { display: grid; gap: 4px; }
.pdfg-app .pdfg-type-rule { display: grid; grid-template-columns: 70px minmax(0, 1fr) 30px; gap: 4px; }
.pdfg-app .pdfg-type-rule select,
.pdfg-app .pdfg-type-rule input { min-height: 36px; padding: 5px 7px; font-size: 10px; }
.pdfg-app .pdfg-type-rule select { font-weight: 850; }
.pdfg-app .pdfg-type-rule select.is-negative { color: var(--pdfg-danger); }
.pdfg-app .pdfg-type-rule button { width: 30px; min-height: 30px; padding: 0; background: transparent; border: 1px solid var(--pdfg-border); border-radius: 7px; color: var(--pdfg-muted); font-size: 16px; }
.pdfg-app .pdfg-library-type > .pdfg-link-button { margin-top: 3px; font-size: 9px; }
.pdfg-app .pdfg-range-field { display: grid; grid-template-columns: 66px auto 66px; align-items: center; gap: 5px; margin: 0; padding: 0; border: 0; }
.pdfg-app .pdfg-range-field legend { margin-bottom: 4px; color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-range-field input { width: 66px; min-height: 39px; padding: 7px; text-align: center; }
.pdfg-app .pdfg-library-primary-filters > .pdfg-btn { align-self: end; min-height: 39px; }
.pdfg-app .pdfg-library-more { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 10px; padding: 0 22px 13px; }
.pdfg-app .pdfg-library-more > fieldset { margin: 0; padding: 0; border: 0; }
.pdfg-app .pdfg-library-more > fieldset legend { margin-bottom: 4px; color: var(--pdfg-muted); font-size: 10px; font-weight: 750; }
.pdfg-app .pdfg-color-pills { display: flex; gap: 3px; }
.pdfg-app .pdfg-color-pills button { width: 30px; height: 30px; padding: 0; background: var(--pdfg-surface-soft); border: 1px solid var(--pdfg-border); border-radius: 50%; color: var(--pdfg-ink); font-size: 10px; font-weight: 850; }
.pdfg-app .pdfg-color-pills button.is-on { background: var(--pdfg-blue); border-color: var(--pdfg-blue); color: #fff; }
.pdfg-app .pdfg-color-pills + select { width: 100%; min-height: 32px; margin-top: 4px; padding: 4px 7px; font-size: 9px; }
.pdfg-app .pdfg-library-understood { padding: 8px 22px; background: var(--pdfg-surface-soft); border-top: 1px solid var(--pdfg-border-soft); color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-library-resultbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 22px; background: var(--pdfg-surface-soft); border-bottom: 1px solid var(--pdfg-border); color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-library-resultbar > div { display: flex; align-items: center; gap: 6px; }
.pdfg-app .pdfg-library-resultbar label { display: flex; align-items: center; gap: 5px; }
.pdfg-app .pdfg-library-resultbar select { width: auto; min-height: 32px; padding: 4px 25px 4px 7px; font-size: 10px; }
.pdfg-app .pdfg-library-results { grid-template-columns: repeat(auto-fill, minmax(175px, 220px)); }
.pdfg-app .pdfg-global-cardback {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 7px 9px;
align-items: center;
padding: 9px;
background: var(--pdfg-surface-soft);
border: 1px solid var(--pdfg-border);
border-radius: 10px;
}
.pdfg-app .pdfg-global-cardback__preview { grid-row: 1 / span 2; width: 48px; aspect-ratio: 63 / 88; overflow: hidden; background: #111827; border: 1px solid var(--pdfg-border); border-radius: 6px; }
.pdfg-app .pdfg-global-cardback__preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdfg-app .pdfg-global-cardback__copy { display: grid; gap: 2px; min-width: 0; }
.pdfg-app .pdfg-global-cardback__copy strong { color: var(--pdfg-navy); font-size: 10px; }
.pdfg-app .pdfg-global-cardback__copy span { color: var(--pdfg-muted); font-size: 8px; line-height: 1.35; }
.pdfg-app .pdfg-global-cardback .pdfg-btn { min-height: 30px; padding: 5px 7px; font-size: 8px; }
.pdfg-app .pdfg-global-cardback__actions { display: grid; grid-column: 2; grid-template-columns: 1fr 1fr; gap: 5px; }
.pdfg-app .pdfg-global-cardback #pdfgGlobalCardbackReset { grid-column: 2; }
.pdfg-app .pdfg-my-uploads-dialog {
display: flex;
flex-direction: column;
width: min(97vw, 1280px) !important;
height: min(90vh, 900px);
max-height: 90vh;
padding: 0;
overflow: hidden;
}
.pdfg-app .pdfg-my-uploads__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 68px;
padding: 13px 22px;
border-bottom: 1px solid var(--pdfg-border);
}
.pdfg-app .pdfg-my-uploads__head h2 { margin: 0; color: var(--pdfg-navy); font-size: 21px; }
.pdfg-app .pdfg-my-uploads__head p { margin: 4px 0 0; color: var(--pdfg-muted); font-size: 13px; line-height: 1.4; }
.pdfg-app .pdfg-my-uploads__head .pdfg-modal__close { position: static; flex: 0 0 auto; }
.pdfg-app .pdfg-my-uploads__gate { display: grid; flex: 1 1 auto; place-items: center; align-content: center; gap: 9px; padding: 35px; text-align: center; }
.pdfg-app .pdfg-my-uploads__gate[hidden] { display: none !important; }
.pdfg-app .pdfg-my-uploads__gate > div { display: grid; width: 62px; height: 62px; place-items: center; background: var(--pdfg-blue-soft); border-radius: 50%; color: var(--pdfg-blue); font-size: 28px; }
.pdfg-app .pdfg-my-uploads__gate h3 { margin: 4px 0 0; color: var(--pdfg-navy); font-size: 20px; }
.pdfg-app .pdfg-my-uploads__gate p { max-width: 520px; margin: 0 0 7px; color: var(--pdfg-muted); font-size: 13px; line-height: 1.55; }
.pdfg-app .pdfg-my-uploads__browser { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.pdfg-app .pdfg-my-uploads__browser[hidden] { display: none !important; }
.pdfg-app .pdfg-my-uploads__navigation { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 22px; background: #f7f9fd; border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app #pdfgMyUploadsBreadcrumbs { display: flex; align-items: center; gap: 4px; min-width: 0; overflow-x: auto; }
.pdfg-app #pdfgMyUploadsBreadcrumbs button { padding: 5px 7px; background: transparent; border: 0; border-radius: 5px; color: var(--pdfg-blue-dark); font-size: 13px; font-weight: 800; white-space: nowrap; }
.pdfg-app #pdfgMyUploadsBreadcrumbs button:hover:not(:disabled) { background: var(--pdfg-blue-soft); }
.pdfg-app #pdfgMyUploadsBreadcrumbs button:disabled { color: var(--pdfg-navy); cursor: default; }
.pdfg-app #pdfgMyUploadsBreadcrumbs span { color: var(--pdfg-faint); font-size: 15px; }
.pdfg-app .pdfg-my-uploads__uploadbar { display: grid; grid-template-columns: minmax(170px, 230px) minmax(260px, 1fr) auto; align-items: end; gap: 10px; padding: 11px 22px; background: #eef4ff; border-bottom: 1px solid #cbd9f6; }
.pdfg-app .pdfg-my-uploads__uploadbar label { display: grid; gap: 6px; min-width: 0; color: var(--pdfg-muted); font-size: 12px; font-weight: 800; line-height: 1.25; text-transform: uppercase; }
.pdfg-app .pdfg-my-uploads__uploadbar select,
.pdfg-app .pdfg-my-uploads__uploadbar input[type="file"] { width: 100%; min-height: 42px; padding: 6px 9px; background: #fff; border: 1px solid var(--pdfg-border); border-radius: 7px; color: var(--pdfg-ink); font-size: 13px; }
.pdfg-app .pdfg-my-uploads__uploadbar input::file-selector-button { min-height: 30px; margin-right: 9px; padding: 5px 10px; background: var(--pdfg-blue-soft); border: 0; border-radius: 5px; color: var(--pdfg-blue-dark); font-size: 12px; font-weight: 800; cursor: pointer; }
.pdfg-app .pdfg-my-uploads__uploadbar > .pdfg-btn { min-height: 42px; font-size: 12px; }
.pdfg-app .pdfg-my-uploads__uploadbar > small { grid-column: 1 / -1; color: #596984; font-size: 12px; font-weight: 700; line-height: 1.4; }
.pdfg-app .pdfg-my-uploads__tools { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 22px; border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-my-uploads__tools label { width: min(360px, 100%); }
.pdfg-app .pdfg-my-uploads__tools input { width: 100%; min-height: 40px; padding: 7px 11px; font-size: 13px; }
.pdfg-app .pdfg-my-uploads__tools > span { color: var(--pdfg-muted); font-size: 12px; font-weight: 700; }
.pdfg-app .pdfg-my-uploads__content { flex: 1 1 auto; min-height: 0; padding: 15px 22px 22px; overflow: auto; }
.pdfg-app .pdfg-my-uploads__folders,
.pdfg-app .pdfg-my-uploads__results { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 180px)); align-content: start; justify-content: start; gap: 11px; }
.pdfg-app .pdfg-my-uploads__folders:not(:empty) { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--pdfg-border-soft); }
.pdfg-app .pdfg-my-uploads__group-title { grid-column: 1 / -1; color: var(--pdfg-navy); font-size: 12px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.pdfg-app .pdfg-my-upload-folder { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 48px; padding: 8px 10px; background: #f7f9fd; border: 1px solid var(--pdfg-border); border-radius: 9px; color: var(--pdfg-ink); text-align: left; }
.pdfg-app .pdfg-my-upload-folder:hover { background: var(--pdfg-blue-soft); border-color: #9db2ec; }
.pdfg-app .pdfg-my-upload-folder > span { color: #e2a92d; font-size: 24px; line-height: .7; transform: rotate(90deg); }
.pdfg-app .pdfg-my-upload-folder strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-my-upload-card { display: grid; grid-template-rows: auto auto; min-width: 0; padding: 0; background: #fff; border: 2px solid transparent; border-radius: 10px; box-shadow: 0 2px 8px rgba(21, 33, 80, .12); color: var(--pdfg-ink); overflow: hidden; text-align: left; }
.pdfg-app .pdfg-my-upload-card:hover { border-color: #8da6e8; transform: translateY(-1px); }
.pdfg-app .pdfg-my-upload-card.is-selected { border-color: #3fbc61; box-shadow: 0 0 0 2px rgba(63, 188, 97, .24), 0 5px 14px rgba(21, 33, 80, .15); }
.pdfg-app .pdfg-my-upload-card__image { display: block; width: 100%; aspect-ratio: 63 / 88; background: #d9e0eb; overflow: hidden; }
.pdfg-app .pdfg-my-upload-card__image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.pdfg-app .pdfg-my-upload-card__meta { display: grid; gap: 2px; padding: 7px 8px; background: #fff; }
.pdfg-app .pdfg-my-upload-card__meta strong,
.pdfg-app .pdfg-my-upload-card__meta small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdfg-app .pdfg-my-upload-card__meta strong { color: var(--pdfg-ink); font-size: 13px; }
.pdfg-app .pdfg-my-upload-card__meta small { color: var(--pdfg-muted); font-size: 12px; }
.pdfg-app .pdfg-my-uploads__empty { grid-column: 1 / -1; padding: 48px 20px; color: var(--pdfg-muted); font-size: 13px; text-align: center; }
.pdfg-app .pdfg-my-uploads-dialog > .pdfg-pager { flex: 0 0 auto; min-height: 42px; padding: 7px 22px; border-top: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-my-uploads-dialog > .pdfg-pager,
.pdfg-app .pdfg-my-uploads-dialog > .pdfg-pager button { font-size: 12px; }
.pdfg-app .pdfg-my-uploads__footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 18px; min-height: 58px; padding: 9px 22px; background: #f7f9fd; border-top: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-my-uploads__footer span { color: var(--pdfg-muted); font-size: 12px; font-weight: 750; }
.pdfg-app .pdfg-my-uploads__navigation > .pdfg-btn,
.pdfg-app .pdfg-my-uploads__gate .pdfg-btn,
.pdfg-app .pdfg-my-uploads__footer .pdfg-btn { font-size: 12px; }
.pdfg-app .pdfg-project-cardback-dialog {
display: flex;
flex-direction: column;
width: min(96vw, 1120px) !important;
height: min(88vh, 850px);
max-height: 88vh;
padding: 0;
overflow: hidden;
}
.pdfg-app .pdfg-project-cardback-toolbar {
display: grid;
grid-template-columns: minmax(240px, 1fr) auto;
align-items: center;
gap: 12px;
padding: 12px 22px;
background: var(--pdfg-surface-soft);
border-bottom: 1px solid var(--pdfg-border);
}
.pdfg-app .pdfg-project-cardback-toolbar .pdfg-card-editor__search { width: 100%; }
.pdfg-app .pdfg-project-cardback-toolbar .pdfg-btn { min-height: 39px; }
.pdfg-app .pdfg-project-cardback-toolbar .pdfg-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.pdfg-app .pdfg-project-cardback-upload-actions { display: flex; gap: 7px; }
.pdfg-app .pdfg-project-cardback-resultbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 8px 22px;
background: #eef4ff;
border-bottom: 1px solid #c8d8fb;
color: var(--pdfg-muted);
font-size: 9px;
}
.pdfg-app .pdfg-project-cardback-resultbar span:last-child { color: #294c98; font-weight: 750; text-align: right; }
.pdfg-app .pdfg-project-cardback-dialog > .pdfg-card-editor__results { flex: 1 1 auto; grid-template-columns: repeat(auto-fill, minmax(145px, 175px)); align-content: start; justify-content: center; min-height: 0; padding: 14px 22px; }
.pdfg-app .pdfg-project-cardback-dialog > .pdfg-card-editor__pager { flex: 0 0 auto; min-height: 48px; padding: 8px 22px; border-top: 1px solid var(--pdfg-border); }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-global-cardback,
.wp-dark-mode-active .pdfg-app .pdfg-global-cardback { background: #202a3a !important; border-color: #46546a !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-global-cardback__copy strong,
.wp-dark-mode-active .pdfg-app .pdfg-global-cardback__copy strong { color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-my-uploads-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-my-uploads-dialog { background: #1b2433 !important; border-color: #3d4a60 !important; color: #edf3ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-uploads__head h2, .pdfg-my-uploads__gate h3, .pdfg-my-uploads__group-title, #pdfgMyUploadsBreadcrumbs button:disabled),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-uploads__head h2, .pdfg-my-uploads__gate h3, .pdfg-my-uploads__group-title, #pdfgMyUploadsBreadcrumbs button:disabled) { color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-uploads__navigation, .pdfg-my-uploads__tools, .pdfg-my-uploads__footer),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-uploads__navigation, .pdfg-my-uploads__tools, .pdfg-my-uploads__footer) { background: #202a3a !important; border-color: #3d4a60 !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-my-uploads__uploadbar,
.wp-dark-mode-active .pdfg-app .pdfg-my-uploads__uploadbar { background: #25324a !important; border-color: #46597e !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-uploads__uploadbar select, .pdfg-my-uploads__uploadbar input, .pdfg-my-uploads__tools input),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-uploads__uploadbar select, .pdfg-my-uploads__uploadbar input, .pdfg-my-uploads__tools input) { background: #151d2b !important; border-color: #52617d !important; color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-my-upload-folder, .pdfg-my-upload-card, .pdfg-my-upload-card__meta),
.wp-dark-mode-active .pdfg-app :is(.pdfg-my-upload-folder, .pdfg-my-upload-card, .pdfg-my-upload-card__meta) { background: #202a3a !important; border-color: #46546a !important; color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-my-upload-card__meta strong,
.wp-dark-mode-active .pdfg-app .pdfg-my-upload-card__meta strong { color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-dialog { background: #1b2433 !important; border-color: #3d4a60 !important; color: #edf3ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-toolbar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-resultbar,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-toolbar,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-resultbar { background: #202a3a !important; border-color: #3d4a60 !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-project-cardback-resultbar span:last-child,
.wp-dark-mode-active .pdfg-app .pdfg-project-cardback-resultbar span:last-child { color: #9db7ff !important; }
@media (max-width: 600px) {
.pdfg-app .pdfg-my-uploads-dialog { width: 100vw !important; height: 100dvh; max-height: 100dvh; border-radius: 0; }
.pdfg-app .pdfg-my-uploads__head,
.pdfg-app .pdfg-my-uploads__navigation,
.pdfg-app .pdfg-my-uploads__tools,
.pdfg-app .pdfg-my-uploads__footer { padding-right: 13px; padding-left: 13px; }
.pdfg-app .pdfg-my-uploads__uploadbar { grid-template-columns: 1fr; padding: 10px 13px; }
.pdfg-app .pdfg-my-uploads__uploadbar > small { grid-column: auto; }
.pdfg-app .pdfg-my-uploads__content { padding: 12px 13px 18px; }
.pdfg-app .pdfg-my-uploads__folders,
.pdfg-app .pdfg-my-uploads__results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pdfg-app .pdfg-my-uploads__tools { align-items: stretch; flex-direction: column; gap: 5px; }
.pdfg-app .pdfg-my-uploads__footer { align-items: stretch; flex-direction: column; gap: 6px; }
.pdfg-app .pdfg-my-uploads__footer .pdfg-btn { width: 100%; }
.pdfg-app .pdfg-global-cardback__actions { grid-template-columns: 1fr; }
.pdfg-app .pdfg-project-cardback-upload-actions { align-items: stretch; flex-direction: column; }
.pdfg-app .pdfg-project-cardback-dialog { width: 100vw !important; height: 100dvh; max-height: 100dvh; border-radius: 0; }
.pdfg-app .pdfg-project-cardback-toolbar { grid-template-columns: 1fr; padding: 10px 13px; }
.pdfg-app .pdfg-project-cardback-resultbar { align-items: flex-start; flex-direction: column; gap: 3px; padding: 8px 13px; }
.pdfg-app .pdfg-project-cardback-resultbar span:last-child { text-align: left; }
.pdfg-app .pdfg-project-cardback-dialog > .pdfg-card-editor__results { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 13px; }
.pdfg-app .pdfg-workbar .pdfg-workbar__heading { gap: 6px; }
.pdfg-app .pdfg-workbar__cardback { min-height: 29px; padding: 4px 7px; font-size: 9px; }
}
.pdfg-app .pdfg-help-dialog { width: min(92vw, 660px); }
.pdfg-app .pdfg-help-dialog dl { display: grid; grid-template-columns: 125px 1fr; gap: 10px 14px; margin: 18px 0 0; }
.pdfg-app .pdfg-help-dialog dt { color: var(--pdfg-navy); font-size: 11px; font-weight: 850; }
.pdfg-app .pdfg-help-dialog dd { margin: 0; color: var(--pdfg-muted); font-size: 11px; }
.pdfg-app .pdfg-library-card-dialog { display: flex; flex-direction: column; width: min(96vw, 1380px); height: min(90vh, 900px); max-height: 90vh; padding: 0; overflow: hidden; }
.pdfg-app .pdfg-library-card-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 22px; border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-library-card-dialog header h2 { margin: 2px 0; color: var(--pdfg-navy); font-size: 21px; }
.pdfg-app .pdfg-library-card-dialog header p { margin: 0; color: var(--pdfg-muted); font-size: 10px; }
.pdfg-app .pdfg-library-card-controls { display: grid; grid-template-columns: minmax(360px, 520px) minmax(170px, 230px) minmax(0, 1fr); align-items: end; gap: 12px; padding: 10px 22px; background: var(--pdfg-surface-soft); border-bottom: 1px solid var(--pdfg-border); }
.pdfg-app .pdfg-library-card-controls .pdfg-segment { width: min(100%, 520px); }
.pdfg-app .pdfg-library-card-controls > span { align-self: center; color: var(--pdfg-blue-dark); font-size: 10px; font-weight: 800; text-align: right; }
.pdfg-app .pdfg-library-edition-sort { display: grid; gap: 4px; margin: 0; color: var(--pdfg-muted); font-size: 9px; font-weight: 800; }
.pdfg-app .pdfg-library-edition-sort select { width: 100%; min-height: 36px; padding: 5px 29px 5px 9px; font-size: 10px; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-dialog,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-dialog,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-card-dialog,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-preview-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-picker-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-library-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-library-card-dialog,
.wp-dark-mode-active .pdfg-app .pdfg-card-preview-dialog { background: #1b2433 !important; border-color: #3d4a60 !important; color: #edf3ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-card,
.wp-dark-mode-active .pdfg-app .pdfg-picker-card { background: #202a3a !important; border-color: #46546a !important; }
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-picker-card__quantity input, .pdfg-add-quantity input),
.wp-dark-mode-active .pdfg-app :is(.pdfg-picker-card__quantity input, .pdfg-add-quantity input) {
background: #151d2b !important;
border-color: #52617d !important;
color: #f4f7ff !important;
}
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-card__info strong,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-head h2,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-head h2,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-card-dialog header h2,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-card-preview-info h2,
.wp-dark-mode-active .pdfg-app .pdfg-picker-card__info strong,
.wp-dark-mode-active .pdfg-app .pdfg-picker-head h2,
.wp-dark-mode-active .pdfg-app .pdfg-library-head h2,
.wp-dark-mode-active .pdfg-app .pdfg-library-card-dialog header h2,
.wp-dark-mode-active .pdfg-app .pdfg-card-preview-info h2 { color: #f4f7ff !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-toolbar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-picker-footer,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-search-panel,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-resultbar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-understood,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-card-controls,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-workspace-tools,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-sourcebar,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-editor-library-mount,
.wp-dark-mode-active .pdfg-app .pdfg-picker-toolbar,
.wp-dark-mode-active .pdfg-app .pdfg-picker-footer,
.wp-dark-mode-active .pdfg-app .pdfg-library-search-panel,
.wp-dark-mode-active .pdfg-app .pdfg-library-resultbar,
.wp-dark-mode-active .pdfg-app .pdfg-library-understood,
.wp-dark-mode-active .pdfg-app .pdfg-library-card-controls,
.wp-dark-mode-active .pdfg-app .pdfg-library-workspace-tools,
.wp-dark-mode-active .pdfg-app .pdfg-library-sourcebar,
.wp-dark-mode-active .pdfg-app .pdfg-editor-library-mount { background: #202a3a !important; border-color: #3d4a60 !important; }
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-library-workspace-tools strong,
.wp-dark-mode-active .pdfg-app .pdfg-library-workspace-tools strong { color: #f4f7ff !important; }
@media (max-width: 900px) {
.pdfg-app .pdfg-picker-dialog,
.pdfg-app .pdfg-library-dialog { width: 100vw !important; height: 100dvh; max-height: 100dvh; border-radius: 0; }
.pdfg-app .pdfg-library-primary-filters { grid-template-columns: 1fr 1fr; }
.pdfg-app .pdfg-library-primary-filters .pdfg-library-type { grid-column: 1 / -1; }
.pdfg-app .pdfg-library-more { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pdfg-app .pdfg-picker-toolbar { grid-template-columns: 1fr 130px; }
.pdfg-app .pdfg-picker-toolbar #pdfgMyCardsReset { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
.pdfg-app .pdfg-modal--library { padding: 0; }
.pdfg-app .pdfg-picker-head,
.pdfg-app .pdfg-library-head { padding: 10px 13px; }
.pdfg-app .pdfg-library-head > div:first-child .pdfg-link-button { display: none; }
.pdfg-app .pdfg-library-workspace-tools { align-items: flex-start; padding-right: 13px; padding-left: 13px; }
.pdfg-app .pdfg-library-workspace-tools > div:first-child span { display: none; }
.pdfg-app .pdfg-library-sourcebar { align-items: stretch; flex-direction: column; padding-right: 13px; padding-left: 13px; }
.pdfg-app .pdfg-library-sourcebar .pdfg-segment { width: 100%; }
.pdfg-app .pdfg-picker-toolbar,
.pdfg-app .pdfg-library-primary-filters,
.pdfg-app .pdfg-library-more { grid-template-columns: 1fr; padding-right: 13px; padding-left: 13px; }
.pdfg-app .pdfg-library-primary-filters .pdfg-library-type { grid-column: auto; }
.pdfg-app .pdfg-range-field { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.pdfg-app .pdfg-range-field input { width: 100%; }
.pdfg-app .pdfg-category-tabs,
.pdfg-app .pdfg-card-picker-grid,
.pdfg-app .pdfg-library-results,
.pdfg-app .pdfg-picker-footer,
.pdfg-app .pdfg-library-resultbar { padding-right: 13px; padding-left: 13px; }
.pdfg-app .pdfg-card-picker-grid,
.pdfg-app .pdfg-library-results { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pdfg-app .pdfg-picker-footer { flex-wrap: wrap; }
.pdfg-app .pdfg-picker-footer__add { margin-left: auto; }
.pdfg-app .pdfg-library-resultbar { align-items: flex-start; flex-direction: column; }
.pdfg-app .pdfg-library-resultbar > div { flex-wrap: wrap; }
.pdfg-app .pdfg-card-preview-dialog { grid-template-columns: 1fr; width: min(94vw, 430px); max-height: 92vh; overflow: auto; }
.pdfg-app .pdfg-card-preview-dialog { padding-top: 58px; }
.pdfg-app .pdfg-card-preview-image img { max-height: 57vh; }
.pdfg-app .pdfg-card-preview-info { padding-right: 0; }
.pdfg-app .pdfg-library-card-controls { align-items: stretch; flex-direction: column; }
.pdfg-app .pdfg-library-card-controls { grid-template-columns: 1fr; }
.pdfg-app .pdfg-library-card-controls > span { text-align: left; }
.pdfg-app .pdfg-editor-browser-launch { grid-template-columns: 1fr; }
.pdfg-app .pdfg-editor-browser-launch .pdfg-btn { width: 100%; }
.pdfg-app .pdfg-presence-warning { align-items: flex-start; flex-wrap: wrap; padding: 8px 11px; }
} html.wp-dark-mode-active .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
html[data-wp-dark-mode-active] .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
html.wp-dark-mode-active .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled) {
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
html.wp-dark-mode-active .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
color: #201600 !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-btn--ghost:hover:not(:disabled) {
background: #293750 !important;
border-color: #65738b !important;
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-btn--soft:hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html.wp-dark-mode-active .pdfg-app .pdfg-pager button:hover:not(:disabled),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-pager button:hover:not(:disabled),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-pager button:hover:not(:disabled) {
background: #304a7d !important;
border-color: #7898d3 !important;
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-modal__close,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-modal__close,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-modal__close {
background: #2a3548 !important;
border-color: #56657c !important;
color: #f4f7ff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-modal__close:hover,
html[data-wp-dark-mode-active] .pdfg-app .pdfg-modal__close:hover,
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-modal__close:hover {
background: #71383c !important;
border-color: #b96b70 !important;
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
html[data-wp-dark-mode-active] .pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
.darkmysite_dark_mode_enabled .pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover {
background: #293750 !important;
border-color: #65738b !important;
color: #fff !important;
}
html.wp-dark-mode-active .pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
html.wp-dark-mode-active .pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
html[data-wp-dark-mode-active] .pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-alignment-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]),
.darkmysite_dark_mode_enabled .pdfg-app .pdfg-align-slot:hover:not(.is-selected):not(.is-disabled):not([aria-selected="true"]) {
background: #253657 !important;
border-color: #75a0ff !important;
color: #fff !important;
}
.pdfg-app .pdfg-card-editor__faces button,
.pdfg-app .pdfg-card-editor__panel-tabs button,
.pdfg-app .pdfg-card-editor__sources button {
color: #dce3ee !important;
}
.pdfg-app .pdfg-card-editor__faces button.is-active,
.pdfg-app .pdfg-card-editor__panel-tabs button.is-active,
.pdfg-app .pdfg-card-editor__sources button.is-active,
.pdfg-app .pdfg-card-editor__nav button {
color: #fff !important;
}
.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
background: rgba(15, 23, 42, .9) !important;
border-color: rgba(255, 255, 255, .42) !important;
color: #fff !important;
} #pdfgApp.pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export),
#pdfgApp.pdfg-app :is(.pdfg-btn--primary, .pdfg-btn--success, .pdfg-btn--green, .pdfg-btn--export):hover:not(:disabled) {
--wpdm-button-text-color: #fff;
--wpdm-button-hover-text-color: #fff;
color: #fff !important;
}
#pdfgApp.pdfg-app .pdfg-premium-actions .pdfg-btn--primary,
#pdfgApp.pdfg-app .pdfg-premium-actions .pdfg-btn--primary:hover {
--wpdm-button-text-color: #201600;
--wpdm-button-hover-text-color: #201600;
color: #201600 !important;
}
#pdfgApp.pdfg-app .pdfg-card-editor__faces button,
#pdfgApp.pdfg-app .pdfg-card-editor__panel-tabs button,
#pdfgApp.pdfg-app .pdfg-card-editor__sources button {
--wpdm-button-text-color: #dce3ee;
--wpdm-button-hover-text-color: #dce3ee;
color: #dce3ee !important;
}
#pdfgApp.pdfg-app .pdfg-card-editor__faces button.is-active,
#pdfgApp.pdfg-app .pdfg-card-editor__panel-tabs button.is-active,
#pdfgApp.pdfg-app .pdfg-card-editor__sources button.is-active,
#pdfgApp.pdfg-app .pdfg-card-editor__nav button,
#pdfgApp.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
--wpdm-button-text-color: #fff;
--wpdm-button-hover-text-color: #fff;
color: #fff !important;
}
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-btn--ghost:hover:not(:disabled),
html.wp-dark-mode-active #pdfgApp.pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover,
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app :is(.pdfg-link-button, .pdfg-type-rule button):hover {
--wpdm-button-hover-text-color: #fff;
background: #293750 !important;
border-color: #65738b !important;
color: #fff !important;
}
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-btn--soft:hover:not(:disabled),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-btn--soft:hover:not(:disabled),
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-pager button:hover:not(:disabled),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-pager button:hover:not(:disabled),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-pager button:hover:not(:disabled) {
--wpdm-button-hover-text-color: #fff;
background: #304a7d !important;
border-color: #7898d3 !important;
color: #fff !important;
}
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-modal__close,
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-modal__close,
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-modal__close {
--wpdm-button-text-color: #f4f7ff;
--wpdm-button-hover-text-color: #fff;
background: #2a3548 !important;
border-color: #56657c !important;
color: #f4f7ff !important;
}
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-modal__close:hover,
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-modal__close:hover,
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-modal__close:hover {
background: #71383c !important;
border-color: #b96b70 !important;
color: #fff !important;
}
#pdfgApp.pdfg-app .pdfg-edition-preview-dialog > .pdfg-modal__close {
background: rgba(15, 23, 42, .9) !important;
border-color: rgba(255, 255, 255, .42) !important;
}
html.wp-dark-mode-active #pdfgLibraryToggleSearch#pdfgLibraryToggleSearch:hover,
html[data-wp-dark-mode-active] #pdfgLibraryToggleSearch#pdfgLibraryToggleSearch:hover,
.darkmysite_dark_mode_enabled #pdfgLibraryToggleSearch#pdfgLibraryToggleSearch:hover {
--wpdm-button-hover-text-color: #fff;
background: #293750 !important;
border-color: #65738b !important;
color: #fff !important;
}
html.wp-dark-mode-active #pdfgApp.pdfg-app .pdfg-modal :is(.pdfg-btn--ghost, .pdfg-btn--soft, .pdfg-link-button),
html[data-wp-dark-mode-active] #pdfgApp.pdfg-app .pdfg-modal :is(.pdfg-btn--ghost, .pdfg-btn--soft, .pdfg-link-button),
.darkmysite_dark_mode_enabled #pdfgApp.pdfg-app .pdfg-modal :is(.pdfg-btn--ghost, .pdfg-btn--soft, .pdfg-link-button) {
--wpdm-button-text-color: #dce5f5;
--wpdm-button-hover-text-color: #fff;
color: #dce5f5 !important;
}
@media (max-width: 1100px) {
#pdfgApp.pdfg-app .pdfg-appbar {
grid-template-columns: 104px minmax(0, 1fr);
}
#pdfgApp.pdfg-app .pdfg-appbar__title {
display: flex;
grid-column: 1;
grid-row: 1 / span 2;
justify-content: center;
}
#pdfgApp.pdfg-app .pdfg-appbar__title-copy {
display: none;
}
#pdfgApp.pdfg-app .pdfg-appbar__home img {
width: 96px;
}
#pdfgApp.pdfg-app .pdfg-appbar__project {
grid-column: 2;
grid-row: 1;
}
#pdfgApp.pdfg-app .pdfg-appbar__actions {
grid-column: 2;
grid-row: 2;
}
}
@media (max-width: 480px) {
#pdfgApp.pdfg-app .pdfg-appbar {
grid-template-columns: 76px minmax(0, 1fr);
}
#pdfgApp.pdfg-app .pdfg-appbar__home img {
width: 72px;
}
#pdfgApp.pdfg-app .pdfg-card-editor__sourcebar {
align-items: stretch;
flex-direction: column;
}
#pdfgApp.pdfg-app .pdfg-card-editor__upload-shortcut .pdfg-btn {
width: 100%;
}
}
@media (min-width: 1101px) and (max-width: 1360px) {
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar {
grid-template-columns: 310px minmax(245px, 1fr) max-content !important;
}
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__title p {
display: none;
}
}
@media (max-width: 1100px) {
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__home img {
width: 96px !important;
max-width: 96px !important;
}
}
@media (max-width: 480px) {
html.pdfg-browser-opera #pdfgApp.pdfg-app .pdfg-appbar__home img {
width: 72px !important;
max-width: 72px !important;
}
} #pdfgApp.pdfg-app .pdfg-appbar {
grid-template-columns: minmax(250px, auto) minmax(0, 1fr) !important;
min-height: 68px;
padding-block: 9px;
}
#pdfgApp.pdfg-app .pdfg-appbar__nav {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
min-width: 0;
}
#pdfgApp.pdfg-app .pdfg-appbar__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
margin: 0;
padding: 7px 11px;
background: transparent;
border: 1px solid transparent;
border-radius: 8px;
color: #f7f9ff;
font-size: 11px;
font-weight: 800;
letter-spacing: .015em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
#pdfgApp.pdfg-app button.pdfg-appbar__link { cursor: pointer; }
#pdfgApp.pdfg-app .pdfg-appbar__link:hover,
#pdfgApp.pdfg-app .pdfg-appbar__link:focus-visible {
background: rgba(255, 255, 255, .12);
border-color: rgba(255, 255, 255, .2);
color: #fff;
}
#pdfgApp.pdfg-app .pdfg-appbar__premium { color: #ffd968; }
#pdfgApp.pdfg-app .pdfg-appbar__premium:hover { color: #ffe899; }
#pdfgApp.pdfg-app .pdfg-appbar__help {
background: rgba(255, 255, 255, .1);
border-color: rgba(255, 255, 255, .2);
}
#pdfgApp.pdfg-app .pdfg-workspace {
display: flex;
flex-direction: column;
height: 100%;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar {
position: relative;
z-index: 18;
display: grid;
grid-template-columns: minmax(235px, 1fr) auto;
align-items: center;
gap: 12px;
min-height: 61px;
padding: 7px 12px;
background: #253374;
border-bottom: 1px solid rgba(8, 17, 55, .24);
box-shadow: 0 3px 10px rgba(21, 33, 80, .14);
color: #fff;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project {
grid-column: auto;
grid-row: auto;
display: grid;
grid-template-columns: minmax(54px, 25%) minmax(60px, 1fr) auto;
align-items: center;
gap: 6px;
width: 100%;
overflow: hidden;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project input {
width: 100%;
max-width: none;
height: 38px;
padding: 0 8px;
background: rgba(255, 255, 255, .07);
border-color: rgba(255, 255, 255, .12);
border-radius: 8px;
color: #fff;
caret-color: #fff;
font-size: 12px;
font-weight: 800;
text-overflow: ellipsis;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project input:focus {
background: rgba(255, 255, 255, .12);
border-color: rgba(255, 255, 255, .34);
color: #fff;
caret-color: #fff;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-meta {
display: grid;
align-content: center;
gap: 3px;
min-width: 0;
padding: 0;
font-size: 9px;
line-height: 1.15;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-meta > span {
display: block;
min-width: 0;
padding: 0;
background: none;
border: 0;
color: #d6def8;
font: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-meta > #pdfgCardCount {
color: #fff;
font-size: 10px;
font-weight: 800;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats {
display: inline-flex;
align-items: center;
gap: 3px;
min-width: 0;
margin: 0;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats > span {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 31px;
min-height: 28px;
padding: 4px 5px;
background: rgba(13, 21, 55, .4);
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 999px;
color: #dbe3ff;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats > span:last-child {
color: #ff8c91;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats svg {
flex: 0 0 16px;
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-project-stats b {
font-size: 10px;
font-weight: 800;
line-height: 1;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions {
position: static;
grid-column: auto;
grid-row: auto;
gap: 4px;
width: auto;
overflow: visible;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject,
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject.is-saved {
background: #207654 !important;
border-color: #175c40 !important;
box-shadow: 0 2px 6px rgba(6, 47, 31, .24);
color: #fff !important;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject:hover:not(:disabled),
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgSaveProject.is-saved:hover:not(:disabled) {
background: #174f39 !important;
border-color: #123e2d !important;
color: #fff !important;
}
#pdfgApp.pdfg-app .pdfg-workspace__scroll {
flex: 1 1 auto;
height: auto;
}
#pdfgApp.pdfg-app .pdfg-registration-inset small {
display: flex;
justify-content: space-between;
color: var(--pdfg-faint);
font-size: 9px;
}
#pdfgApp.pdfg-app .pdfg-registration-inset input[type="range"] {
height: 22px;
margin: 0;
}
#pdfgApp.pdfg-app .pdfg-card-editor__upload-shortcut .pdfg-btn {
display: inline-flex;
align-items: center;
gap: 6px;
}
#pdfgApp.pdfg-app .pdfg-card-editor__upload-shortcut svg {
flex: 0 0 15px;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
#pdfgApp.pdfg-app .pdfg-project-plan-status {
display: inline-flex;
width: fit-content;
margin: 5px 0 0;
padding: 4px 8px;
background: var(--pdfg-blue-soft);
border: 1px solid #bdcdf4;
border-radius: 999px;
color: var(--pdfg-blue-dark);
font-size: 10px;
font-weight: 800;
}
#pdfgApp.pdfg-app .pdfg-share-mode-premium em {
display: inline-flex;
margin-left: 5px;
padding: 1px 5px;
background: #73520b;
border-radius: 999px;
color: #fff2b5;
font-size: 8px;
font-style: normal;
letter-spacing: .04em;
text-transform: uppercase;
}
#pdfgApp.pdfg-app .pdfg-share-modes label:has(input:disabled) {
cursor: not-allowed;
opacity: .76;
}
#pdfgApp.pdfg-app .pdfg-share-mode-premium a {
width: fit-content;
margin-top: 3px;
color: #7a5400;
font-size: 9px;
font-weight: 800;
} #pdfgApp.pdfg-app .pdfg-how-dialog {
width: min(920px, calc(100vw - 28px));
padding: 0;
overflow: hidden;
}
#pdfgApp.pdfg-app .pdfg-how-head {
padding: 24px 28px 17px;
background: var(--pdfg-blue-soft);
border-bottom: 1px solid var(--pdfg-border);
}
#pdfgApp.pdfg-app .pdfg-how-head h2 { margin: 3px 48px 4px 0; font-size: 24px; }
#pdfgApp.pdfg-app .pdfg-how-head p { margin: 0; color: var(--pdfg-muted); }
#pdfgApp.pdfg-app .pdfg-how-tour-prompt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin: 16px 22px 0;
padding: 12px 14px;
background: #fff8e1;
border: 1px solid #e6c76c;
border-radius: 10px;
}
#pdfgApp.pdfg-app .pdfg-how-tour-prompt > div { display: grid; gap: 2px; }
#pdfgApp.pdfg-app .pdfg-how-tour-prompt strong { color: var(--pdfg-ink); font-size: 12px; }
#pdfgApp.pdfg-app .pdfg-how-tour-prompt span { color: var(--pdfg-muted); font-size: 10px; }
#pdfgApp.pdfg-app .pdfg-how-steps {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
padding: 15px 22px 0;
}
#pdfgApp.pdfg-app .pdfg-how-steps button {
position: relative;
display: grid;
justify-items: center;
gap: 5px;
padding: 5px 4px 13px;
background: transparent;
border: 0;
border-bottom: 3px solid transparent;
color: var(--pdfg-muted);
}
#pdfgApp.pdfg-app .pdfg-how-steps b {
display: grid;
place-items: center;
width: 27px;
height: 27px;
background: #e9edf5;
border-radius: 50%;
font-size: 11px;
}
#pdfgApp.pdfg-app .pdfg-how-steps span { font-size: 10px; font-weight: 800; }
#pdfgApp.pdfg-app .pdfg-how-steps button.is-active { border-bottom-color: var(--pdfg-blue); color: var(--pdfg-blue-dark); }
#pdfgApp.pdfg-app .pdfg-how-steps button.is-active b { background: var(--pdfg-blue); color: #fff; }
#pdfgApp.pdfg-app .pdfg-how-panels { min-height: 250px; padding: 25px 30px; }
#pdfgApp.pdfg-app .pdfg-how-panels > section { display: none; grid-template-columns: 145px minmax(0, 1fr); align-items: center; gap: 28px; }
#pdfgApp.pdfg-app .pdfg-how-panels > section.is-active { display: grid; }
#pdfgApp.pdfg-app .pdfg-how-visual {
display: grid;
place-items: center;
width: 145px;
height: 175px;
background: linear-gradient(145deg, #edf2ff, #d5e0ff);
border: 1px solid #b8c9f5;
border-radius: 17px;
box-shadow: inset 0 0 0 9px rgba(255, 255, 255, .56);
color: var(--pdfg-blue-dark);
font-size: 52px;
font-weight: 700;
}
#pdfgApp.pdfg-app .pdfg-how-panels h3 { margin: 0 0 7px; color: var(--pdfg-navy); font-size: 19px; }
#pdfgApp.pdfg-app .pdfg-how-panels p { margin: 0 0 10px; color: var(--pdfg-muted); }
#pdfgApp.pdfg-app .pdfg-how-panels ul { margin: 0; padding-left: 18px; color: var(--pdfg-ink); }
#pdfgApp.pdfg-app .pdfg-how-panels li + li { margin-top: 4px; }
#pdfgApp.pdfg-app .pdfg-how-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 13px 22px;
background: var(--pdfg-surface-soft);
border-top: 1px solid var(--pdfg-border);
}
#pdfgApp.pdfg-app .pdfg-how-actions span { color: var(--pdfg-muted); font-size: 10px; font-weight: 800; }
#pdfgApp.pdfg-app .pdfg-tour-target {
position: relative !important;
z-index: 10001 !important;
outline: 4px solid #ffd34f !important;
outline-offset: 4px !important;
box-shadow: 0 0 0 9px rgba(47, 91, 216, .35), 0 12px 34px rgba(12, 23, 61, .34) !important;
}
#pdfgApp.pdfg-app .pdfg-guided-tour {
position: fixed;
inset: 0;
z-index: 10003;
pointer-events: none;
}
#pdfgApp.pdfg-app .pdfg-guided-tour__card {
position: fixed;
top: 90px;
left: 50%;
width: min(340px, calc(100vw - 24px));
padding: 18px;
background: var(--pdfg-surface);
border: 1px solid #9cb2ec;
border-radius: 14px;
box-shadow: 0 20px 55px rgba(9, 21, 63, .34);
pointer-events: auto;
transform: translateX(-50%);
}
#pdfgApp.pdfg-app .pdfg-guided-tour__card h2 { margin: 4px 32px 5px 0; color: var(--pdfg-navy); font-size: 18px; }
#pdfgApp.pdfg-app .pdfg-guided-tour__card p { margin: 0 0 14px; color: var(--pdfg-muted); font-size: 11px; }
#pdfgApp.pdfg-app .pdfg-guided-tour__close { position: absolute; top: 8px; right: 9px; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; background: transparent; border: 0; border-radius: 7px; color: var(--pdfg-muted); font-size: 21px; }
#pdfgApp.pdfg-app .pdfg-guided-tour__close:hover { background: var(--pdfg-surface-soft); color: var(--pdfg-ink); }
#pdfgApp.pdfg-app .pdfg-guided-tour__actions { display: flex; justify-content: space-between; gap: 10px; }
@media (max-width: 1100px) {
#pdfgApp.pdfg-app .pdfg-appbar { grid-template-columns: auto minmax(0, 1fr) !important; }
#pdfgApp.pdfg-app .pdfg-appbar__title { display: flex !important; }
#pdfgApp.pdfg-app .pdfg-appbar__title-copy { display: none; }
#pdfgApp.pdfg-app .pdfg-appbar__nav { overflow-x: auto; scrollbar-width: none; }
#pdfgApp.pdfg-app .pdfg-project-toolbar { grid-template-columns: minmax(235px, 1fr) auto; }
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions { grid-column: auto; grid-row: auto; width: auto; overflow-x: auto; }
}
@media (max-width: 1600px) and (min-width: 1361px) {
#pdfgApp.pdfg-app .pdfg-project-toolbar :is(#pdfgUndo, #pdfgRedo) {
width: 35px;
min-width: 35px;
padding-right: 0;
padding-left: 0;
font-size: 0;
}
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgUndo::after {
font-size: 16px;
content: "↶";
}
#pdfgApp.pdfg-app .pdfg-project-toolbar #pdfgRedo::after {
font-size: 16px;
content: "↷";
}
}
@media (max-width: 760px) {
#pdfgApp.pdfg-app .pdfg-appbar { min-height: 54px; padding: 6px 9px; }
#pdfgApp.pdfg-app .pdfg-appbar__nav { justify-content: flex-start; }
#pdfgApp.pdfg-app .pdfg-appbar__link { min-height: 32px; padding: 5px 8px; font-size: 9px; }
#pdfgApp.pdfg-app .pdfg-project-toolbar { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 6px 9px; }
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__project { grid-column: 1; grid-row: 1; }
#pdfgApp.pdfg-app .pdfg-project-toolbar .pdfg-appbar__actions { grid-column: 1; grid-row: 2; width: 100%; }
#pdfgApp.pdfg-app .pdfg-how-steps span { display: none; }
#pdfgApp.pdfg-app .pdfg-how-panels { min-height: 340px; padding: 20px; }
#pdfgApp.pdfg-app .pdfg-how-panels > section,
#pdfgApp.pdfg-app .pdfg-how-panels > section.is-active { grid-template-columns: 1fr; gap: 14px; }
#pdfgApp.pdfg-app .pdfg-how-visual { width: 100%; height: 92px; }
#pdfgApp.pdfg-app .pdfg-how-tour-prompt { align-items: stretch; flex-direction: column; }
}
@media (max-width: 520px) {
#pdfgApp.pdfg-app .pdfg-appbar { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 6px; min-height: 66px; }
#pdfgApp.pdfg-app .pdfg-appbar__home img { width: 64px !important; max-width: 64px !important; }
#pdfgApp.pdfg-app .pdfg-appbar__nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px 4px;
overflow: visible;
}
#pdfgApp.pdfg-app .pdfg-appbar__link { min-height: 25px; padding: 2px 4px; font-size: 7.5px; }
} #pdfgApp.pdfg-app .pdfg-modal,
#pdfgApp.pdfg-app .pdfg-modal__dialog {
box-sizing: border-box;
min-width: 0;
}
#pdfgApp.pdfg-app .pdfg-modal__dialog {
max-width: calc(100vw - 48px);
max-height: calc(100vh - 48px);
max-height: calc(100dvh - 48px);
}
@media (max-width: 900px) { #pdfgApp.pdfg-app .pdfg-modal--library,
#pdfgApp.pdfg-app #pdfgScryfallModal,
#pdfgApp.pdfg-app .pdfg-modal--my-uploads,
#pdfgApp.pdfg-app #pdfgProjectCardbackModal,
#pdfgApp.pdfg-app .pdfg-modal--card-editor,
#pdfgApp.pdfg-app .pdfg-modal--library-card {
align-items: stretch;
padding: 0;
}
#pdfgApp.pdfg-app .pdfg-picker-dialog,
#pdfgApp.pdfg-app .pdfg-library-dialog,
#pdfgApp.pdfg-app .pdfg-my-uploads-dialog,
#pdfgApp.pdfg-app .pdfg-project-cardback-dialog,
#pdfgApp.pdfg-app .pdfg-card-editor,
#pdfgApp.pdfg-app .pdfg-library-card-dialog {
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
max-height: 100vh !important;
max-height: 100dvh !important;
border-radius: 0;
}
}
@media (max-width: 600px) { #pdfgApp.pdfg-app .pdfg-library-search-panel {
flex: 0 1 auto;
min-height: 150px;
max-height: 58vh;
max-height: 58dvh;
overflow-y: auto;
overscroll-behavior: contain;
}
#pdfgApp.pdfg-app .pdfg-library-results {
min-height: 130px;
}
}@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0 0 0 20px;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}