/* Match the storefront's square cells and 300ms gray backdrop fade. */
html body dialog.tf-portal-dialog{box-sizing:border-box;width:min(500px,calc(100vw - 24px));max-width:500px;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid transparent;border-radius:0;background:transparent;background-clip:padding-box;color:#000;font-size:17px;font-weight:400;line-height:1.45;box-shadow:none;opacity:0;transition:opacity .3s ease;overflow:auto}
html body dialog.tf-portal-dialog::backdrop{background:rgba(221,221,221,.7);opacity:0;transition:opacity .3s ease}
html body dialog.tf-portal-dialog[data-backdrop-visible=true],html body dialog.tf-portal-dialog[data-backdrop-visible=true]::backdrop{opacity:1}
html body dialog.tf-portal-dialog>:is(h2,p,.tf-dialog-message){box-sizing:border-box;margin:0;background:#fff;min-height:45.5px;border:1px solid #fff;padding:calc(13px - .225em) 15px calc(45.5px - 1.225em - 15px);font:inherit;white-space:pre-line;overflow-wrap:anywhere}
html body dialog.tf-portal-dialog>:is(p,.tf-dialog-message)+:is(p,div),html body dialog.tf-portal-dialog>h2+*{margin-top:3px}
html body dialog.tf-portal-dialog>div:not(.tf-dialog-message){display:flex;gap:3px;justify-content:flex-end;padding:0;background:transparent}
html body dialog.tf-portal-dialog button{box-sizing:border-box;flex:1;min-width:0;width:auto;height:45.5px;min-height:45.5px;margin:0;padding:calc(13px - .225em) 15px 0;display:flex;align-items:flex-start;justify-content:center;border:1px solid transparent;border-radius:0;background:#fff;color:#000;box-shadow:none;font:inherit;line-height:1.45;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body dialog.tf-portal-dialog :is(button[data-confirm],button[data-leave=save],#publish-confirm){background:#000;color:#fff;border-color:transparent}
html body dialog.tf-portal-dialog button:hover{border-color:#000}
html body dialog.tf-portal-dialog button:disabled{opacity:.4;cursor:default}
html body dialog.tf-portal-dialog>:is(#specimen-leave-error,#publish-result):empty{display:none}
@media(prefers-reduced-motion:reduce){html body dialog.tf-portal-dialog,html body dialog.tf-portal-dialog::backdrop{transition:none}}
html body dialog.tf-portal-dialog>div:has(>[data-leave=discard]){flex-wrap:wrap}
html body dialog.tf-portal-dialog>div:has(>[data-leave=discard])>button{flex:1 0 auto;min-width:max-content}

html body dialog.tf-portal-dialog button:focus-visible,html body #portal-editor dialog.tf-portal-dialog button:focus-visible{outline:none;box-shadow:none}

@media(max-device-width:813px) and (orientation:portrait){html body dialog.tf-portal-dialog{font-size:4.15vw}html body dialog.tf-portal-dialog>:is(h2,p,.tf-dialog-message){min-height:calc(9vw + 2px);padding:calc(2.7vw - .225em) 3.4vw calc(6.3vw - 1.225em)}html body dialog.tf-portal-dialog button{height:calc(9vw + 2px);min-height:0;padding:calc(2.7vw - .225em) 3.4vw 0}}

html body dialog.tf-portal-dialog button:active{transform:none}

html body dialog.tf-portal-dialog,html body dialog.tf-portal-dialog *{-webkit-user-select:none;user-select:none}