.df-dialog.df-dialog.df-dialog{--df-dialog-width:580px;inset:var(--app-viewport-top,0px) 0 var(--app-viewport-bottom,0px);z-index:auto;box-sizing:border-box;width:min(var(--df-dialog-width),calc(100vw - 32px));min-width:0;max-width:none;height:fit-content;max-height:calc(var(--app-viewport-height,100dvh) - 48px);color:#f1f1ed;box-shadow:none;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;outline:none;margin:auto;padding:0;transition:none;animation:none;position:fixed;overflow:visible;transform:none}.df-dialog.df-dialog.df-dialog[open]{display:block}.df-dialog.df-dialog.df-dialog:not([open]){display:none}.df-dialog.df-dialog.df-dialog[data-size=sm]{--df-dialog-width:440px}.df-dialog.df-dialog.df-dialog[data-size=lg]{--df-dialog-width:820px}.df-dialog.df-dialog.df-dialog[data-size=xl]{--df-dialog-width:1180px}.df-dialog.df-dialog.df-dialog[data-layout=content]:has(>.df-dialog-panel>.df-dialog-footer){width:max-content;min-width:min(var(--df-dialog-width),calc(100vw - 32px));max-width:calc(100vw - 32px)}.df-dialog[data-layout=content]:has(>.df-dialog-panel>.df-dialog-footer)>.df-dialog-panel>:is(.df-dialog-header,.df-dialog-body){contain:inline-size}.df-dialog.df-dialog.df-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080acc}.df-dialog-panel{box-sizing:border-box;max-height:calc(var(--app-viewport-height,100dvh) - 48px);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:#18181af2 linear-gradient(#ffffff0b,#ffffff02 40%);border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14}.df-dialog-popover.df-dialog-popover{-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:#18181af2 linear-gradient(#ffffff0b,#ffffff02 40%);border:1px solid #ffffff1f;border-radius:22px;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-header{background:0 0;border:0;flex-wrap:wrap;flex-shrink:0;align-items:flex-start;gap:14px;margin:0;padding:22px 22px 0 24px;display:flex}.df-dialog-heading{flex:1;min-width:0;padding-top:5px}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-header .df-dialog-heading :is(h1,h2,h3){letter-spacing:-.01em;color:#f6f6f2;overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;line-height:1.35;display:flex}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-header .df-dialog-heading p{color:#ffffffa6;margin:6px 0 0;font-size:13px;line-height:1.55}.df-dialog-icon{color:#f1f1ed;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.df-dialog-icon svg{width:19px;height:19px}.df-dialog[data-tone=danger]>.df-dialog-panel>.df-dialog-header .df-dialog-icon{color:#f3b0a8;background:#e5aaa01a;border-color:#e5aaa040}.df-dialog-close{margin:-2px -4px 0 auto}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body{overscroll-behavior:contain;color:#e8e8e3;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;min-height:0;padding:18px 24px 22px;font-size:14px;line-height:1.6;overflow:auto}.df-dialog-body>:first-child{margin-top:0}.df-dialog-body>:last-child{margin-bottom:0}.df-dialog-body :where(p){margin:0 0 12px}.df-dialog-body :where(form,.df-fields){gap:18px;display:grid}.df-dialog-body :where(label:has(>input:not([type=radio]):not([type=checkbox]),>textarea,>select)),.df-dialog-body :where(fieldset>legend){color:#ffffffb3;gap:8px;font-size:12.5px;font-weight:500;display:grid}.df-dialog-body :where(fieldset){border:0;min-width:0;margin:0;padding:0}.df-dialog-body :where(fieldset>legend){margin-bottom:8px;padding:0}.df-dialog-body :where(input:not([type=radio]):not([type=checkbox]),textarea,select){box-sizing:border-box;color:#f6f6f2;width:100%;min-height:42px;font:inherit;background:#00000038;border:1px solid #ffffff1f;border-radius:12px;padding:10px 13px;font-size:14px;transition:border-color .16s,box-shadow .16s}.df-dialog-body :where(input,textarea,select):focus-visible{border-color:#ffffff4d;outline:none;box-shadow:0 0 0 4px #ffffff0f}.df-dialog-body :where(.builder-error){color:#f0bdb4;background:#e5aaa012;border:1px solid #e5aaa033;border-radius:12px;margin:0;padding:10px 13px;font-size:12.5px}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-footer{background:0 0;border-top:1px solid #ffffff0f;flex-flow:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding:16px 22px 20px;display:flex}.df-dialog.df-dialog.df-dialog[data-size=sm]>.df-dialog-panel>.df-dialog-footer{border-top:0;padding-top:4px}.df-dialog-footer-start{flex-flow:row;gap:8px;min-width:0;margin-right:auto;display:flex}.df-dialog.df-dialog .df-dialog-footer-end{flex-flow:row;justify-content:flex-end;align-items:stretch;gap:8px;min-width:0;margin-left:auto;display:flex}:is(.builder,body) .df-dialog :is(.df-dialog-footer,.df-dialog-footer-start,.df-dialog-footer-end,.sharing-actions,.builder-delete-actions)>button.action-button[data-variant][data-size]{white-space:normal;overflow-wrap:anywhere;flex-shrink:1;width:auto;min-width:0;margin:0}.df-dialog.df-dialog.df-dialog[data-layout=workspace]{inset:var(--app-viewport-top,0px) 0 var(--app-viewport-bottom,0px);width:100vw;height:var(--app-viewport-height,100dvh);max-height:none;margin:0}.df-dialog[data-layout=workspace]>.df-dialog-panel{height:var(--app-viewport-height,100dvh);max-height:var(--app-viewport-height,100dvh);box-shadow:none;background:#171717;border:0;border-radius:0}.df-dialog.df-dialog[data-layout=workspace]>.df-dialog-panel>.df-dialog-header{z-index:10;border-bottom:1px solid #ffffff0f;align-items:center;min-height:68px;padding:12px 24px;position:relative}.df-dialog.df-dialog[data-layout=workspace]>.df-dialog-panel>.df-dialog-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.df-dialog[data-layout=workspace]>.df-dialog-panel>.df-dialog-body>:is(.card-model-editor,.dressing-workspace,.playmat-editor-main,.card-edit-body,.tuckbox-editor-content){flex:1;height:auto;min-height:0}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body>:is(.deck-card-picker-collection,.card-preset-sections){max-height:none;padding:0;overflow:visible}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body :is(.sharing-actions,.builder-delete-actions){flex-flow:row;justify-content:flex-end;gap:8px;margin:20px 0 0;display:flex}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body>.df-dialog-footer-end{margin-top:20px}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body .df-dialog-loading{place-items:center;min-height:140px;display:grid;position:static}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body>.credits-page{background:0 0;min-height:0}.df-dialog.df-dialog .credits-page .workspace-content{padding:0;overflow:visible}.df-dialog.df-dialog .credits-page-content{padding:0}.df-dialog.design-assistant-dialog>.df-dialog-panel{height:min(820px,calc(var(--app-viewport-height,100dvh) - 48px))}.df-dialog.design-assistant-dialog>.df-dialog-panel>.df-dialog-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body{justify-items:center;gap:16px;padding-inline:64px;display:grid;position:relative}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body .image-preview-stage{width:100%;min-height:0;position:relative;inset:auto}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body .image-preview-stage>img,.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body>img{width:auto;max-width:100%;height:auto;max-height:var(--df-media-height,calc(var(--app-viewport-height,100dvh) - 230px));object-fit:contain;display:block}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body .public-card-dialog-content{max-width:100%}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body .image-preview-flip .card-face-front>img{max-width:100%;max-height:var(--df-media-height,calc(var(--app-viewport-height,100dvh) - 230px))}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body .image-preview-flip .composed-card-face{height:min(var(--df-media-height,calc(var(--app-viewport-height,100dvh) - 230px)),calc(var(--df-media-width,calc(min(var(--df-dialog-width),100vw) - 160px)) / var(--card-ratio,.719101)));max-width:100%}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body :is(.image-preview-adjust,.checkout-print-zoom-counter){position:static;transform:none}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body :is(.image-preview-previous,.public-card-previous,.checkout-print-previous){position:absolute;top:50%;bottom:auto;left:12px;transform:translateY(-50%)}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body :is(.image-preview-next,.public-card-next,.checkout-print-next){position:absolute;top:50%;bottom:auto;right:12px;transform:translateY(-50%)}.df-dialog.df-dialog.df-dialog[data-layout=lightbox]{--df-media-height:calc(var(--app-viewport-height,100dvh) - 160px);--df-media-width:calc(100vw - 128px);inset:var(--app-viewport-top,0px) 0 var(--app-viewport-bottom,0px);width:100vw;height:var(--app-viewport-height,100dvh);max-height:none;margin:0}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel{width:100%;height:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;border-radius:0}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-header{align-items:center;padding:16px 24px}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-body{flex:1;align-content:center;align-items:center;padding-block:16px 24px}.df-dialog[data-layout=lightbox]>.df-dialog-panel>:is(.df-dialog-header,.df-dialog-body)>*{pointer-events:auto}.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog>.df-dialog-panel>.df-dialog-body{grid-template-rows:minmax(0,1fr);align-content:normal}.df-dialog.df-dialog[data-layout=lightbox].has-adjust{--df-media-height:calc(var(--app-viewport-height,100dvh) - 210px)}.df-dialog.df-dialog[data-layout=lightbox].has-adjust>.df-dialog-panel>.df-dialog-body{grid-template-rows:minmax(0,1fr) auto}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-body .image-preview-stage{height:100%}.df-dialog.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-body .image-preview-flip .card-face-front>img{max-height:var(--df-media-height)}.df-dialog.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-body .image-preview-flip .composed-card-face{height:min(var(--df-media-height),calc(var(--df-media-width) / var(--card-ratio,.719101)));max-width:100%}.df-dialog[open]>.df-dialog-panel{animation:.24s cubic-bezier(.2,.8,.2,1) both df-dialog-in}.df-dialog[open]::backdrop{animation:.2s both df-dialog-fade}@keyframes df-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes df-dialog-fade{0%{opacity:0}}@media (max-width:640px){.df-dialog.df-dialog.df-dialog{inset:auto 0 var(--app-viewport-bottom,0px);width:100%;max-height:calc(var(--app-viewport-height,100dvh) - 24px);margin:0}.df-dialog-panel{max-height:calc(var(--app-viewport-height,100dvh) - 24px);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:22px 22px 0 0}.df-dialog[open]>.df-dialog-panel{animation-name:df-sheet-in}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-header{padding:20px 18px 0 20px}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-body{padding:16px 20px 20px}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-footer{padding:14px 18px 18px}.df-dialog.df-dialog.df-dialog[data-layout=content]:has(>.df-dialog-panel>.df-dialog-footer){width:100%;min-width:0;max-width:100%}:is(.builder,body) .df-dialog :is(.df-dialog-footer,.df-dialog-footer-start,.df-dialog-footer-end,.sharing-actions,.builder-delete-actions)>button.action-button[data-variant][data-size]{padding-inline:10px}.df-dialog.df-dialog[data-layout=workspace]>.df-dialog-panel>.df-dialog-header{padding:10px 16px}.df-dialog.df-dialog:is([data-layout=media],[data-layout=lightbox])>.df-dialog-panel>.df-dialog-body{padding-inline:48px}.df-dialog.df-dialog.df-dialog[data-layout=lightbox]{--df-media-width:calc(100vw - 96px)}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-header{padding:12px 16px}@keyframes df-sheet-in{0%{opacity:.4;transform:translateY(40px)}}}@media (prefers-reduced-motion:reduce){.df-dialog[open]>.df-dialog-panel,.df-dialog[open]::backdrop{animation:none}}.df-dialog.df-dialog>.df-dialog-panel>.df-dialog-header+.df-dialog-footer{padding-top:20px}.df-dialog-icon+.df-dialog-heading{padding-top:2px}.df-dialog.df-dialog[data-layout=lightbox]::backdrop{-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:radial-gradient(80% 70%,#141416e6,#070708f5)}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-header{padding:18px 20px}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-header .df-dialog-heading{flex:0 auto;padding:0}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-header .df-dialog-heading h2{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;text-overflow:ellipsis;background:#161618b3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;max-width:min(560px,100vw - 120px);padding:8px 16px;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex;overflow:hidden}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-header .action-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161618b3;margin-left:auto}.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog>.df-dialog-panel>.df-dialog-body .image-preview-stage{place-items:center;display:grid}.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog>.df-dialog-panel>.df-dialog-body .image-preview-stage>img{border-radius:14px;animation:.28s cubic-bezier(.2,.8,.2,1) both df-asset-in;box-shadow:0 30px 80px #000000b3,0 0 0 1px #ffffff14}.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog>.df-dialog-panel>.df-dialog-body .image-preview-stage>img:is([data-image-role=ASSET],[data-image-role=EMBLEM],[data-image-role=WORDMARK],[data-image-role=SYMBOL],[data-image-role=LOGO]){box-sizing:border-box;max-height:min(var(--df-media-height),640px);object-fit:contain;background:radial-gradient(at 50% 40%,#ffffff12,#ffffff05 70%),#1a1a1ccc;border-radius:28px;max-width:min(100%,900px);padding:clamp(24px,5vw,56px);box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff14}.df-dialog.df-dialog[data-layout=lightbox]>.df-dialog-panel>.df-dialog-body .image-preview-adjust{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161618cc;border-color:#ffffff26;justify-self:center;box-shadow:0 12px 30px #0006}@keyframes df-asset-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog>.df-dialog-panel>.df-dialog-body .image-preview-stage>img{animation:none}}.df-dialog.df-dialog.df-dialog[data-inline][open]{z-index:auto;flex-direction:column;flex:1;width:auto;height:auto;min-height:0;max-height:none;margin:0;display:flex;position:relative;inset:auto}.df-dialog.df-dialog.df-dialog[data-inline][open]>.df-dialog-panel{background:0 0;flex:1;height:auto;min-height:0;max-height:none;animation:none}
