.macros-basics-dialog{display:flex;flex-direction:column;gap:1rem;inset:0;margin:auto;max-width:380px;position:fixed;width:100%;--tw-bg-opacity:1;background-color:rgb(var(--color-surface-page)/1);background-color:rgb(var(--color-surface-page)/var(--tw-bg-opacity,1));padding:1rem .5rem 1rem 1rem;--tw-shadow:var(--shadow-floating);--tw-shadow-colored:var(--shadow-floating);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;top:-4rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}@media(min-width:640px){.macros-basics-dialog{max-width:420px}}@media(min-width:768px){.macros-basics-dialog{max-width:480px;padding:1.5rem 1rem 1.5rem 1.5rem}}@media(min-width:1024px){.macros-basics-dialog{max-width:550px;padding:2.5rem 2rem 2.5rem 2.5rem}}.macros-basics-dialog{scrollbar-color:rgb(var(--color-line-default)/1) transparent;scrollbar-width:thin}.macros-basics-dialog::-webkit-scrollbar{width:.375rem}.macros-basics-dialog::-webkit-scrollbar-track{background-color:transparent}.macros-basics-dialog::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(var(--color-neutrals-300)/1);background-color:rgb(var(--color-neutrals-300)/var(--tw-bg-opacity,1))}.macros-basics-dialog .dialog-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.macros-basics-dialog .dialog-container{gap:1.5rem}}@media(min-width:1024px){.macros-basics-dialog .dialog-container{gap:2rem}}.macros-basics-dialog .dialog-container .dialog-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:0}.macros-basics-dialog .dialog-container .dialog-header .dialog-title{display:block}.macros-basics-dialog .dialog-container .dialog-header .dialog-close{background-color:transparent;border-width:0;cursor:pointer;margin-left:auto;padding:.25rem}.macros-basics-dialog .dialog-container .dialog-body{overflow-y:auto}.macros-basics-dialog.has-title .dialog-header{border-width:0}.macros-basics-dialog.no-title .dialog-header{padding-bottom:.5rem}.macros-basics-dialog.no-title .dialog-body{padding-top:.5rem}@media(min-width:768px){.macros-basics-dialog.is-form-sent{max-width:480px;padding:1.5rem}}@media(min-width:1024px){.macros-basics-dialog.is-form-sent{max-width:550px;padding:2.5rem}}.macros-basics-dialog.is-form-sent .dialog-container{gap:0}.macros-basics-dialog.is-form-sent .dialog-container .dialog-header .dialog-title{display:none}.macros-basics-dialog::backdrop{background-color:rgb(var(--color-surface-dark-primary)/.1)}.macros-basics-dialog:open{opacity:1;pointer-events:auto;top:0}