.park-hairtest-dialog{width:min(1120px,calc(100vw - 40px));height:min(850px,calc(100dvh - 40px));max-width:100%;max-height:calc(100dvh - 16px);margin:auto;inset:0;padding:0;border:0;border-radius:var(--park-radius);background:var(--park-cloud);color:var(--park-forrest);overflow:hidden}
.park-hairtest-dialog::backdrop{background:rgb(var(--park-forrest-rgb) / .45)}
.park-hairtest-dialog[open]{display:flex;flex-direction:column}
.park-hairtest-dialog__bar{display:flex;justify-content:flex-end;align-items:center;flex:0 0 auto;min-height:56px;padding:6px 16px;border-bottom:1px solid var(--park-sage)}
.park-hairtest-dialog__bar>span{margin-right:auto}
.park-hairtest-dialog__bar button{font:600 14px Montserrat,sans-serif;background:transparent;color:var(--park-forrest);min-height:44px;border:0;cursor:pointer}
.park-hairtest-dialog__content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--park-cloud)}
.park-hairtest-dialog [data-haartest]{margin-block:0;padding-block:24px}
.park-hairtest-dialog .shopify-app-block{min-width:0}
html:has(.park-hairtest-dialog[open]),body:has(.park-hairtest-dialog[open]){overflow:hidden}
@media(max-width:760px){.park-hairtest-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:var(--park-btn-radius)}}

/* The app's outlined actions must not inherit the theme's filled CTA ink. */
.park-hairtest-dialog [data-haartest] .cc-park-btn--secondary:not(.cc-park-btn--on-dark){--park-cta-ink:var(--park-forrest)!important}

.park-hairtest-dialog__frame{display:block;flex:1;min-height:0;width:100%;height:100%;border:0;background:var(--park-cloud)}