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