:root{--spacing:1.5rem;--page-color:#fff;--page-background:#000;--page-primary:#4339ff;--panel-color:#fff;--panel-background:#04283b;--panel-hover-color:#fff;--panel-hover-background:#4339ff;--panel-border-size:1px;--panel-border:var(--panel-border-size)solid #86888c;--font-body:n27;--font-mono:silka-mono}body{color:var(--page-color);background:var(--page-background);font-family:var(--font-body);margin:0;padding:0}ui-navigation{padding:var(--spacing);margin-bottom:var(--spacing);font-family:var(--font-mono);border-bottom:1px solid var(--page-color);backdrop-filter:brightness(.5)blur(30px);font-size:1.5rem;display:block;position:-webkit-sticky;position:sticky;top:0}ui-navigation ui-logo{font-family:var(--font-body)}ui-text-samples ui-matcher{padding:var(--spacing);margin-bottom:var(--spacing);color:var(--panel-color);background:var(--panel-background);border:var(--panel-border);justify-content:space-between;display:flex}ui-text-samples ui-matcher ui-regex{font-family:var(--font-mono);-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;display:block}ui-text-samples ui-text-samples{margin-inline:calc(var(--spacing)/2*-1);display:flex}ui-text-samples ui-text-samples ui-text-sample{margin-inline:calc(var(--spacing)/2);padding:var(--spacing);color:var(--panel-color);background:var(--panel-background);border:var(--panel-border);white-space:pre-wrap;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;flex-grow:1;flex-basis:0;width:auto;max-height:30vh;overflow:hidden}ui-data-samples ui-files{margin-inline:calc(var(--spacing)/2*-1);flex-wrap:wrap;display:flex}ui-data-samples ui-files ui-data-blob{padding:var(--spacing);margin-bottom:var(--spacing);margin-inline:calc(var(--spacing)/2);color:var(--panel-color);background:var(--panel-background);border:var(--panel-border);width:20rem}ui-data-samples ui-files ui-data-blob:hover{color:var(--panel-hover-color);background:var(--panel-hover-background);cursor:pointer}ui-image-samples ui-images{margin-inline:calc(var(--spacing)/2*-1);flex-wrap:wrap;display:flex}ui-image-samples ui-images ui-image{margin-bottom:var(--spacing);margin-inline:calc(var(--spacing)/2);color:var(--panel-color);background:var(--panel-background);border:var(--panel-border);width:30rem;height:30rem;position:relative}ui-image-samples ui-images ui-image ui-dimensions{top:var(--spacing);left:var(--spacing);text-shadow:0 0 .5rem var(--panel-background);position:absolute}ui-image-samples ui-images ui-image img{object-fit:contain;width:100%;height:100%}ui-document-samples ui-files{margin-inline:calc(var(--spacing)/2*-1);flex-wrap:wrap;display:flex}ui-document-samples ui-files ui-file{padding:var(--spacing);margin-bottom:var(--spacing);margin-inline:calc(var(--spacing)/2);color:var(--panel-color);background:var(--panel-background);border:var(--panel-border);width:20rem}ui-document-samples ui-files ui-file:hover{color:var(--panel-hover-color);background:var(--panel-hover-background);cursor:pointer}ui-archive-samples ui-files{margin-inline:calc(var(--spacing)/2*-1);flex-wrap:wrap;display:flex}ui-archive-samples ui-files ui-file{padding:var(--spacing);margin-bottom:var(--spacing);margin-inline:calc(var(--spacing)/2);color:var(--panel-color);background:var(--panel-background);border:var(--panel-border);width:20rem}ui-archive-samples ui-files ui-file:hover{color:var(--panel-hover-color);background:var(--panel-hover-background);cursor:pointer}ui-samples{display:block}ui-samples>*{margin-inline:var(--spacing);margin-bottom:calc(var(--spacing)*2);display:block}ui-samples>*>ui-title{margin-bottom:var(--spacing);text-transform:uppercase;font-size:1.5rem;display:block}@font-face{font-family:n27;src:url(n27.ad0d3a58.otf)}@font-face{font-family:silka-mono;src:url(silka-mono.93de6074.otf)}