/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--react-dialogs-padding-x:1.5rem;--react-dialogs-padding-y:1rem;--react-dialogs-border-width:2px;--react-dialogs-border-color:#000;--react-dialogs-focus-border-color:2px;--react-dialogs-focus-color:#ffd250;--react-dialogs-focus-outline-width:2px;--react-dialogs-focus-inverse-color:#000;--react-dialogs-background-color:#fff;--react-dialogs-color:currentcolor;--react-dialogs-shadow:#999;--react-dialogs-header-background-color:#004b88;--react-dialogs-header-color:#fff}.react-dialogs-dialog{border:var(--react-dialogs-border-width)solid var(--react-dialogs-border-color);background-color:var(--react-dialogs-background-color);outline:none;flex-direction:column;margin:0;padding:0;position:absolute}.react-dialogs-dialog:open{display:flex}.react-dialogs-dialog[hidden]{display:none}.react-dialogs-dialog:focus-visible{box-shadow:0 0 0 var(--react-dialogs-focus-outline-width)var(--react-dialogs-focus-color);outline:none}.react-dialogs-dialog__header{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);background-color:var(--react-dialogs-header-background-color);color:var(--react-dialogs-header-color);align-items:center;display:flex;position:relative}.react-dialogs-dialog__title{color:currentColor;margin:0 auto 0 0;font-size:1.4rem}.react-dialogs-dialog__close-button{appearance:none;cursor:pointer;background-color:var(--react-dialogs-header-background-color);color:var(--react-dialogs-header-color);white-space:nowrap;margin-left:var(--react-dialogs-padding-x);border:none;flex-shrink:0;align-items:center;padding:.3em;display:flex}.react-dialogs-dialog__close-button>svg{box-sizing:content-box;width:1.5ex;height:1.5ex}.react-dialogs-dialog__close-button:focus,.react-dialogs-dialog__close-button:active,.react-dialogs-dialog__close-button:hover{background-color:var(--react-dialogs-focus-color);color:var(--react-dialogs-focus-inverse-color)}.react-dialogs-dialog__close-button-text{padding-right:.5em}.react-dialogs-dialog__body{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);overscroll-behavior:contain;background:linear-gradient(var(--react-dialogs-background-color)33%,transparent),linear-gradient(transparent,var(--react-dialogs-background-color)66%)0 100%,radial-gradient(farthest-side at 50% 0,var(--react-dialogs-shadow),transparent),radial-gradient(farthest-side at 50% 100%,var(--react-dialogs-shadow),transparent)0 100%;background-color:var(--react-dialogs-background-color);background-repeat:no-repeat;background-size:100% 33px,100% 33px,100% 11px,100% 11px;background-attachment:local,local,scroll,scroll;flex-shrink:1;overflow-y:auto}.react-dialogs-dialog__footer{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x)}.react-dialogs-dialog__wrapper{overflow-y:inherit;flex-direction:column;display:flex}.react-dialogs-scroll-lock{scrollbar-gutter:stable;height:100vh}.react-dialogs-scroll-lock body{overscroll-behavior:none;top:calc(-1*var(--react-dialogs-scroll-lock-top));position:fixed;left:0;right:0}::backdrop{--react-dialogs-modal-backdrop-color:#0009;--react-dialogs-modal-backdrop-filter:blur(5px)}.react-dialogs-modal{border:var(--react-dialogs-border-width)solid var(--react-dialogs-border-color);background-color:var(--react-dialogs-background-color);outline:none;flex-direction:column;margin:auto;padding:0;position:fixed}.react-dialogs-modal:open{display:flex}.react-dialogs-modal[hidden]{display:none}.react-dialogs-modal:focus-visible{box-shadow:0 0 0 var(--react-dialogs-focus-outline-width)var(--react-dialogs-focus-color);outline:none}.react-dialogs-modal__header{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);background-color:var(--react-dialogs-header-background-color);color:var(--react-dialogs-header-color);align-items:center;display:flex;position:relative}.react-dialogs-modal__title{color:currentColor;margin:0 auto 0 0;font-size:1.4rem}.react-dialogs-modal__close-button{appearance:none;cursor:pointer;background-color:var(--react-dialogs-header-background-color);color:var(--react-dialogs-header-color);white-space:nowrap;margin-left:var(--react-dialogs-padding-x);border:none;flex-shrink:0;align-items:center;padding:.3em;display:flex}.react-dialogs-modal__close-button>svg{box-sizing:content-box;width:1.5ex;height:1.5ex}.react-dialogs-modal__close-button:focus,.react-dialogs-modal__close-button:active,.react-dialogs-modal__close-button:hover{background-color:var(--react-dialogs-focus-color);color:var(--react-dialogs-focus-inverse-color)}.react-dialogs-modal__close-button-text{padding-right:.5em}.react-dialogs-modal__body{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);overscroll-behavior:contain;background:linear-gradient(var(--react-dialogs-background-color)33%,transparent),linear-gradient(transparent,var(--react-dialogs-background-color)66%)0 100%,radial-gradient(farthest-side at 50% 0,var(--react-dialogs-shadow),transparent),radial-gradient(farthest-side at 50% 100%,var(--react-dialogs-shadow),transparent)0 100%;background-color:var(--react-dialogs-background-color);background-repeat:no-repeat;background-size:100% 33px,100% 33px,100% 11px,100% 11px;background-attachment:local,local,scroll,scroll;flex-shrink:1;overflow-y:auto}.react-dialogs-modal__footer{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x)}.react-dialogs-modal__wrapper{overflow-y:inherit;flex-direction:column;display:flex}.react-dialogs-modal::backdrop{background-color:var(--react-dialogs-modal-backdrop-color);-webkit-backdrop-filter:var(--react-dialogs-modal-backdrop-filter);backdrop-filter:var(--react-dialogs-modal-backdrop-filter)}.react-dialogs-modal[data-top=false]::backdrop{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:#0000}:root{--react-dialogs-lightbox-background-color:#000;--react-dialogs-lightbox-color:#fff;--react-dialogs-lightbox-loading-color:#bbb}.react-dialogs-lightbox{border:var(--react-dialogs-border-width)solid var(--react-dialogs-border-color);background-color:var(--react-dialogs-background-color);background-color:#0000;border:none;outline:none;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:fixed}.react-dialogs-lightbox:open{display:flex}.react-dialogs-lightbox[hidden]{display:none}.react-dialogs-lightbox:focus-visible{box-shadow:0 0 0 var(--react-dialogs-focus-outline-width)var(--react-dialogs-focus-color);outline:none}.react-dialogs-lightbox__header{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);background-color:var(--react-dialogs-header-background-color);color:var(--react-dialogs-header-color);align-items:center;display:flex;position:relative}.react-dialogs-lightbox__title{color:currentColor;margin:0 auto 0 0;font-size:1.4rem}.react-dialogs-lightbox__close-button{appearance:none;cursor:pointer;background-color:var(--react-dialogs-header-background-color);color:var(--react-dialogs-header-color);white-space:nowrap;margin-left:var(--react-dialogs-padding-x);border:none;flex-shrink:0;align-items:center;padding:.3em;display:flex}.react-dialogs-lightbox__close-button>svg{box-sizing:content-box;width:1.5ex;height:1.5ex}.react-dialogs-lightbox__close-button:focus,.react-dialogs-lightbox__close-button:active,.react-dialogs-lightbox__close-button:hover{background-color:var(--react-dialogs-focus-color);color:var(--react-dialogs-focus-inverse-color)}.react-dialogs-lightbox__close-button-text{padding-right:.5em}.react-dialogs-lightbox__body{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);flex-shrink:1;overflow-y:auto}.react-dialogs-lightbox__footer{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x)}.react-dialogs-lightbox__wrapper{overflow-y:inherit;flex-direction:column;display:flex}.react-dialogs-lightbox::backdrop{background-color:var(--react-dialogs-modal-backdrop-color);-webkit-backdrop-filter:var(--react-dialogs-modal-backdrop-filter);backdrop-filter:var(--react-dialogs-modal-backdrop-filter)}.react-dialogs-lightbox[data-top=false]::backdrop{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:#0000}.react-dialogs-lightbox__wrapper{height:100%}.react-dialogs-lightbox__header{background-color:var(--react-dialogs-lightbox-background-color);color:var(--react-dialogs-lightbox-color);padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);margin:0}.react-dialogs-lightbox__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-dialogs-lightbox__close-button{appearance:none;background-color:var(--react-dialogs-lightbox-background-color);color:var(--react-dialogs-lightbox-color);border:none;flex-shrink:0;align-self:center;font-size:1.2em}.react-dialogs-lightbox__close-button:focus,.react-dialogs-lightbox__close-button:hover,.react-dialogs-lightbox__close-button:active{color:var(--react-dialogs-focus-inverse-color);background-color:var(--react-dialogs-focus-color)}.react-dialogs-lightbox__body{flex-grow:1;align-items:center;padding:0;display:flex;overflow:hidden}.react-dialogs-lightbox__previous-button{margin-right:auto}.react-dialogs-lightbox__next-button{margin-left:auto}.react-dialogs-lightbox__previous-button,.react-dialogs-lightbox__next-button{appearance:none;cursor:pointer;background-color:var(--react-dialogs-lightbox-background-color);width:2.5em;height:4em;color:var(--react-dialogs-lightbox-color);border:none;flex-shrink:0;padding:0 .3em;display:flex}.react-dialogs-lightbox__previous-button>svg,.react-dialogs-lightbox__next-button>svg{width:100%;height:100%}.react-dialogs-lightbox__previous-button:focus,.react-dialogs-lightbox__previous-button:hover,.react-dialogs-lightbox__previous-button:active,.react-dialogs-lightbox__next-button:focus,.react-dialogs-lightbox__next-button:hover,.react-dialogs-lightbox__next-button:active{color:var(--react-dialogs-focus-inverse-color);background-color:var(--react-dialogs-focus-color)}.react-dialogs-lightbox__item{margin:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);flex-grow:1;align-self:stretch;display:flex;overflow:hidden}.react-dialogs-lightbox__item>*{background:#fff;align-self:center;margin:auto;padding:.5em 1em}.react-dialogs-lightbox__item>img{background:0 0;padding:0}.react-dialogs-lightbox__error{padding:var(--react-dialogs-padding-y)var(--react-dialogs-padding-x);background:#fee;border:1px solid red}.react-dialogs-loading{border:2px dashed var(--react-dialogs-lightbox-loading-color);color:var(--react-dialogs-lightbox-loading-color);flex-direction:column;justify-content:space-around;align-items:center;width:20rem;max-width:70%;height:12rem;max-height:70%;font-size:1.5rem;display:flex}.react-dialogs-loading>svg{width:7rem;height:7rem;margin-bottom:1rem;animation:2s linear infinite react-dialogs-spin}@keyframes react-dialogs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{color:#161616;grid-template:"nav main""footer footer"minmax(min-content,max-content)/20em;min-height:100vh;font:1em/1.5 sans-serif;display:grid}@media (width<=50em){body{grid:"main""nav"}}main{grid-area:main;min-width:0;max-width:60em;padding:1em}nav{border-right:1px solid #ddd;grid-area:nav}nav>div{margin:1rem;font-size:1.2em;font-weight:700}nav summary{padding:.5em 1em;font-weight:700}nav a{color:#161616;padding:.2em .2em .2em 2em;text-decoration:none;display:block}nav details details a{padding-left:3em}nav details details details a{padding-left:4.5em}nav details details summary{margin-left:1em}nav details details details summary{margin-left:3em}nav a:hover{background-color:#dfdfdf}nav a:not([href]),nav a:not([href]):hover{background-color:#caeaff}footer{text-align:right;border-top:1px solid #ddd;grid-area:footer;padding:0 1em;font-size:.9em}code,output{background:#1b1f230d;padding:.2em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%}pre>code{padding:0}pre{background:#f5f2f0;margin:.5em 0 1.5em;padding:1em;font-size:90%;overflow:auto}table{border-collapse:collapse}table th{text-align:left;border:1px solid #ddd;padding:.4em}table td{vertical-align:top;border:1px solid #ddd;padding:.4em}blockquote{border-left:.25em solid #ddd;margin:0 0 1.5em;padding-left:1em}.reset-list{margin:0;padding:0;list-style:none}.list-footer{background-color:#caeaff;border-top:1px solid #ddd;padding:.2em .5em}label,.label{font-weight:700;display:block}fieldset{border:1px solid #ddd;display:flex}fieldset label{margin-right:1.5em}[data-react-example]{border:1px solid #ddd;margin-bottom:1.5em;padding:1em}[data-react-example]>label:not(:first-child),[data-react-example]>.label:not(:first-child),[data-react-example]>fieldset{margin-top:1.5em}.scrolling{border:1px dashed #ddd;height:30em;overflow:scroll}.centred-button{justify-content:center;align-items:center;height:30em;display:flex;position:relative}.scrolling>.centred-button{width:200%;height:60em}.dialog-small{max-width:30em}
/*# sourceMappingURL=examples.12c3c812.css.map */