@layer solidjs-modular-components{.solidjs-modular-components-IconButton_root{box-sizing:border-box;width:max-content;height:max-content;padding:.2lh;border:none;border-radius:calc(1px / 0);background-color:#0000;font:inherit;&:not(:disabled){cursor:pointer;@media (any-hover: hover){&:hover{background-color:#0000000d}}&:active{background-color:#0000001a}}}}@layer solidjs-modular-components{.solidjs-modular-components-Modal_root{position:fixed;box-sizing:border-box;width:fit-content;min-width:10em;max-width:100dvw;height:fit-content;max-height:100dvh;margin:auto;padding:0;overflow:unset;border:unset;border-radius:.4em;background-color:var(--solidjs-modular-components-background-color);box-shadow:0 4px 16px #00000026;color:unset;inset:0;&::backdrop{background-color:#00000008}&,&::backdrop{transition-property:opacity,overlay,display;transition-duration:.2s;opacity:0;transition-behavior:allow-discrete}&:modal{&,&::backdrop{opacity:1}@starting-style{&,&::backdrop{opacity:0}}}}.solidjs-modular-components-Modal_titleBar{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;&:before{content:""}}.solidjs-modular-components-Modal_title{margin:.3em;color:#555;font-size:1.1em;font-weight:700;white-space:pre-wrap}.solidjs-modular-components-Modal_closeButton{justify-self:end;margin:.1lh;color:#555}}