div.layout-glass-container{height:fit-content;background:var(--effect-glass-tint);-webkit-backdrop-filter:blur(var(--effect-glass-blur));backdrop-filter:blur(var(--effect-glass-blur));margin:var(--effect-glass-corner-margin)}div.layout-glass-corner{position:absolute;width:24px;height:24px;pointer-events:none}div.layout-glass-corner:nth-child(1){top:var(--effect-glass-corner-offset);left:var(--effect-glass-corner-offset);border-top:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);border-left:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color)}div.layout-glass-corner:nth-child(2){top:var(--effect-glass-corner-offset);right:var(--effect-glass-corner-offset);border-top:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);border-right:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color)}div.layout-glass-corner:nth-child(3){bottom:var(--effect-glass-corner-offset);left:var(--effect-glass-corner-offset);border-bottom:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);border-left:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color)}div.layout-glass-corner:nth-child(4){bottom:var(--effect-glass-corner-offset);right:var(--effect-glass-corner-offset);border-bottom:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);border-right:var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color)}nav.layout-sidebar div.category{height:fit-content;width:100%;margin-bottom:8px}nav.layout-sidebar div.category:last-child{margin-bottom:0}nav.layout-sidebar div.category button.toggle{border-bottom:var(--border-thickness) solid transparent;padding:8px 8px 8px 0;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between}nav.layout-sidebar div.category button.toggle img.icon{height:16px;width:16px}nav.layout-sidebar div.category.open button.toggle{border-color:var(--font-color-secondary);margin-bottom:8px}nav.layout-sidebar div.category.close div.items{display:none}nav.layout-sidebar a.item-logo img.logo{object-fit:contain;width:100%;height:32px;padding:16px 0}nav.layout-sidebar a.item-text{color:var(--font-color-secondary);text-decoration:none;padding:4px}nav.layout-sidebar a.item-text:hover,nav.layout-sidebar a.item-text:focus-visible{color:var(--font-color-primary);text-decoration:underline}nav.layout-sidebar a.item-icon{width:100%;padding:12px 8px 12px 4px;text-decoration:none;box-sizing:border-box;display:flex;gap:16px}nav.layout-sidebar a.item-icon:hover,nav.layout-sidebar a.item-icon:focus-visible{text-decoration:underline}nav.layout-sidebar a.item-icon div.section-left{flex-basis:100%}nav.layout-sidebar a.item-icon div.section-left span.header,nav.layout-sidebar a.item-icon div.section-left span.subheader{font-size:1em;line-height:1em}nav.layout-sidebar a.item-icon div.section-left span.subheader{color:var(--font-color-secondary)}nav.layout-sidebar a.item-icon div.section-right{display:grid;align-items:center;justify-items:center}nav.layout-sidebar a.item-icon div.section-right div.background,nav.layout-sidebar a.item-icon div.section-right img.foreground{grid-row:1;grid-column:1}nav.layout-sidebar a.item-icon div.section-right div.background{background-color:var(--background-secondary);transform:rotate(45deg);height:32px;width:32px}nav.layout-sidebar a.item-icon div.section-right img.foreground{height:auto;width:16px;z-index:1}nav.layout-sidebar a.item-tag{box-sizing:border-box;text-decoration:none;padding:4px;display:flex;justify-content:space-between;gap:8px}nav.layout-sidebar a.item-tag.dummy{color:var(--font-color-secondary);justify-content:center;width:100%}nav.layout-sidebar a.item-tag[href]:hover,nav.layout-sidebar a.item-tag[href]:focus-visible{text-decoration:underline}nav.layout-sidebar a.item-tag span.usage{color:var(--font-color-secondary);text-decoration:none}label.input-label{color:var(--font-color-secondary)}div.input-tags{position:relative;height:fit-content;z-index:999}div.input-tags div.search{border:var(--border-thickness) solid var(--background-primary);background-color:var(--background-tertiary);border-bottom:none;width:100%;height:fit-content;display:flex;flex-wrap:wrap;box-sizing:border-box;padding:8px;gap:4px}div.input-tags div.search input.query{caret-color:var(--font-color-primary);border:none;field-sizing:content}div.input-tags div.search button.item{background-color:var(--background-secondary);box-sizing:border-box;padding:0 4px;cursor:pointer}div.input-tags div.search button.item:focus-visible,div.input-tags div.search button.item:hover{color:var(--font-color-accent)}div.input-tags div.results{border:var(--border-thickness) solid var(--background-primary);background-color:var(--background-tertiary);display:grid;position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;border-left-width:0;border-right-width:0;border-bottom-width:0}div.input-tags div.results:has(button){border-left-width:1px;border-right-width:1px;border-bottom-width:1px}div.input-tags div.results button.item{width:100%;height:32px;line-height:32px;padding:8px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px;cursor:pointer}div.input-tags div.results button.item span.label{text-align:left}div.input-tags div.results button.item:focus-visible,div.input-tags div.results button.item:hover,div.input-tags div.results button.item.select{background-color:var(--background-primary)}div.input-tags div.results button.item span.usage{color:var(--font-color-secondary)}div.input-tags div.search input.query,div.input-tags div.search button.item{width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}div.header-message{position:relative;height:48px;margin-top:-16px;margin-left:-16px;z-index:999}div.header-message div.wrapper{background-color:var(--background-secondary);position:fixed;height:32px;width:100%;padding:8px;box-sizing:border-box;z-index:999}div.header-message div.wrapper span.title{display:flex;gap:4px}div.header-message div.wrapper span.title,div.header-message div.wrapper span.cursor{color:var(--font-color-secondary)}div.header-error{display:grid;align-content:center;justify-items:center;min-height:300px}div.header-error span.emote{font-size:2.5em;margin:16px}div.header-error span.message{color:var(--font-color-secondary);line-height:2}div.view-animation{display:grid;gap:16px}div.view-animation div.preview{background-color:var(--background-tertiary);border:var(--border-thickness) solid var(--background-primary);box-sizing:border-box;object-fit:contain;aspect-ratio:16 / 9;width:100%;height:100%;cursor:zoom-in}div.view-animation div.preview div.media-canvas{width:100%;height:100%}div.view-animation div.metadata p.header{font-size:large;margin-bottom:8px}div.view-animation div.metadata p.subheader{color:var(--font-color-secondary);font-size:small}div.view-animation div.tags{display:flex;flex-wrap:wrap;gap:8px}div.view-animation div.tags a.item{background-color:var(--background-tertiary);display:flex;text-decoration:none;gap:8px;padding:8px;width:fit-content}div.view-animation div.tags a.item:hover,div.view-animation div.tags a.item:focus-visible{text-decoration:underline;cursor:pointer}div.view-animation div.tags a.item span.usage{color:var(--font-color-secondary);text-decoration:none}div.view-animation div.actions{display:inline-flex;gap:8px}div.view-animation div.actions div.resolutions{display:flex}div.view-lightbox{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}div.view-lightbox div.media-canvas{background-color:var(--background-tertiary);background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,var(--background-secondary) 8px,var(--background-secondary) 9px),repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--background-secondary) 8px,var(--background-secondary) 9px);max-width:90vw;max-height:90vh;object-fit:contain}div.header-loading{display:grid;justify-items:center;align-content:center;min-height:300px;gap:16px}div.header-loading img.icon{height:64px;width:64px}div.header-loading span.hint{color:var(--font-color-secondary);text-align:center}button.input-button{border:var(--border-thickness) solid var(--background-primary);background-color:var(--background-tertiary);padding:8px;width:100%;cursor:pointer}button.input-button:disabled{color:var(--font-color-secondary);cursor:not-allowed}button.input-button:not(.rainbow):disabled{opacity:.5}button.input-button:not(:disabled):hover,button.input-button:not(:disabled):focus-visible{border-color:var(--background-highlight)}button.input-button.rainbow{animation:rainbow-border 1s linear infinite;border:2px solid transparent;background-clip:padding-box;position:relative}button.input-button.rainbow:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet,red);animation:input-button-rainbow-shift 1s linear infinite;background-size:200%;z-index:-1}@keyframes input-button-rainbow-shift{0%{background-position:0%}to{background-position:200%}}a.input-back{text-decoration:none;margin-bottom:16px}a.input-back:hover,a.input-back:focus-visible{text-decoration:underline}div.media-canvas{display:inline-block;position:relative;overflow:hidden}div.media-canvas video.playback{position:absolute;visibility:hidden}div.media-canvas canvas.output{object-fit:contain;height:100%;width:100%}div.layout-browser{display:flex;gap:8px}div.layout-browser div.column{display:flex;flex:1;flex-direction:column;gap:8px}div.layout-browser a.item{position:relative;display:block;background-color:#000;margin-bottom:8px;overflow:hidden}div.layout-browser a.item img.preview{height:fit-content;width:100%}div.layout-browser a.item div.metadata{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 8px;background:linear-gradient(transparent,#000c);transition:opacity var(--animation-transition) ease-in-out;opacity:0}div.layout-browser a.item:hover div.metadata,div.layout-browser a.item:focus-visible div.metadata{opacity:1}div.footer-loading{width:100%;padding:8px 0;justify-content:center;display:flex;gap:8px}div.footer-loading span.text{color:var(--font-color-secondary)}div.footer-loading img.icon{opacity:.5;width:16px;height:16px}div.footer-error{width:100%;padding:8px 0;justify-content:center;display:flex;gap:8px}div.footer-error span.text{color:var(--font-color-secondary)}div.footer-error img.icon{opacity:.5;width:16px;height:16px}span.footer-text{color:var(--font-color-secondary);text-align:center;padding:8px 0}div.view-settings{display:grid;gap:8px}div.view-settings div.actions{display:flex}div.view-settings div.section{display:grid;gap:16px}div.view-settings p.title{font-size:large}div.view-settings p.description{color:var(--font-color-secondary);line-height:1.5}article.view-document a{display:inline-block}div.document-section{padding:8px 0;box-sizing:border-box;display:grid;gap:16px}div.document-section:first-child{padding-top:0}div.document-section:last-child{padding-bottom:0}div.document-spacer{border-bottom:var(--border-thickness) dashed var(--background-secondary);margin:8px 0}div.document-divider{background-color:var(--background-secondary);position:relative;width:100%;margin:16px 0;height:2px}div.document-divider:before{content:"";position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;height:16px;width:16px;clip-path:polygon(100% 25%,62.5% 25%,50% 0%,37.5% 25%,0% 25%,25% 50%,0% 100%,50% 75%,100% 100%,75% 50%,100% 25%);background-color:var(--background-primary)}div.document-section p,div.document-section pre{line-height:1.5em}p.document-item:before{content:"◆";margin-left:8px;margin-right:16px}p.document-header{font-size:x-large}p.document-subheader{font-size:large}p.document-paragraph code{background-color:var(--background-translucent);color:var(--font-color-accent);display:inline-block;font-size:small;padding:4px;box-sizing:border-box}pre.document-codeblock{background-color:var(--background-translucent);color:var(--font-color-accent);font-size:small;box-sizing:border-box;overflow-x:scroll;overflow-y:scroll;padding:12px 12px 0}div.view-upload{display:grid;gap:8px}div.view-upload span.default{color:var(--font-color-secondary);text-align:center}div.view-upload span.error{color:var(--font-color-accent);text-align:center;height:1em}div.input-file{border:var(--border-thickness) solid var(--background-primary);background-color:var(--background-tertiary);width:100%;height:100%;aspect-ratio:2.5 / 1;box-sizing:border-box;cursor:pointer}div.input-file input[type=file]{display:none}div.input-file div.prompt{width:100%;height:100%;display:grid;justify-items:center;align-content:center;gap:8px}div.input-file div.prompt img.icon{height:32px;width:32px;margin:16px}div.input-file div.prompt span.hint{font-size:large}div.input-file div.prompt span.header{text-align:center}div.input-file div.prompt span.subheader{color:var(--font-color-secondary);font-size:small;text-align:center}div.input-file div.preview{width:100%;height:100%;display:flex;justify-content:center}div.input-file div.preview img,div.input-file div.preview video{background-color:#fff;max-width:100%;height:100%;object-fit:contain}input.input-text{border:var(--border-thickness) solid var(--background-primary);background-color:var(--background-tertiary);width:100%;box-sizing:border-box;padding:8px}