@iamproperty/components 3.7.9-beta → 3.7.9

package/assets/css/components/dialog.css

@@ -1 +1 @@
-body:not(.js-enabled) dialog:not([open]):target{display:block}dialog[open]{--dialog-padding: 1.5rem;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);display:flex;flex-direction:column}dialog[open]>*:last-child,dialog[open]>.mh-lg>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child,dialog[open]>.mh-lg>:is(p):last-child{padding-bottom:0}*:not(.dialog__wrapper)>dialog[open]{overflow-y:hidden;width:90vw;max-width:20.25rem;max-height:min(90vh, 47rem);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]>form:first-child{position:static}*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{position:absolute;top:var(--dialog-padding);right:var(--dialog-padding);z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.25rem;width:1.25rem;background:rgba(0,0,0,0)}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{content:"";top:0;left:0;position:absolute;display:block;height:1.25rem;width:1.25rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6),*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6){padding-bottom:0.5rem;line-height:1.1875rem}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}@media(forced-colors: active){*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{text-indent:0;width:fit-content}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{display:none}}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]{min-width:28.375rem;width:fit-content;max-width:46rem}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){padding:0 !important}*:not(.dialog__wrapper)>dialog[open].dialog--fullwidth{max-width:69.5rem}@media screen and (max-width: 36em){*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close){width:100%;max-width:100%;margin:0;display:block;text-align:center}*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close):not(:last-child){margin-bottom:1rem !important}}*:not(.dialog__wrapper)>dialog[open] .mh-lg{padding-left:1rem;margin-left:-1rem;padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px);margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding)}*:not(.dialog__wrapper)>dialog[open] .mh-lg:before{top:100%;height:var(--dialog-padding)}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)){text-align:center}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{content:"";font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:"Font Awesome 6 Pro";font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child{display:none}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)) button{margin-bottom:0}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{padding-top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset:not(.active){display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi:not(:has(fieldset.active)) fieldset:first-of-type{display:flex;flex-direction:column}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form>*:not(fieldset){display:none !important}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form{max-height:23.125rem}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi :is(.h1,.h2,.h3,.h4,.h5,.h6){padding-right:calc(var(--dialog-padding)*3);padding-bottom:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:100%;position:absolute;top:0;left:0;padding:var(--dialog-padding);counter-reset:section;display:flex;justify-content:space-between}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{content:"";position:absolute;top:calc(50% - 1px);left:var(--dialog-padding);z-index:2;width:calc(100% - var(--dialog-padding) - var(--dialog-padding));height:2px;background:currentColor;z-index:1;opacity:.5}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{position:relative;background:rgba(0,0,0,0);border:none;color:inherit;height:1.5rem;line-height:1.5rem;width:1.5rem;text-indent:300%;overflow:hidden;z-index:2;background-color:var(--colour-primary);outline:.5rem solid var(--colour-primary)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:before{position:absolute;top:0;left:0;counter-increment:section;content:counter(section);border:1px solid currentColor;height:1.5rem;line-height:1.5rem;width:1.5rem;text-align:center;display:inline-block;text-indent:0;border-radius:50%}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):before{opacity:.5}@media screen and (min-width: 36em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:28.25rem;width:28.25rem;max-width:28.25rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:57.75rem;width:57.75rem;max-width:57.75rem;padding-top:var(--dialog-padding);padding-left:calc(var(--dialog-padding) + 17.625rem);display:flex;flex-direction:column}}@media screen and (min-width: 62em)and (min-height: 31.25rem){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{height:29.875rem;max-height:29.875rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:17.625rem;height:100%;flex-direction:column;justify-content:center}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{margin-block:.5rem;width:100%;text-indent:0;text-align:left;padding-left:2rem;font-size:1.125rem;outline-width:1px}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{margin-top:auto;text-align:right}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form{display:contents}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset{display:flex;flex-direction:column;flex-grow:1;position:relative;overflow:auto;margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding);padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset::before{content:"";top:100%;bottom:0;left:0;right:0;height:var(--dialog-padding);min-height:var(--dialog-padding);position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:calc(var(--dialog-padding)*-1)}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){display:block}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg,*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg:before{display:contents}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:46rem;max-width:46rem}}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper>.btn:first-child{margin-bottom:.25rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child.active:after{transform:rotate(-90deg)}.dialog__wrapper:has(dialog[open])>.btn:first-child:after{transform:rotate(270deg)}.dialog__wrapper>dialog[open]{left:0;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:19.9375rem;padding:1.5rem}@media screen and (min-width: 36em){.dialog__wrapper>dialog[open]{width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>dialog[open]{width:22.5rem}}.dialog__wrapper.dialog__wrapper--right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}/*# sourceMappingURL=dialog.css.map */
+body:not(.js-enabled) dialog:not([open]):target{display:block}dialog[open]{--dialog-padding: 1.5rem;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);display:flex;flex-direction:column}dialog[open]>*:last-child,dialog[open]>.mh-lg>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child,dialog[open]>.mh-lg>:is(p):last-child{padding-bottom:0}*:not(.dialog__wrapper)>dialog[open]{overflow-y:hidden;width:90vw;max-width:20.25rem;max-height:min(90vh, 47rem);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]>form:first-child{position:static}*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{position:absolute;top:var(--dialog-padding);right:var(--dialog-padding);z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.25rem;width:1.25rem;background:rgba(0,0,0,0)}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{content:"";top:0;left:0;position:absolute;display:block;height:1.25rem;width:1.25rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6),*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6){padding-bottom:0.5rem;line-height:1.1875rem}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}@media(forced-colors: active){*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{text-indent:0;width:fit-content}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{display:none}}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]{min-width:28.375rem;width:fit-content;max-width:46rem}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){padding:0 !important}*:not(.dialog__wrapper)>dialog[open].dialog--fullwidth{max-width:69.5rem}@media screen and (max-width: 36em){*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close){width:100%;max-width:100%;margin:0;display:block;text-align:center}*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close):not(:last-child){margin-bottom:1rem !important}}*:not(.dialog__wrapper)>dialog[open] .mh-lg{padding-left:1rem;margin-left:-1rem;padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px);margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding)}*:not(.dialog__wrapper)>dialog[open] .mh-lg:before{top:100%;height:var(--dialog-padding)}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)){text-align:center}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{content:"";font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:"Font Awesome 6 Pro";font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child{display:none}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)) button{margin-bottom:0}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{padding-top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset:not(.active){display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi:not(:has(fieldset.active)) fieldset:first-of-type{display:flex;flex-direction:column}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form>*:not(fieldset){display:none !important}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form{max-height:23.125rem}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi :is(.h1,.h2,.h3,.h4,.h5,.h6){padding-right:calc(var(--dialog-padding)*3);padding-bottom:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:100%;position:absolute;top:0;left:0;padding:var(--dialog-padding);counter-reset:section;display:flex;justify-content:space-between}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{content:"";position:absolute;top:calc(50% - 1px);left:var(--dialog-padding);z-index:2;width:calc(100% - var(--dialog-padding) - var(--dialog-padding));height:2px;background:currentColor;z-index:1;background:linear-gradient(90deg, var(--colour-success) 0%, var(--colour-success) var(--progress, 0%), rgba(255, 255, 255, 0.5) var(--progress, 0%), rgba(255, 255, 255, 0.5) 100%)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{position:relative;background:rgba(0,0,0,0);border:none;color:rgba(255,255,255,.5);height:1.5rem;line-height:1.5rem;width:1.5rem;text-indent:300%;overflow:hidden;z-index:2;background-color:var(--colour-primary);outline:.5rem solid var(--colour-primary)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:before{position:absolute;top:0;left:0;counter-increment:section;content:counter(section);border:1px solid currentColor;height:1.5rem;line-height:1.5rem;width:1.5rem;text-align:center;display:inline-block;text-indent:0;border-radius:50%}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):not(.valid){pointer-events:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):not(.valid):before{opacity:.5}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.active{color:var(--colour-white)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.valid{color:var(--colour-success)}@media screen and (prefers-color-scheme: dark){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{color:rgba(0,0,0,.5)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.active{color:#000}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.valid{color:var(--colour-complete)}}@media screen and (min-width: 36em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:28.25rem;width:28.25rem;max-width:28.25rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:57.75rem;width:57.75rem;max-width:57.75rem;padding-top:var(--dialog-padding);padding-left:calc(var(--dialog-padding) + 17.625rem);display:flex;flex-direction:column}}@media screen and (min-width: 62em)and (min-height: 31.25rem){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{height:29.875rem;max-height:29.875rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:17.625rem;height:100%;flex-direction:column;justify-content:center}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{margin-block:.5rem;width:100%;text-indent:0;text-align:left;padding-left:2rem;font-size:1.125rem;outline-width:1px}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{margin-top:auto;text-align:right}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form{display:contents}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset{display:flex;flex-direction:column;flex-grow:1;position:relative;overflow:auto;margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding);padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset::before{content:"";top:100%;bottom:0;left:0;right:0;height:var(--dialog-padding);min-height:var(--dialog-padding);position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:calc(var(--dialog-padding)*-1)}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){display:block}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg,*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg:before{display:contents}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:46rem;max-width:46rem}}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper>.btn:first-child{margin-bottom:.25rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child.active:after{transform:rotate(-90deg)}.dialog__wrapper:has(dialog[open])>.btn:first-child:after{transform:rotate(270deg)}.dialog__wrapper>dialog[open]{left:0;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:19.9375rem;padding:1.5rem}@media screen and (min-width: 36em){.dialog__wrapper>dialog[open]{width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>dialog[open]{width:22.5rem}}.dialog__wrapper.dialog__wrapper--right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}@media screen and (max-width: 36em){dialog[open].dialog--sm-fullpage,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:100%;min-height:100%;border-radius:0;overflow-y:auto}dialog[open].dialog--sm-fullpage .btn--wrapper,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{padding-top:4rem}dialog[open].dialog--sm-fullpage .mh-lg{max-height:none !important;overflow:visible}dialog[open].dialog--sm-fullpage:before,dialog[open].dialog--sm-fullpage *:first-child{margin-top:auto !important}dialog[open].dialog--sm-fullpage *:last-child{margin-bottom:auto !important}}/*# sourceMappingURL=dialog.css.map */

package/assets/css/components/dialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/dialog.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAIA,gDACE,cAIF,aAEE,yBAEA,kBACA,mBACA,YACA,4BACA,kCACA,uCACA,uBACA,8BACA,uEAEA,aACA,sBAEA,2DAEE,gBAGF,qEAEE,iBAWJ,qCACE,kBACA,WACA,mBAGA,4BACA,4BAGA,sDACE,gBAGF,qHAEE,kBACA,0BACA,4BACA,8BAEA,iBACA,gBACA,YACA,eACA,cACA,yBAEA,iIACE,WACA,MACA,OACA,kBACA,cACA,eACA,cACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAGF,yHACE,oCACA,qBACA,cAGF,yLACE,sBACA,sBAGF,6LACE,oCACA,qBACA,cAGF,8BAnDF,qHAoDI,cACA,kBAEA,iIACE,cC5GJ,oCDsCJ,qCA6EI,uBACA,qBACA,kBACA,qBCtHA,oCDsCJ,qCAqFI,oBACA,kBACA,iBAGF,yDACE,qBAGF,uDACE,kBAGF,oCAEE,uIACE,WACA,eACA,SACA,cACA,kBAEA,wJACE,+BAKN,4CACE,kBACA,kBACA,iDACA,mDACA,6CACA,qCAGA,mDACE,SACA,6BAKN,iBACE,0BACA,0BACA,4BAKF,6HAEE,kBAEA,oIACE,YACA,gBACA,kCACA,mCACA,wCACA,kBACA,oBACA,cACA,oBACA,iCACA,eAIA,aACA,qBACA,cACA,4BACA,WCtMA,oCDmLF,oIAaI,gBASJ,qSAEE,aAEA,ySACE,gBACA,eAGF,6WACE,gBACA,eAIJ,oIACE,gBAMJ,+DAGE,0CAEA,yKACE,kCAGF,qFACE,aAGF,iHACE,aACA,sBAGF,oFACE,wBAGF,oEACE,qBAGF,4FACE,4CACA,qCAGF,sEACE,WACA,kBACA,MACA,OACA,8BACA,sBACA,aACA,8BAEA,6EAEE,WACA,kBACA,oBACA,2BACA,UACA,iEACA,WACA,wBACA,UACA,WAGF,6EAEE,kBACA,yBACA,YACA,cACA,cACA,mBACA,aACA,iBACA,gBACA,UACA,uCACA,0CAEA,oFACE,kBACA,MACA,OACA,0BACA,yBAEA,8BACA,cACA,mBACA,aACA,kBACA,qBACA,cACA,kBAGF,iGACE,WCvTJ,oCD+NJ,+DA8FI,mBACA,eACA,oBC/TA,oCD+NJ,+DAmGI,mBACA,eACA,mBACA,kCACA,qDACA,aACA,uBAGA,8DA5GJ,+DA6GM,iBACA,sBC7UF,oCDiVA,yKACE,0BAGF,sEACE,gBACA,YACA,sBACA,uBAEA,6EACE,aAGF,6EACE,mBACA,WACA,cACA,gBACA,kBACA,mBACA,kBAIJ,6EACE,gBACA,iBAEF,oEACE,iBAEF,wEACE,aACA,sBACA,YACA,kBAEA,cACA,6CACA,qCAGA,iDACA,mDAEA,gFACE,WACA,SACA,SACA,OACA,QACA,6BACA,iCACA,gBACA,cACA,gFACA,UACA,8CAQR,yDAEE,cAEA,uIACE,iBCxZA,oCDmZJ,yDAUI,oBACA,qBC9ZA,oCDmZJ,yDAgBI,gBACA,iBAMJ,iBAEE,kBACA,qBACA,+CAGA,kCAEE,qBAEA,0DACE,WAEA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,+CAEE,yBAIJ,0DAEE,yBAGF,8BAEE,OACA,SACA,8BACA,gBACA,mBACA,iBACA,eC9dA,oCDsdF,8BAWI,kBCjeF,oCDsdF,8BAcI,eAIJ,qDAEE,QACA,UAGF,kDAEE,iBAGF,kDAEE,iBCrfA,oCD0fA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,iBAEF,kDACE,gBCxgBF,oCD8gBA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,gBAEF,kDACE,iBAMN,yCACE,aAGF,4BAEE,yCACE,gBAIJ,iOAKE","file":"dialog.css"}
+{"version":3,"sourceRoot":"","sources":["../../sass/components/dialog.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAIA,gDACE,cAIF,aAEE,yBAEA,kBACA,mBACA,YACA,4BACA,kCACA,uCACA,uBACA,8BACA,uEAEA,aACA,sBAEA,2DAEE,gBAGF,qEAEE,iBAWJ,qCACE,kBACA,WACA,mBAGA,4BACA,4BAGA,sDACE,gBAGF,qHAEE,kBACA,0BACA,4BACA,8BAEA,iBACA,gBACA,YACA,eACA,cACA,yBAEA,iIACE,WACA,MACA,OACA,kBACA,cACA,eACA,cACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAGF,yHACE,oCACA,qBACA,cAGF,yLACE,sBACA,sBAGF,6LACE,oCACA,qBACA,cAGF,8BAnDF,qHAoDI,cACA,kBAEA,iIACE,cC5GJ,oCDsCJ,qCA6EI,uBACA,qBACA,kBACA,qBCtHA,oCDsCJ,qCAqFI,oBACA,kBACA,iBAGF,yDACE,qBAGF,uDACE,kBAGF,oCAEE,uIACE,WACA,eACA,SACA,cACA,kBAEA,wJACE,+BAKN,4CACE,kBACA,kBACA,iDACA,mDACA,6CACA,qCAGA,mDACE,SACA,6BAKN,iBACE,0BACA,0BACA,4BAKF,6HAEE,kBAEA,oIACE,YACA,gBACA,kCACA,mCACA,wCACA,kBACA,oBACA,cACA,oBACA,iCACA,eAIA,aACA,qBACA,cACA,4BACA,WCtMA,oCDmLF,oIAaI,gBASJ,qSAEE,aAEA,ySACE,gBACA,eAGF,6WACE,gBACA,eAIJ,oIACE,gBAMJ,+DAGE,0CAEA,yKACE,kCAGF,qFACE,aAGF,iHACE,aACA,sBAGF,oFACE,wBAGF,oEACE,qBAGF,4FACE,4CACA,qCAGF,sEACE,WACA,kBACA,MACA,OACA,8BACA,sBACA,aACA,8BAEA,6EAEE,WACA,kBACA,oBACA,2BACA,UACA,iEACA,WACA,wBACA,UACA,oLAGF,6EAEE,kBACA,yBACA,YACA,2BACA,cACA,mBACA,aACA,iBACA,gBACA,UACA,uCACA,0CAEA,oFACE,kBACA,MACA,OACA,0BACA,yBAEA,8BACA,cACA,mBACA,aACA,kBACA,qBACA,cACA,kBAGF,sGAEE,oBAEA,6GACE,WAIJ,oFACE,0BAEF,mFACE,4BAIJ,+CAEE,6EAEE,qBAEA,oFACE,WAEF,mFACE,8BCjVN,oCD+NJ,+DAyHI,mBACA,eACA,oBC1VA,oCD+NJ,+DA8HI,mBACA,eACA,mBACA,kCACA,qDACA,aACA,uBAGA,8DAvIJ,+DAwIM,iBACA,sBCxWF,oCD4WA,yKACE,0BAGF,sEACE,gBACA,YACA,sBACA,uBAEA,6EACE,aAGF,6EACE,mBACA,WACA,cACA,gBACA,kBACA,mBACA,kBAIJ,6EACE,gBACA,iBAEF,oEACE,iBAEF,wEACE,aACA,sBACA,YACA,kBAEA,cACA,6CACA,qCAGA,iDACA,mDAEA,gFACE,WACA,SACA,SACA,OACA,QACA,6BACA,iCACA,gBACA,cACA,gFACA,UACA,8CAQR,yDAEE,cAEA,uIACE,iBCnbA,oCD8aJ,yDAUI,oBACA,qBCzbA,oCD8aJ,yDAgBI,gBACA,iBAMJ,iBAEE,kBACA,qBACA,+CAGA,kCAEE,qBAEA,0DACE,WAEA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,+CAEE,yBAIJ,0DAEE,yBAGF,8BAEE,OACA,SACA,8BACA,gBACA,mBACA,iBACA,eCzfA,oCDifF,8BAWI,kBC5fF,oCDifF,8BAcI,eAIJ,qDAEE,QACA,UAGF,kDAEE,iBAGF,kDAEE,iBChhBA,oCDqhBA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,iBAEF,kDACE,gBCniBF,oCDyiBA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,gBAEF,kDACE,iBAMN,yCACE,aAGF,4BAEE,yCACE,gBAIJ,iOAKE,aAKF,oCAEE,gGAGE,eACA,gBACA,gBACA,gBAEA,4HACE,iBAMF,wCACE,2BACA,iBAGF,uFAEE,2BAGF,8CAEE","file":"dialog.css"}