.c-modal{top:0;right:0;bottom:0;left:0;width:calc(min(1520px,100%) - var(--gutter) * 2);height:-moz-fit-content;height:fit-content;max-height:90%;overflow-y:auto;outline:0;border:0;background:#fff;padding-top:calc(var(--gutter-m) * 2);padding-bottom:calc(var(--gutter-m) * 2);padding-left:calc(var(--gutter-m) * 2);padding-right:calc(var(--gutter-m) * 2);transition:.3s scale var(--ease-glide)}@starting-style{.c-modal{scale:.7}}.c-modal::backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000080;transition:.2s opacity linear}@starting-style{.c-modal::backdrop{opacity:0}}:root:has(.c-modal[open]){overflow:hidden}.c-modal__close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:0;padding:0;background:none;position:absolute;right:var(--gutter);top:var(--gutter);z-index:2}.c-modal__close-button:before{content:"";display:block;width:42px;aspect-ratio:1;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2042%2042'%3e%3cg%20stroke='%23000'%20stroke-width='2'%20clip-path='url(%23a)'%3e%3cpath%20d='M20.275%200v41.844M41.213%2021.183H0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h41.213v41.844H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2042%2042'%3e%3cg%20stroke='%23000'%20stroke-width='2'%20clip-path='url(%23a)'%3e%3cpath%20d='M20.275%200v41.844M41.213%2021.183H0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h41.213v41.844H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");rotate:45deg;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.c-modal[data-component-variant=naked]{background:none;max-width:850px}.c-modal[data-component-variant=naked]::backdrop{background-color:#fff9}.c-modal[data-component-variant=on-load]{padding:var(--gutter-m);width:calc(min(1000px,100%) - var(--gutter) * 2)}.c-modal[data-component-variant=fill]{max-width:none;max-height:none;width:100%;height:100%;padding-left:0;padding-right:0}