@layer components{.card_wrap{--_padding:var(--space-6);--_min-height:20rem;--_visual-ratio:3 / 2;gap:var(--_padding);background-color:var(--background-2);border-radius:var(--radius-main);flex-direction:column;width:100%;display:flex;position:relative;overflow:clip}.card_wrap.cover{min-height:var(--_min-height)}.card_wrap.stacked{background-color:#0000;overflow:visible}.card_visual{border-radius:inherit;flex:none;width:100%;position:relative;overflow:clip}.stacked>.card_visual{aspect-ratio:var(--_visual-ratio);min-height:0}.cover>.card_visual{pointer-events:none;height:100%;position:absolute;inset:0}.card_visual>:is(.image,.video){width:100%;height:100%}.cover>.card_visual>:not(.overlay),.card_visual>:is(.image,.video){width:100%;height:100%}.card_content>.button-wrapper:last-child{padding-top:var(--space-6);margin-top:auto}.card_wrap.content-center>.card_content{justify-content:center}.card_wrap.content-bottom>.card_content{justify-content:end}.card_content{align-items:var(--_alignment,start);text-align:var(--_alignment,start);width:100%;max-width:100%;padding:var(--_padding);flex-direction:column;flex-grow:1;display:flex}.cover>.card_content{z-index:1}.stacked>.card_content{padding-inline:0;padding-top:0}.card_wrap:has(.button_wrap) .button_wrap:after{content:"";position:absolute;inset:0}.card_wrap:has(.button_wrap) .card_content a:not(.button_wrap){z-index:1;position:relative}.card_wrap:has(.button_wrap) .image{transition:scale calc(var(--hover-duration) * 2) var(--hover-ease)}@media (hover:hover){.card_wrap:has(.button_wrap):hover .image{scale:1.04}}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)}}}