@layer components{.c-modal__container{position:relative;will-change:transform}.c-modal__header--close{align-items:center;display:flex;justify-content:space-between}.c-modal__header--sticky{position:sticky;top:0;z-index:8}.c-modal__footer{background-color:var(--color-tertiary)}.c-modal__footer--sticky{bottom:0;box-shadow:var(--shadow-l);position:sticky;z-index:2}.c-modal__content{background-color:var(--color-tertiary);box-shadow:var(--shadow-m);display:flex;flex-direction:column;max-height:min(70svh,570px);overflow-y:auto;width:100%}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.c-modal__content[data-state=open]{animation:modal-scale-in .15s cubic-bezier(.39,.57,.56,1) 0s 1 both}@keyframes modal-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.c-modal__content[data-state=closed]{animation:modal-scale-out .15s cubic-bezier(.39,.57,.56,1) 0s 1 both}.c-modal__content--primary{border-radius:calc(var(--space-scale-2xs)/2)}.c-modal__content--primary .c-modal__ttl{font-size:var(--font-scale-m);margin-block-start:var(--space-scale-2xs)}.c-modal__content--primary .c-modal__inner{padding-inline:var(--space-scale-2xl)}.c-modal__content--primary .c-modal__footer,.c-modal__content--primary .c-modal__header{padding:var(--space-scale-xl) var(--space-scale-2xl)}.c-modal__content--primary .c-modal__close{color:var(--color-neutral-500);right:var(--space-scale-m);top:var(--space-scale-m)}.c-modal__content--primary .c-modal__close:active,.c-modal__content--primary .c-modal__close:hover{color:var(--color-neutral-600)}.c-modal__content--secondary .c-modal__header{background-color:var(--color-neutral-200);padding:var(--space-scale-xs) var(--space-scale-xl)}.c-modal__content--secondary .c-modal__ttl{font-size:var(--font-scale-l);margin:0;max-width:38ch}.c-modal__content--secondary .c-modal__inner{padding:var(--space-scale-xl)}.c-modal__content--secondary .c-modal__footer{padding:var(--space-scale-l) var(--space-scale-m) var(--space-scale-xl) var(--space-scale-m)}.c-modal__content--secondary .c-modal__close{color:var(--color-secondary);font-size:var(--font-scale-2xs);right:var(--space-scale-l);top:var(--space-scale-m)}.c-modal__content--sm{max-width:480px}.c-modal__content--md{max-width:768px}.c-modal__content--lg{max-width:1020px}.c-modal__content--full{max-width:100%}.c-modal__close--unset{position:unset}.c-modal__close{cursor:pointer;position:absolute;transition:color .15s cubic-bezier(.4,0,.2,1)}.c-modal__overlay{display:grid;inset:0;overflow-y:auto;position:fixed;z-index:18}.c-modal__overlay:after{background-color:var(--color-secondary);content:"";inset:0;position:absolute}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.c-modal__overlay[data-state=open]{animation:fade-in .15s cubic-bezier(.39,.57,.56,1) 0s 1 both}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:.3}}.c-modal__overlay[data-state=open]:after{animation:overlay-fade-in .15s cubic-bezier(.39,.57,.56,1) 0s 1 both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.c-modal__overlay[data-state=closed]{animation:fade-out .15s cubic-bezier(.39,.57,.56,1) 0s 1 both}@keyframes overlay-fade-out{0%{opacity:.3}to{opacity:0}}.c-modal__overlay[data-state=closed]:after{animation:overlay-fade-out .15s cubic-bezier(.39,.57,.56,1) 0s 1 both}.c-modal__overlay--hidden:after{display:none}.c-modal__overlay-inner{display:grid;height:100%;place-items:center;z-index:18}.c-modal__overlay-inner--c{place-items:center}.c-modal__overlay-inner--tr{align-items:start;justify-items:end}.c-modal__overlay-inner--tl{align-items:start;justify-items:start}.c-modal__overlay-inner--br{align-items:end;justify-items:end}.c-modal__overlay-inner--bl{align-items:end;justify-items:start}}