@layer components{html:has(.modal_wrap[open]){overflow:hidden}.modal_wrap{--_leaving:calc(var(--open-duration) * .7);--_from:0 2rem;--_body:0 0;--_backdrop:lab(0% none none/.6);--_close:calc(2.75em + var(--space-4) * 2);width:100%;max-width:none;height:100%;max-height:none;padding:var(--site-margin);color:var(--text);transition:display var(--_leaving) allow-discrete, overlay var(--_leaving) allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;overflow:clip}.modal_wrap[open]{transition:display var(--open-duration) allow-discrete, overlay var(--open-duration) allow-discrete;display:flex}.stacki-designer .modal_wrap.preview,.modal_wrap.stacki-opened{z-index:100;background-color:var(--_backdrop);display:flex;position:fixed;inset:0}.modal_wrap::backdrop{background-color:var(--_backdrop);opacity:0;transition:opacity var(--_leaving) var(--open-ease)}.modal_wrap[open]::backdrop{opacity:1;transition:opacity var(--open-duration) var(--open-ease)}@starting-style{.modal_wrap[open]::backdrop{opacity:0}}.modal_wrap.side-panel{--_panel:28rem;--_from:var(--_panel) 0;justify-content:end;align-items:stretch;padding:0}.modal_wrap.full-screen{--_from:0 0;--_body:0 2rem;align-items:stretch;padding:0}.modal_content{background-color:var(--background);border-radius:var(--radius-main);opacity:0;width:100%;max-width:34rem;max-height:100%;translate:var(--_from);transition:opacity var(--_leaving) var(--open-ease), translate var(--_leaving) var(--open-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal_wrap.side-panel .modal_content{max-width:var(--_panel);border-radius:0;max-height:none}.modal_wrap.full-screen .modal_content{border-radius:0;max-width:none;max-height:none}.modal_wrap:is([open],.stacki-opened) .modal_content,.stacki-designer .modal_wrap.preview .modal_content{opacity:1;transition:opacity var(--open-duration) var(--open-ease), translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] .modal_content{opacity:0;translate:var(--_from)}}.modal_close{top:var(--space-4);z-index:1;position:absolute;inset-inline-end:var(--space-4)}.modal_scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.modal_wrap.full-screen .modal_scroll{height:100%}.modal_body{padding:var(--_close) var(--space-6) var(--space-7);translate:var(--_body);transition:translate var(--_leaving) var(--open-ease)}.modal_wrap.full-screen .modal_body{align-content:center;min-height:100%;display:grid}.modal_wrap:is([open],.stacki-opened) .modal_body,.stacki-designer .modal_wrap.preview .modal_body{transition:translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] .modal_body{translate:var(--_body)}}.lightbox_wrap .modal_content{background-color:var(--dark-900);color:var(--light-200)}.lightbox_wrap .modal_body{height:100%}.lightbox_wrap .modal_close{--button-background:color-mix(in srgb, var(--light-200) 10%, transparent);--button-border:color-mix(in srgb, var(--light-200) 45%, transparent);--button-text:var(--light-200);--button-background-hover:var(--light-200);--button-border-hover:var(--light-200);--button-text-hover:var(--dark-900);z-index:3}.lightbox_stage{justify-content:center;align-items:center;gap:var(--space-3);min-height:calc(100svh - var(--space-8) * 2);color:var(--light-200);flex-direction:column;display:flex;position:relative}.lightbox_slide{cursor:pointer;width:100%;max-width:90rem;margin:0}.lightbox_slide .image{object-fit:contain;background:0 0;width:100%;max-height:calc(100svh - 10rem)}.lightbox_controls{display:contents}.lightbox_controls .button_wrap{--button-background:color-mix(in srgb, var(--dark-900) 55%, transparent);--button-border:color-mix(in srgb, var(--light-200) 55%, transparent);--button-text:var(--light-200);--button-background-hover:var(--light-200);--button-border-hover:var(--light-200);--button-text-hover:var(--dark-900);z-index:2;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);width:3.5rem;height:3.5rem;padding:0;position:absolute;top:50%;translate:0 -50%}@media not (min-width:48rem){.lightbox_controls .button_wrap{width:2.75rem;height:2.75rem}}.lightbox_prev{left:var(--space-3)}.lightbox_next{right:var(--space-3)}.lightbox_counter{text-align:center;min-width:4rem;color:var(--light-200);font-family:var(--eyebrow-font-family);font-size:var(--eyebrow);letter-spacing:var(--eyebrow-letter-spacing)}}