Bli= tz3D V1.112 now available! - Blitz3D by Blitz Research

------MultipartBoundary--FuLzjnL3vXqK4L7mDt4fIKHl1K6k9C9QVaxdaSEdKw---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: chrome-extension://noagjioaihamoljcbelhdlldnmlgnkon/inject/bubble.css @charset "utf-8"; .definer-bubble-arrow[data-hide][data-v-d619443a] { display: none; } .definer-bubble-arrow[data-v-d619443a]::before { content: ""; transform: ro= tate(45deg); background-color: var(--v-ground-base); top: 0px; left: 0px; d= isplay: block; width: inherit; height: inherit; } #definer-logo[data-v-4fba891f] { margin-bottom: 0.2em; } #definer-logo.stroked path[data-v-4fba891f] { stroke: black; } path[data-v-4fba891f] { transition-property: stroke, fill; filter: drop-sha= dow(0 0 2px rgba(var(--text-rgb), 0.3)); stroke: transparent; stroke-width:= 1px; } .monotone path[data-v-4fba891f] { fill: currentcolor; } .definer-book[data-v-4fba891f] { fill: rgb(255, 191, 9); } .definer-lens[data-v-4fba891f] { fill: rgb(163, 102, 0); } .definer-bubble-minimized[data-v-7a21bace] { --bubble-min-width: 30px; --bu= bble-min-height: 30px; --bubble-min-icon-size: 18px; --bubble-min-bg: rgba(= 0, 0, 0, 0.8); height: var(--bubble-min-height); width: var(--bubble-min-wi= dth); } .definer-bubble-minimized-inner[data-v-7a21bace] { box-shadow: rgba(0, 0, 0= , 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0,= 0.12) 0px 1px 3px 0px; transition: box-shadow 100ms ease-in-out, backgroun= d-color 100ms ease-in-out; display: flex; justify-content: center; align-it= ems: center; border-radius: 100%; background-color: var(--bubble-min-bg); h= eight: 100%; width: 100%; cursor: pointer; animation: 200ms ease-in-out 0s = 1 normal none running bounceIn-7a21bace; } .definer-bubble-minimized-inner[data-v-7a21bace]:hover { background-color: = black; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14)= 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } .definer-bubble-minimized-inner[data-v-7a21bace]:active { box-shadow: rgba(= 0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0= , 0, 0, 0.12) 0px 1px 8px 0px; } .definer-bubble-minimized-inner:active .definer-logo[data-v-7a21bace] { tra= nsform: scale(0.9); } .definer-bubble-minimized-inner .definer-logo[data-v-7a21bace] { color: whi= te; height: var(--bubble-min-icon-size); transition: transform 150ms ease-i= n-out; } @keyframes bounceIn-7a21bace {=20 0% { scale: 0; } 50% { scale: 1.05; } 70% { scale: 0.95; } 100% { scale: 1; } } @keyframes gelatine-7a21bace {=20 0%, 100% { transform: scale(1, 1); } 25% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.1, 0.9); } 75% { transform: scale(0.95, 1.05); } } .mat-button-45628[data-v-7e6125b3] { align-items: center; border-radius: va= r(--border-radius); display: inline-flex; flex: 0 0 auto; font-weight: 500;= letter-spacing: 0.0892857em; justify-content: center; outline: 0px; positi= on: relative; text-decoration: none; text-indent: 0.0892857em; text-transfo= rm: uppercase; transition-duration: 0.28s; transition-property: box-shadow,= transform, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, = 1); user-select: none; vertical-align: middle; white-space: nowrap; color: = var(--v-text-base); line-height: 21px; backface-visibility: hidden; transfo= rm: translateZ(0px) scale(1, 1); font-size: 0.875em; height: 36px; min-widt= h: 64px; padding: 0px 16px; -webkit-font-smoothing: antialiased !important;= } .mat-button-45628[data-v-7e6125b3]:hover, .mat-button-45628[data-v-7e6125b3= ]:focus { text-decoration: none; outline: none; } .mat-button-45628.primary[data-v-7e6125b3] { color: var(--v-contrast-base);= background-color: var(--v-primary-base); } .mat-button-45628 [data-v-7e6125b3] { display: flex; align-items: center; } .mat-button-45628[data-v-7e6125b3]:not([data-disabled])::before { transitio= n: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolor; = opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; top= : 0px; left: 0px; z-index: 0; border-radius: inherit; pointer-events: auto;= } .mat-button-45628[data-v-7e6125b3]:not([data-disabled]):hover::before { opa= city: 0.08; } .mat-button-45628[data-v-7e6125b3]:not([data-disabled]):active::before { op= acity: 0.24; } .mat-button-45628.mat-button-45628--elevated[data-v-7e6125b3] { box-shadow:= rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, = rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } .mat-button-45628.mat-button-45628--elevated[data-v-7e6125b3]:active { box-= shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10= px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .mat-button-45628.mat-button-45628--icon[data-v-7e6125b3] { min-height: 0px= ; min-width: 0px; padding: 0px; border-radius: 50%; background-color: trans= parent; width: 36px; } .mat-button-45628.mat-button-45628--icon.mat-button-45628--icon-small[data-= v-7e6125b3] { height: 28px; width: 28px; } .mat-button-45628.mat-button-45628--disabled[data-v-7e6125b3] { opacity: 0.= 3; } .mat-button-45628 .mat-button-45628-content[data-v-7e6125b3] { align-items:= center; color: inherit; display: flex; flex: 1 0 auto; justify-content: in= herit; line-height: normal; position: relative; transition-duration: inheri= t; transition-timing-function: inherit; transition-delay: inherit; transiti= on-behavior: inherit; transition-property: opacity; } .definer-bubble-floating-header[data-v-d08573d8] { display: flex; align-ite= ms: center; cursor: grab; width: 100%; z-index: 1; border-bottom: 1px solid= rgba(var(--text-rgb), 0.12); background: var(--v-ground-darken1); color: v= ar(--v-text-base); } .definer-bubble-floating-header:hover:not(:has(.bubble-close:hover)) .drag-= handle-top-notch[data-v-d08573d8] { background-color: rgba(var(--text-rgb),= 0.5); } .definer-bubble-floating-header[data-v-d08573d8]:active:not(:has(.bubble-cl= ose:hover)) { cursor: grabbing; } .definer-bubble-floating-header:active:not(:has(.bubble-close:hover)) .drag= -handle-top-notch[data-v-d08573d8] { background-color: rgba(var(--text-rgb)= , 0.8); } .definer-bubble-floating-header .bubble-close[data-v-d08573d8] { margin-lef= t: auto; border-radius: 0px; padding: 0px 10px; opacity: 0.75; transition: = opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .definer-bubble-floating-header .bubble-close[data-v-d08573d8]:hover { opac= ity: 1; } .definer-bubble-floating-header .bubble-help[data-v-d08573d8] { margin-righ= t: auto; padding: 0px 10px; border-radius: 0px; pointer-events: none; } .definer-bubble-floating-header--moving[data-v-d08573d8] { cursor: grabbing= ; } .definer-bubble-floating-header--moving[data-v-d08573d8]::after { content: = ""; cursor: grabbing; position: absolute; height: 100%; width: 100%; top: 0= px; left: 0px; } .drag-handle-top-notch[data-v-d08573d8] { width: 30%; height: 4px; margin: = auto; background-color: rgba(var(--text-rgb), 0.2); transition: background-= color 0.3s; border-radius: 5px; } .definer-result-audio[data-v-c03ba31e] { display: flex; } .definer-result-audio-source[data-v-c03ba31e] { display: flex; background-c= olor: transparent !important; } .definer-result-audio-source[data-v-c03ba31e]:not(:last-child) { border-rig= ht: 1px solid rgba(var(--text-rgb), 0.12); padding-right: 8px; margin-right= : 8px; } .definer-result-audio-source[data-v-c03ba31e]:has(+ .definer-result-audio-s= ource:last-child > div:empty) { border-right: none; } .definer-result-audio-source[data-v-c03ba31e]:has(> div:empty) { display: n= one; } .rotatable[data-v-7dde2d56] { transition: transform 300ms ease-in-out; } .rotated-180[data-v-7dde2d56] { transform: rotate(180deg); } .mat-select[data-v-7dde2d56] { display: inline-flex; position: relative; } .mat-select[data-open] .mat-select-label[data-v-7dde2d56]::before { opacity= : 0.1; } .mat-select[data-disabled][data-v-7dde2d56] { color: rgba(var(--text-rgb), = 0.75); } .mat-select[data-disabled] .mat-select-label[data-v-7dde2d56] { cursor: def= ault; } .mat-select[data-disabled] .mat-select-label[data-v-7dde2d56]::before { dis= play: none; } .mat-select-label[data-v-7dde2d56] { position: relative; padding: 0.3em 0.3= em 0.3em 0.6em; cursor: pointer; user-select: none; border-radius: var(--bo= rder-radius); transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); display: fl= ex; justify-content: center; align-items: center; } .mat-select-label[data-v-7dde2d56]::before { transition: opacity 0.3s cubic= -bezier(0.25, 0.8, 0.5, 1); background: currentcolor; opacity: 0; content: = ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-i= ndex: 0; border-radius: inherit; pointer-events: auto; } .mat-select-label[data-v-7dde2d56]:hover::before { opacity: 0.12; } .mat-select-label[data-v-7dde2d56]:active::before { opacity: 0.2; } .mat-select-label .material-design-icon[data-v-7dde2d56] { display: flex; m= argin-left: 0.1em; } .mat-select-list[data-v-7dde2d56] { min-width: 100px; position: absolute; m= ax-height: 240px; overflow: hidden; background: var(--v-secondary-base); bo= x-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px = 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; z-index: 1; border-radius: v= ar(--border-radius); } .mat-select-list .mat-select-list-inner[data-v-7dde2d56] { display: block; = overflow: hidden auto; max-height: 200px; } .mat-select-list .list-item[data-v-7dde2d56] { display: flex; justify-conte= nt: space-between; align-items: center; position: relative; transition: bac= kground 0.1s; cursor: pointer; padding: 0.3em 0.6em; white-space: nowrap; o= verflow-x: hidden; min-height: 28px; } .mat-select-list .list-item[data-v-7dde2d56]::before { transition: opacity = 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolor; opacity: 0;= content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left= : 0px; z-index: 0; border-radius: inherit; pointer-events: none; } .mat-select-list .list-item[data-v-7dde2d56]:hover::before { opacity: 0.12;= } .mat-select-list .list-item[data-v-7dde2d56]:active::before { opacity: 0.2;= } .mat-select-list .list-item.list-item--disabled[data-v-7dde2d56] { pointer-= events: none; background: rgba(var(--ground-rgb), 0.25); color: rgba(var(--= text-rgb), 0.75); } .mat-select-list .list-item.list-item--focused[data-v-7dde2d56]::before { o= pacity: 0.1; } .mat-select-list .mat-select-search[data-v-7dde2d56] { outline: none; paddi= ng: 0.5em 0.6em; border-bottom: 1px solid rgba(var(--text-rgb), 0.12); care= t-color: var(--v-text-base); color: var(--v-text-base); width: 100%; } .mat-select-list .mat-select-search[data-v-7dde2d56]::placeholder { color: = var(--v-text-base); opacity: 1; } .definer-result-language[data-v-0b79e702] .mat-select-label { padding: 0px;= } .definer-result-language-icon[data-v-0b79e702] { margin-right: -0.2em; heig= ht: 1.6em; transition: transform 200ms ease-in-out; } .definer-result-language-icon.rotated-180[data-v-0b79e702] { transform: rot= ate(180deg); } .definer-result-language-label-text[data-v-0b79e702] { padding: 0px 0.4em; = text-transform: uppercase; height: 1.6em; display: flex; align-items: cente= r; } .definer-result-language-label-text .icon[data-v-0b79e702] { opacity: 0.8; = } .result-language-option.dimmed[data-v-0b79e702] { opacity: 0.5; } .definer-result-header[data-v-6fdb3c44] { display: flex; align-items: cente= r; width: 100%; } .definer-result-header-text[data-v-6fdb3c44] { font-size: 1.1em; font-weigh= t: bold; transition: 200ms; } .definer-result-header-text.definer-result-header-text--full[data-v-6fdb3c4= 4] { font-size: 1em; line-height: 1.2em; text-align: justify; } .definer-result-audio-wrapper[data-v-6fdb3c44] { margin-left: 8px; padding-= left: 8px; align-self: flex-start; } .definer-result-header-trunc-toggle[data-v-6fdb3c44] { font-size: 0.75em; o= pacity: 0.6; white-space: nowrap; cursor: pointer; font-weight: normal; mar= gin-left: 0.3em; transition: opacity 100ms; } .definer-result-header-trunc-toggle[data-v-6fdb3c44]:hover { opacity: 0.9; = } .definer-result-language[data-v-6fdb3c44] { margin-left: auto; align-self: = flex-start; } .definer-result-header-query[data-v-6fdb3c44] { outline: none; } .definer-bubble-header[data-v-31ebdb80] { display: flex; } .bubble-resize-handle[data-v-ae64a630] { cursor: se-resize; } div > .resize-icon[data-v-ae64a630] { color: rgba(var(--text-rgb), 0.5); tr= ansition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); overflow: hidden; bor= der-radius: var(--border-radius); display: flex; } div > .resize-icon[data-v-ae64a630]:hover { color: rgba(var(--text-rgb), 1)= ; } .resize-overlay[data-v-ae64a630] { position: fixed; top: 0px; left: 0px; wi= dth: 100%; height: 100%; } .definer-result-body-empty[data-v-32cbf0da] { opacity: 0.7; } .skeleton-loader-8452368[data-v-138af9a3] { border-radius: 4px; position: r= elative; cursor: progress; overflow: hidden; } .skeleton-loader-8452368 > div[data-v-138af9a3] { border-radius: 6px; flex:= 1 0 auto; height: 100%; background: rgba(0, 0, 0, 0.12); overflow: hidden;= position: relative; } .skeleton-loader-8452368 > div[data-v-138af9a3]::after { animation: 1.5s ea= se 0s infinite normal none running loading-138af9a3; content: ""; height: 1= 00%; left: 0px; position: absolute; right: 0px; top: 0px; transform: transl= ateX(-100%); z-index: 1; background: linear-gradient(90deg, rgba(255, 255, = 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); } @keyframes loading-138af9a3 {=20 100% { transform: translateX(100%); } } .skeleton-loader-8452368[data-v-6c17ba40] { margin-bottom: 6px; } .source-error[data-v-9adcdb2a] { display: flex; flex-flow: column; justify-= content: center; } .source-error-text[data-v-9adcdb2a] { display: flex; align-items: center; m= argin: 0.5em 0px 1.5em; color: var(--v-error-base); } .source-error-text > [data-v-9adcdb2a]:first-child { margin: auto 0.8em; di= splay: flex; } .source-error-hint[data-v-9adcdb2a] { padding: 0.5em 1em; margin: auto 0px = 1.5em; border-left: 4px solid rgba(var(--text-rgb), 0.12); background: rgba= (var(--text-rgb), 0.08); font-size: 0.9em; } .source-error-text-title[data-v-9adcdb2a] { font-weight: bold; } .source-error-text-subtitle[data-v-9adcdb2a] { font-size: 0.8em; color: rgb= a(var(--error-rgb), 1); } .source-error-status[data-v-9adcdb2a] { color: rgba(var(--text-rgb), 0.5); = font-size: 0.8em; margin: -1em 1em 1.5em; } .source-placeholder[data-v-3e139dbf] { position: relative; height: 100%; } .definer-resource-result[data-v-7e3c48b4] { height: 100%; } .definer-result-body[data-v-6437047a] { min-width: 250px; height: 100%; } .source-icon-letters[data-v-25c73cce] { display: inline-flex; align-items: = center; justify-content: center; text-transform: uppercase; font-weight: bo= ld; } .drawer-resource-list-item[data-v-1b1a26c7] { transition: background 0.3s c= ubic-bezier(0.25, 0.8, 0.5, 1); width: 45px; height: 40px; min-height: 30px= ; display: inline-flex; align-items: center; justify-content: center; posit= ion: relative; cursor: pointer; } .drawer-resource-list-item.drawer-resource-list-item--active[data-v-1b1a26c= 7] { background: var(--v-ground-base); } .drawer-resource-list-item.drawer-resource-list-item--disabled[data-v-1b1a2= 6c7] { opacity: 0.5; cursor: default; pointer-events: none; } .drawer-resource-list-item[data-v-1b1a26c7]::before { transition: opacity 0= .3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolor; opacity: 0; = content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left:= 0px; z-index: 0; border-radius: inherit; pointer-events: auto; } .drawer-resource-list-item[data-v-1b1a26c7]:hover::before { opacity: 0.04; = } .drawer-resource-list-item[data-v-1b1a26c7]:active::before { opacity: 0.12;= } .result-resource-icon-svg[data-v-1b1a26c7] { width: 24px; height: 24px; } .result-resource-icon-svg path[data-v-1b1a26c7] { fill: var(--v-text-base) = !important; } .definer-result-navigation-drawer[data-v-14e01178] { width: 100%; height: 1= 00%; display: flex; flex-flow: column; background-color: var(--v-ground-dar= ken1); z-index: 1; overflow: hidden auto; scrollbar-width: none; } .definer-result-navigation-drawer[data-v-14e01178]::-webkit-scrollbar { wid= th: 0px !important; } .definer-result[data-v-2c57faac] { display: flex; flex-flow: column; width:= 100%; border-radius: var(--border-radius); overflow: hidden; text-align: l= eft; } .definer-result-content-wrapper[data-v-2c57faac] { display: flex; width: 10= 0%; height: 100%; z-index: 1; } .definer-result-content[data-v-2c57faac] { overflow: auto; display: flex; f= lex-flow: column; background: var(--v-ground-base); z-index: 1; width: 100%= ; position: relative; } .definer-result-header-wrapper[data-v-2c57faac] { transition: 100ms; } .definer-result-body-wrapper[data-v-2c57faac] { height: 100%; transition: 1= 00ms; } .definer-bubble { } .definer-bubble html { box-sizing: border-box; overflow-y: scroll; text-siz= e-adjust: 100%; word-break: normal; tab-size: 4; } .definer-bubble *, .definer-bubble ::before, .definer-bubble ::after { back= ground-repeat: no-repeat; box-sizing: inherit; } .definer-bubble ::before, .definer-bubble ::after { text-decoration: inheri= t; vertical-align: inherit; } .definer-bubble * { padding: 0px; margin: 0px; } .definer-bubble hr { overflow: visible; height: 0px; } .definer-bubble details, .definer-bubble main { display: block; } .definer-bubble summary { display: list-item; } .definer-bubble small { font-size: 80%; } .definer-bubble [hidden] { display: none; } .definer-bubble abbr[title] { border-bottom: none; text-decoration: underli= ne dotted; } .definer-bubble a { background-color: transparent; } .definer-bubble a:active, .definer-bubble a:hover { outline-width: 0px; } .definer-bubble code, .definer-bubble kbd, .definer-bubble pre, .definer-bu= bble samp { font-family: monospace, monospace; } .definer-bubble pre { font-size: 1em; } .definer-bubble b, .definer-bubble strong { font-weight: bolder; } .definer-bubble sub, .definer-bubble sup { font-size: 75%; line-height: 0; = position: relative; vertical-align: baseline; } .definer-bubble sub { bottom: -0.25em; } .definer-bubble sup { top: -0.5em; } .definer-bubble input { border-radius: 0px; } .definer-bubble [disabled] { cursor: default; } .definer-bubble [type=3D"number"]::-webkit-inner-spin-button, .definer-bubb= le [type=3D"number"]::-webkit-outer-spin-button { height: auto; } .definer-bubble [type=3D"search"] { appearance: textfield; outline-offset: = -2px; } .definer-bubble [type=3D"search"]::-webkit-search-cancel-button, .definer-b= ubble [type=3D"search"]::-webkit-search-decoration { appearance: none; } .definer-bubble textarea { overflow: auto; resize: vertical; } .definer-bubble button, .definer-bubble input, .definer-bubble optgroup, .d= efiner-bubble select, .definer-bubble textarea { font: inherit; } .definer-bubble optgroup { font-weight: bold; } .definer-bubble button { overflow: visible; } .definer-bubble button, .definer-bubble select { text-transform: none; } .definer-bubble button, .definer-bubble [type=3D"button"], .definer-bubble = [type=3D"reset"], .definer-bubble [type=3D"submit"], .definer-bubble [role= =3D"button"] { cursor: pointer; color: inherit; } .definer-bubble button, .definer-bubble html [type=3D"button"], .definer-bu= bble [type=3D"reset"], .definer-bubble [type=3D"submit"] { appearance: butt= on; } .definer-bubble button, .definer-bubble input, .definer-bubble select, .def= iner-bubble textarea { background-color: transparent; border-style: none; } .definer-bubble select { appearance: none; } .definer-bubble legend { border: 0px; color: inherit; display: table; white= -space: normal; max-width: 100%; } .definer-bubble ::-webkit-file-upload-button { appearance: button; color: i= nherit; font: inherit; } .definer-bubble img { border-style: none; } .definer-bubble progress { vertical-align: baseline; } @media screen { .definer-bubble [hidden~=3D"screen"] { display: inherit; } .definer-bubble [hidden~=3D"screen"]:not(:active):not(:focus):not(:target= ) { position: absolute !important; clip: rect(0px, 0px, 0px, 0px) !importan= t; } } .definer-bubble [aria-busy=3D"true"] { cursor: progress; } .definer-bubble [aria-controls] { cursor: pointer; } .definer-bubble [aria-disabled=3D"true"] { cursor: default; } .definer-bubble .carousel-transition-enter { transform: translate(100%, 0px= ); } .definer-bubble .carousel-transition-leave, .definer-bubble .carousel-trans= ition-leave-to { position: absolute; top: 0px; transform: translate(-100%, = 0px); } .definer-bubble .carousel-reverse-transition-enter { transform: translate(-= 100%, 0px); } .definer-bubble .carousel-reverse-transition-leave, .definer-bubble .carous= el-reverse-transition-leave-to { position: absolute; top: 0px; transform: t= ranslate(100%, 0px); } .definer-bubble .dialog-transition-enter, .definer-bubble .dialog-transitio= n-leave-to { transform: scale(0.5); opacity: 0; } .definer-bubble .dialog-transition-enter-to, .definer-bubble .dialog-transi= tion-leave { opacity: 1; } .definer-bubble .dialog-bottom-transition-enter, .definer-bubble .dialog-bo= ttom-transition-leave-to { transform: translateY(100%); } .definer-bubble .dialog-top-transition-enter, .definer-bubble .dialog-top-t= ransition-leave-to { transform: translateY(-100%); } .definer-bubble .picker-transition-enter-active, .definer-bubble .picker-tr= ansition-leave-active, .definer-bubble .picker-reverse-transition-enter-act= ive, .definer-bubble .picker-reverse-transition-leave-active { transition: = 0.3s cubic-bezier(0, 0, 0.2, 1); } .definer-bubble .picker-transition-enter, .definer-bubble .picker-transitio= n-leave-to, .definer-bubble .picker-reverse-transition-enter, .definer-bubb= le .picker-reverse-transition-leave-to { opacity: 0; } .definer-bubble .picker-transition-leave, .definer-bubble .picker-transitio= n-leave-active, .definer-bubble .picker-transition-leave-to, .definer-bubbl= e .picker-reverse-transition-leave, .definer-bubble .picker-reverse-transit= ion-leave-active, .definer-bubble .picker-reverse-transition-leave-to { pos= ition: absolute !important; } .definer-bubble .picker-transition-enter { transform: translate(0px, 100%);= } .definer-bubble .picker-transition-leave-to { transform: translate(0px, -10= 0%); } .definer-bubble .picker-reverse-transition-enter { transform: translate(0px= , -100%); } .definer-bubble .picker-reverse-transition-leave-to { transform: translate(= 0px, 100%); } .definer-bubble .picker-title-transition-enter-to, .definer-bubble .picker-= title-transition-leave { transform: translate(0px, 0px); } .definer-bubble .picker-title-transition-enter { transform: translate(-100%= , 0px); } .definer-bubble .picker-title-transition-leave-to { opacity: 0; transform: = translate(100%, 0px); } .definer-bubble .picker-title-transition-leave, .definer-bubble .picker-tit= le-transition-leave-to, .definer-bubble .picker-title-transition-leave-acti= ve { position: absolute !important; } .definer-bubble .tab-transition-enter { transform: translate(100%, 0px); } .definer-bubble .tab-transition-leave, .definer-bubble .tab-transition-leav= e-active { position: absolute; top: 0px; } .definer-bubble .tab-transition-leave-to { position: absolute; transform: t= ranslate(-100%, 0px); } .definer-bubble .tab-reverse-transition-enter { transform: translate(-100%,= 0px); } .definer-bubble .tab-reverse-transition-leave, .definer-bubble .tab-reverse= -transition-leave-to { top: 0px; position: absolute; transform: translate(1= 00%, 0px); } .definer-bubble .expand-transition-enter-active, .definer-bubble .expand-tr= ansition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !i= mportant; } .definer-bubble .expand-transition-move { transition: transform 0.6s; } .definer-bubble .expand-x-transition-enter-active, .definer-bubble .expand-= x-transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1= ) !important; } .definer-bubble .expand-x-transition-move { transition: transform 0.6s; } .definer-bubble .scale-transition-enter-active, .definer-bubble .scale-tran= sition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !imp= ortant; } .definer-bubble .scale-transition-move { transition: transform 0.6s; } .definer-bubble .scale-transition-enter, .definer-bubble .scale-transition-= leave, .definer-bubble .scale-transition-leave-to { opacity: 0; transform: = scale(0); } .definer-bubble .scale-rotate-transition-enter-active, .definer-bubble .sca= le-rotate-transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8= , 0.5, 1) !important; } .definer-bubble .scale-rotate-transition-move { transition: transform 0.6s;= } .definer-bubble .scale-rotate-transition-enter, .definer-bubble .scale-rota= te-transition-leave, .definer-bubble .scale-rotate-transition-leave-to { op= acity: 0; transform: scale(0) rotate(-45deg); } .definer-bubble .scale-rotate-reverse-transition-enter-active, .definer-bub= ble .scale-rotate-reverse-transition-leave-active { transition: 0.3s cubic-= bezier(0.25, 0.8, 0.5, 1) !important; } .definer-bubble .scale-rotate-reverse-transition-move { transition: transfo= rm 0.6s; } .definer-bubble .scale-rotate-reverse-transition-enter, .definer-bubble .sc= ale-rotate-reverse-transition-leave, .definer-bubble .scale-rotate-reverse-= transition-leave-to { opacity: 0; transform: scale(0) rotate(45deg); } .definer-bubble .message-transition-enter-active, .definer-bubble .message-= transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) = !important; } .definer-bubble .message-transition-move { transition: transform 0.6s; } .definer-bubble .message-transition-enter, .definer-bubble .message-transit= ion-leave-to { opacity: 0; transform: translateY(-15px); } .definer-bubble .message-transition-leave, .definer-bubble .message-transit= ion-leave-active { position: absolute; } .definer-bubble .slide-y-transition-enter-active, .definer-bubble .slide-y-= transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) = !important; } .definer-bubble .slide-y-transition-move { transition: transform 0.6s; } .definer-bubble .slide-y-transition-enter, .definer-bubble .slide-y-transit= ion-leave-to { opacity: 0; transform: translateY(-15px); } .definer-bubble .slide-y-reverse-transition-enter-active, .definer-bubble .= slide-y-reverse-transition-leave-active { transition: 0.3s cubic-bezier(0.2= 5, 0.8, 0.5, 1) !important; } .definer-bubble .slide-y-reverse-transition-move { transition: transform 0.= 6s; } .definer-bubble .slide-y-reverse-transition-enter, .definer-bubble .slide-y= -reverse-transition-leave-to { opacity: 0; transform: translateY(15px); } .definer-bubble .scroll-y-transition-enter-active, .definer-bubble .scroll-= y-transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1= ) !important; } .definer-bubble .scroll-y-transition-move { transition: transform 0.6s; } .definer-bubble .scroll-y-transition-enter, .definer-bubble .scroll-y-trans= ition-leave-to { opacity: 0; } .definer-bubble .scroll-y-transition-enter { transform: translateY(-15px); = } .definer-bubble .scroll-y-transition-leave-to { transform: translateY(15px)= ; } .definer-bubble .scroll-y-reverse-transition-enter-active, .definer-bubble = .scroll-y-reverse-transition-leave-active { transition: 0.3s cubic-bezier(0= .25, 0.8, 0.5, 1) !important; } .definer-bubble .scroll-y-reverse-transition-move { transition: transform 0= .6s; } .definer-bubble .scroll-y-reverse-transition-enter, .definer-bubble .scroll= -y-reverse-transition-leave-to { opacity: 0; } .definer-bubble .scroll-y-reverse-transition-enter { transform: translateY(= 15px); } .definer-bubble .scroll-y-reverse-transition-leave-to { transform: translat= eY(-15px); } .definer-bubble .scroll-x-transition-enter-active, .definer-bubble .scroll-= x-transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1= ) !important; } .definer-bubble .scroll-x-transition-move { transition: transform 0.6s; } .definer-bubble .scroll-x-transition-enter, .definer-bubble .scroll-x-trans= ition-leave-to { opacity: 0; } .definer-bubble .scroll-x-transition-enter { transform: translateX(-15px); = } .definer-bubble .scroll-x-transition-leave-to { transform: translateX(15px)= ; } .definer-bubble .scroll-x-reverse-transition-enter-active, .definer-bubble = .scroll-x-reverse-transition-leave-active { transition: 0.3s cubic-bezier(0= .25, 0.8, 0.5, 1) !important; } .definer-bubble .scroll-x-reverse-transition-move { transition: transform 0= .6s; } .definer-bubble .scroll-x-reverse-transition-enter, .definer-bubble .scroll= -x-reverse-transition-leave-to { opacity: 0; } .definer-bubble .scroll-x-reverse-transition-enter { transform: translateX(= 15px); } .definer-bubble .scroll-x-reverse-transition-leave-to { transform: translat= eX(-15px); } .definer-bubble .slide-x-transition-enter-active, .definer-bubble .slide-x-= transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) = !important; } .definer-bubble .slide-x-transition-move { transition: transform 0.6s; } .definer-bubble .slide-x-transition-enter, .definer-bubble .slide-x-transit= ion-leave-to { opacity: 0; transform: translateX(-15px); } .definer-bubble .slide-x-reverse-transition-enter-active, .definer-bubble .= slide-x-reverse-transition-leave-active { transition: 0.3s cubic-bezier(0.2= 5, 0.8, 0.5, 1) !important; } .definer-bubble .slide-x-reverse-transition-move { transition: transform 0.= 6s; } .definer-bubble .slide-x-reverse-transition-enter, .definer-bubble .slide-x= -reverse-transition-leave-to { opacity: 0; transform: translateX(15px); } .definer-bubble .fade-transition-enter-active, .definer-bubble .fade-transi= tion-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !impor= tant; } .definer-bubble .fade-transition-move { transition: transform 0.6s; } .definer-bubble .fade-transition-enter, .definer-bubble .fade-transition-le= ave-to { opacity: 0 !important; } .definer-bubble .fab-transition-enter-active, .definer-bubble .fab-transiti= on-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !importa= nt; } .definer-bubble .fab-transition-move { transition: transform 0.6s; } .definer-bubble .fab-transition-enter, .definer-bubble .fab-transition-leav= e-to { transform: scale(0) rotate(-45deg); } .definer-bubble .abs-leave { position: absolute !important; height: auto !i= mportant; } .definer-bubble .v-ripple__container { color: inherit; border-radius: inher= it; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ove= rflow: hidden; z-index: 0; pointer-events: none; contain: strict; } .definer-bubble .v-ripple__animation { color: inherit; position: absolute; = top: 0px; left: 0px; border-radius: 50%; background: currentcolor; opacity:= 0; pointer-events: none; overflow: hidden; will-change: transform, opacity= ; } .definer-bubble .v-ripple__animation--enter { transition: none; } .definer-bubble .v-ripple__animation--in { transition: transform 0.25s cubi= c-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); } .definer-bubble .v-ripple__animation--out { transition: opacity 0.3s cubic-= bezier(0.4, 0, 0.2, 1); } @keyframes bounceIn {=20 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.= 215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceOut {=20 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceInDown {=20 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, = 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } @keyframes bounceOutDown {=20 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes bounceInLeft {=20 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, = 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } @keyframes bounceOutLeft {=20 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes bounceInRight {=20 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, = 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } @keyframes bounceOutRight {=20 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes bounceInUp {=20 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, = 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes bounceOutUp {=20 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .definer-bubble .bounce-enter-active, .definer-bubble .bounceIn, .definer-b= ubble .bounce-leave-active, .definer-bubble .bounceOut { animation-duration= : 0.5s; animation-fill-mode: both; } .definer-bubble .bounce-enter-active, .definer-bubble .bounceIn { animation= -name: bounceIn; } .definer-bubble .bounce-leave-active, .definer-bubble .bounceOut { animatio= n-name: bounceOut; } .definer-bubble .bounceDown-enter-active, .definer-bubble .bounceInDown, .d= efiner-bubble .bounceDown-leave-active, .definer-bubble .bounceOutDown { an= imation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .bounceDown-enter-active, .definer-bubble .bounceInDown { a= nimation-name: bounceInDown; } .definer-bubble .bounceDown-leave-active, .definer-bubble .bounceOutDown { = animation-name: bounceOutDown; } .definer-bubble .bounceLeft-enter-active, .definer-bubble .bounceInLeft, .d= efiner-bubble .bounceLeft-leave-active, .definer-bubble .bounceOutLeft { an= imation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .bounceLeft-enter-active, .definer-bubble .bounceInLeft { a= nimation-name: bounceInLeft; } .definer-bubble .bounceLeft-leave-active, .definer-bubble .bounceOutLeft { = animation-name: bounceOutLeft; } .definer-bubble .bounceRight-enter-active, .definer-bubble .bounceInRight, = .definer-bubble .bounceRight-leave-active, .definer-bubble .bounceOutRight = { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .bounceRight-enter-active, .definer-bubble .bounceInRight {= animation-name: bounceInRight; } .definer-bubble .bounceRight-leave-active, .definer-bubble .bounceOutRight = { animation-name: bounceOutRight; } .definer-bubble .bounceUp-enter-active, .definer-bubble .bounceInUp, .defin= er-bubble .bounceUp-leave-active, .definer-bubble .bounceOutUp { animation-= duration: 0.5s; animation-fill-mode: both; } .definer-bubble .bounceUp-enter-active, .definer-bubble .bounceInUp { anima= tion-name: bounceInUp; } .definer-bubble .bounceUp-leave-active, .definer-bubble .bounceOutUp { anim= ation-name: bounceOutUp; } @keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeInDown {=20 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutDown {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } @keyframes fadeInDownBig {=20 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutDownBig {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes fadeInLeft {=20 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutLeft {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } @keyframes fadeInLeftBig {=20 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutLeftBig {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes fadeInRight {=20 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutRight {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } @keyframes fadeInRightBig {=20 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutRightBig {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes fadeInUp {=20 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutUp {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } @keyframes fadeInUpBig {=20 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeOutUpBig {=20 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .definer-bubble .fade-enter-active, .definer-bubble .fadeIn, .definer-bubbl= e .fade-leave-active, .definer-bubble .fadeOut { animation-duration: 0.5s; = animation-fill-mode: both; } .definer-bubble .fade-enter-active, .definer-bubble .fadeIn { animation-nam= e: fadeIn; } .definer-bubble .fade-leave-active, .definer-bubble .fadeOut { animation-na= me: fadeOut; } .definer-bubble .fadeDown-enter-active, .definer-bubble .fadeInDown, .defin= er-bubble .fadeDown-leave-active, .definer-bubble .fadeOutDown { animation-= duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeDown-enter-active, .definer-bubble .fadeInDown { anima= tion-name: fadeInDown; } .definer-bubble .fadeDown-leave-active, .definer-bubble .fadeOutDown { anim= ation-name: fadeOutDown; } .definer-bubble .fadeDownBig-enter-active, .definer-bubble .fadeInDownBig, = .definer-bubble .fadeDownBig-leave-active, .definer-bubble .fadeOutDownBig = { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeDownBig-enter-active, .definer-bubble .fadeInDownBig {= animation-name: fadeInDownBig; } .definer-bubble .fadeDownBig-leave-active, .definer-bubble .fadeOutDownBig = { animation-name: fadeOutDownBig; } .definer-bubble .fadeLeft-enter-active, .definer-bubble .fadeInLeft, .defin= er-bubble .fadeLeft-leave-active, .definer-bubble .fadeOutLeft { animation-= duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeLeft-enter-active, .definer-bubble .fadeInLeft { anima= tion-name: fadeInLeft; } .definer-bubble .fadeLeft-leave-active, .definer-bubble .fadeOutLeft { anim= ation-name: fadeOutLeft; } .definer-bubble .fadeLeftBig-enter-active, .definer-bubble .fadeInLeftBig, = .definer-bubble .fadeLeftBig-leave-active, .definer-bubble .fadeOutLeftBig = { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeLeftBig-enter-active, .definer-bubble .fadeInLeftBig {= animation-name: fadeInLeftBig; } .definer-bubble .fadeLeftBig-leave-active, .definer-bubble .fadeOutLeftBig = { animation-name: fadeOutLeftBig; } .definer-bubble .fadeRight-enter-active, .definer-bubble .fadeInRight, .def= iner-bubble .fadeRight-leave-active, .definer-bubble .fadeOutRight { animat= ion-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeRight-enter-active, .definer-bubble .fadeInRight { ani= mation-name: fadeInRight; } .definer-bubble .fadeRight-leave-active, .definer-bubble .fadeOutRight { an= imation-name: fadeOutRight; } .definer-bubble .fadeRightBig-enter-active, .definer-bubble .fadeInRightBig= , .definer-bubble .fadeRightBig-leave-active, .definer-bubble .fadeOutRight= Big { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeRightBig-enter-active, .definer-bubble .fadeInRightBig= { animation-name: fadeInRightBig; } .definer-bubble .fadeRightBig-leave-active, .definer-bubble .fadeOutRightBi= g { animation-name: fadeOutRightBig; } .definer-bubble .fadeUp-enter-active, .definer-bubble .fadeInUp, .definer-b= ubble .fadeUp-leave-active, .definer-bubble .fadeOutUp { animation-duration= : 0.5s; animation-fill-mode: both; } .definer-bubble .fadeUp-enter-active, .definer-bubble .fadeInUp { animation= -name: fadeInUp; } .definer-bubble .fadeUp-leave-active, .definer-bubble .fadeOutUp { animatio= n-name: fadeOutUp; } .definer-bubble .fadeUpBig-enter-active, .definer-bubble .fadeInUpBig, .def= iner-bubble .fadeUpBig-leave-active, .definer-bubble .fadeOutUpBig { animat= ion-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .fadeUpBig-enter-active, .definer-bubble .fadeInUpBig { ani= mation-name: fadeInUpBig; } .definer-bubble .fadeUpBig-leave-active, .definer-bubble .fadeOutUpBig { an= imation-name: fadeOutUpBig; } @keyframes rotateIn {=20 0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200de= g); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } } @keyframes rotateOut {=20 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200d= eg); opacity: 0; } } @keyframes rotateInDownLeft {=20 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg);= opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateOutDownLeft {=20 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg)= ; opacity: 0; } } @keyframes rotateInDownRight {=20 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg);= opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateOutDownRight {=20 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45de= g); opacity: 0; } } @keyframes rotateInUpLeft {=20 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); = opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateOutUpLeft {=20 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg= ); opacity: 0; } } @keyframes rotateInUpRight {=20 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg)= ; opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateOutUpRight {=20 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg= ); opacity: 0; } } .definer-bubble .rotate-enter-active, .definer-bubble .rotateIn, .definer-b= ubble .rotate-leave-active, .definer-bubble .rotateOut { animation-duration= : 0.5s; animation-fill-mode: both; } .definer-bubble .rotate-enter-active, .definer-bubble .rotateIn { animation= -name: rotateIn; } .definer-bubble .rotate-leave-active, .definer-bubble .rotateOut { animatio= n-name: rotateOut; } .definer-bubble .rotateDownLeft-enter-active, .definer-bubble .rotateInDown= Left, .definer-bubble .rotateDownLeft-leave-active, .definer-bubble .rotate= OutDownLeft { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .rotateDownLeft-enter-active, .definer-bubble .rotateInDown= Left { animation-name: rotateInDownLeft; } .definer-bubble .rotateDownLeft-leave-active, .definer-bubble .rotateOutDow= nLeft { animation-name: rotateOutDownLeft; } .definer-bubble .rotateDownRight-enter-active, .definer-bubble .rotateInDow= nRight, .definer-bubble .rotateDownRight-leave-active, .definer-bubble .rot= ateOutDownRight { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .rotateDownRight-enter-active, .definer-bubble .rotateInDow= nRight { animation-name: rotateInDownRight; } .definer-bubble .rotateDownRight-leave-active, .definer-bubble .rotateOutDo= wnRight { animation-name: rotateOutDownRight; } .definer-bubble .rotateUpLeft-enter-active, .definer-bubble .rotateInUpLeft= , .definer-bubble .rotateUpLeft-leave-active, .definer-bubble .rotateOutUpL= eft { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .rotateUpLeft-enter-active, .definer-bubble .rotateInUpLeft= { animation-name: rotateInUpLeft; } .definer-bubble .rotateUpLeft-leave-active, .definer-bubble .rotateOutUpLef= t { animation-name: rotateOutUpLeft; } .definer-bubble .rotateUpRight-enter-active, .definer-bubble .rotateInUpRig= ht, .definer-bubble .rotateUpRight-leave-active, .definer-bubble .rotateOut= UpRight { animation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .rotateUpRight-enter-active, .definer-bubble .rotateInUpRig= ht { animation-name: rotateInUpRight; } .definer-bubble .rotateUpRight-leave-active, .definer-bubble .rotateOutUpRi= ght { animation-name: rotateOutUpRight; } @keyframes slideInDown {=20 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes slideOutDown {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } } @keyframes slideInLeft {=20 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes slideOutLeft {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } } @keyframes slideInRight {=20 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes slideOutRight {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } } @keyframes slideInUp {=20 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes slideOutUp {=20 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } } .definer-bubble .slide-enter-active, .definer-bubble .slideIn, .definer-bub= ble .slide-leave-active, .definer-bubble .slideOut { animation-duration: 0.= 5s; animation-fill-mode: both; } .definer-bubble .slide-enter-active, .definer-bubble .slideIn { animation-n= ame: slideIn; } .definer-bubble .slide-leave-active, .definer-bubble .slideOut { animation-= name: slideOut; } .definer-bubble .slideDown-enter-active, .definer-bubble .slideInDown, .def= iner-bubble .slideDown-leave-active, .definer-bubble .slideOutDown { animat= ion-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .slideDown-enter-active, .definer-bubble .slideInDown { ani= mation-name: slideInDown; } .definer-bubble .slideDown-leave-active, .definer-bubble .slideOutDown { an= imation-name: slideOutDown; } .definer-bubble .slideLeft-enter-active, .definer-bubble .slideInLeft, .def= iner-bubble .slideLeft-leave-active, .definer-bubble .slideOutLeft { animat= ion-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .slideLeft-enter-active, .definer-bubble .slideInLeft { ani= mation-name: slideInLeft; } .definer-bubble .slideLeft-leave-active, .definer-bubble .slideOutLeft { an= imation-name: slideOutLeft; } .definer-bubble .slideRight-enter-active, .definer-bubble .slideInRight, .d= efiner-bubble .slideRight-leave-active, .definer-bubble .slideOutRight { an= imation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .slideRight-enter-active, .definer-bubble .slideInRight { a= nimation-name: slideInRight; } .definer-bubble .slideRight-leave-active, .definer-bubble .slideOutRight { = animation-name: slideOutRight; } .definer-bubble .slideUp-enter-active, .definer-bubble .slideInUp, .definer= -bubble .slideUp-leave-active, .definer-bubble .slideOutUp { animation-dura= tion: 0.5s; animation-fill-mode: both; } .definer-bubble .slideUp-enter-active, .definer-bubble .slideInUp { animati= on-name: slideInUp; } .definer-bubble .slideUp-leave-active, .definer-bubble .slideOutUp { animat= ion-name: slideOutUp; } @keyframes zoomIn {=20 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomOut {=20 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomInDown {=20 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000= px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)= ; } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px= , 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1= ); } } @keyframes zoomOutDown {=20 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px= , -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, = 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 200= 0px, 0px); transform-origin: center bottom; animation-timing-function: cubi= c-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft {=20 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0= px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)= ; } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10p= x, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1= ); } } @keyframes zoomOutLeft {=20 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42p= x, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); = transform-origin: left center; } } @keyframes zoomInRight {=20 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0p= x, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);= } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10= px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, = 1); } } @keyframes zoomOutRight {=20 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42= px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); t= ransform-origin: right center; } } @keyframes zoomInUp {=20 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000p= x, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);= } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px= , -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, = 1); } } @keyframes zoomOutUp {=20 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px= , 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0= .19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -20= 00px, 0px); transform-origin: center bottom; animation-timing-function: cub= ic-bezier(0.175, 0.885, 0.32, 1); } } .definer-bubble .zoom-enter-active, .definer-bubble .zoomIn, .definer-bubbl= e .zoom-leave-active, .definer-bubble .zoomOut { animation-duration: 0.5s; = animation-fill-mode: both; } .definer-bubble .zoom-enter-active, .definer-bubble .zoomIn { animation-nam= e: zoomIn; } .definer-bubble .zoom-leave-active, .definer-bubble .zoomOut { animation-na= me: zoomOut; } .definer-bubble .zoomDown-enter-active, .definer-bubble .zoomInDown, .defin= er-bubble .zoomDown-leave-active, .definer-bubble .zoomOutDown { animation-= duration: 0.5s; animation-fill-mode: both; } .definer-bubble .zoomDown-enter-active, .definer-bubble .zoomInDown { anima= tion-name: zoomInDown; } .definer-bubble .zoomDown-leave-active, .definer-bubble .zoomOutDown { anim= ation-name: zoomOutDown; } .definer-bubble .zoomLeft-enter-active, .definer-bubble .zoomInLeft, .defin= er-bubble .zoomLeft-leave-active, .definer-bubble .zoomOutLeft { animation-= duration: 0.5s; animation-fill-mode: both; } .definer-bubble .zoomLeft-enter-active, .definer-bubble .zoomInLeft { anima= tion-name: zoomInLeft; } .definer-bubble .zoomLeft-leave-active, .definer-bubble .zoomOutLeft { anim= ation-name: zoomOutLeft; } .definer-bubble .zoomRight-enter-active, .definer-bubble .zoomInRight, .def= iner-bubble .zoomRight-leave-active, .definer-bubble .zoomOutRight { animat= ion-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .zoomRight-enter-active, .definer-bubble .zoomInRight { ani= mation-name: zoomInRight; } .definer-bubble .zoomRight-leave-active, .definer-bubble .zoomOutRight { an= imation-name: zoomOutRight; } .definer-bubble .zoomUp-enter-active, .definer-bubble .zoomInUp, .definer-b= ubble .zoomUp-leave-active, .definer-bubble .zoomOutUp { animation-duration= : 0.5s; animation-fill-mode: both; } .definer-bubble .zoomUp-enter-active, .definer-bubble .zoomInUp { animation= -name: zoomInUp; } .definer-bubble .zoomUp-leave-active, .definer-bubble .zoomOutUp { animatio= n-name: zoomOutUp; } @keyframes flipIn {=20 0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px,= 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; opac= ity: 0; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px= , 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; o= pacity: 0.4; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px= , 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; op= acity: 0.5; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d= (0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in= ; opacity: 0.8; } 100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0p= x, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; opacit= y: 1; } } @keyframes flipOut {=20 0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px,= 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; opacity:= 1; } 40% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d= (0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in= ; opacity: 0.6; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px= , 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; op= acity: 0.5; } 80% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px= , 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; o= pacity: 0.2; } 100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0p= x, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; op= acity: 0; } } @keyframes flipInX {=20 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-ti= ming-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-= timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;= } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY {=20 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-ti= ming-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-= timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;= } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipOutX {=20 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1= ; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0= ; } } @keyframes flipOutY {=20 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1= ; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0= ; } } .definer-bubble .flip-enter-active, .definer-bubble .flipIn, .definer-bubbl= e .flip-leave-active, .definer-bubble .flipOut { animation-duration: 0.5s; = animation-fill-mode: both; } .definer-bubble .flip-enter-active, .definer-bubble .flipIn { animation-nam= e: flipIn; } .definer-bubble .flip-leave-active, .definer-bubble .flipOut { animation-na= me: flipOut; } .definer-bubble .flipX-enter-active, .definer-bubble .flipInX, .definer-bub= ble .flipX-leave-active, .definer-bubble .flipOutX { animation-duration: 0.= 5s; animation-fill-mode: both; } .definer-bubble .flipX-enter-active, .definer-bubble .flipInX { animation-n= ame: flipInX; } .definer-bubble .flipX-leave-active, .definer-bubble .flipOutX { animation-= name: flipOutX; } .definer-bubble .flipY-enter-active, .definer-bubble .flipInY, .definer-bub= ble .flipY-leave-active, .definer-bubble .flipOutY { animation-duration: 0.= 5s; animation-fill-mode: both; } .definer-bubble .flipY-enter-active, .definer-bubble .flipInY { animation-n= ame: flipInY; } .definer-bubble .flipY-leave-active, .definer-bubble .flipOutY { animation-= name: flipOutY; } @keyframes lightSpeedIn {=20 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes lightSpeedOut {=20 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } .definer-bubble .lightSpeed-enter-active, .definer-bubble .lightSpeedIn, .d= efiner-bubble .lightSpeed-leave-active, .definer-bubble .lightSpeedOut { an= imation-duration: 0.5s; animation-fill-mode: both; } .definer-bubble .lightSpeed-enter-active, .definer-bubble .lightSpeedIn { a= nimation-name: lightSpeedIn; } .definer-bubble .lightSpeed-leave-active, .definer-bubble .lightSpeedOut { = animation-name: lightSpeedOut; } .definer-bubble .v-popper--theme-tooltip { max-width: 400px; z-index: 10000= 000; pointer-events: none; text-align: center; white-space: pre-line; displ= ay: block !important; } @media screen and (max-width: 700px) { .definer-bubble .v-popper--theme-tooltip { max-width: 300px; } } .definer-bubble .v-popper--theme-tooltip.v-popper__popper--shown .v-popper_= _wrapper { transform: scale(1); transition-duration: 125ms; transition-timi= ng-function: cubic-bezier(0, 0, 0.2, 1); } .definer-bubble .v-popper--theme-tooltip.v-popper__popper--hidden .v-popper= __wrapper { transform: scale(0); opacity: 0; transition: none; } .definer-bubble .v-popper--theme-tooltip .v-popper__inner { background: rgb= a(66, 66, 66, 0.9); color: rgb(255, 255, 255); border-radius: var(--border-= radius); font-size: 14px; line-height: 22px; display: inline-block; padding= : 5px 16px; text-transform: initial; width: auto; pointer-events: none; } #definer-bubble { scrollbar-width: thin; font-size: var(--font-size); font-= family: var(--font-family); line-height: 24px; text-size-adjust: 100%; disp= lay: flex; flex-flow: column; overflow: visible; text-rendering: optimizele= gibility; -webkit-font-smoothing: antialiased; background: transparent; z-i= ndex: 5000; font-weight: var(--font-weight) !important; } #definer-bubble ::-webkit-scrollbar { width: 14px; height: 14px; } #definer-bubble ::-webkit-scrollbar-corner { background-color: var(--v-seco= ndary-base); } #definer-bubble ::-webkit-scrollbar-track { background: var(--v-secondary-b= ase); } #definer-bubble ::-webkit-scrollbar-thumb { background: var(--v-secondary-d= arken1); } #definer-bubble ::-webkit-scrollbar-thumb:hover { background: var(--v-secon= dary-darken2); } #definer-bubble ::-webkit-scrollbar-thumb:active { background: var(--v-seco= ndary-darken3); } #definer-bubble.definer-bubble--floating { transition: none 0.3s cubic-bezi= er(0.25, 0.8, 0.5, 1); position: fixed !important; transform: none !importa= nt; } #definer-bubble.definer-bubble--floating .definer-result-content-wrapper { = height: calc(100% - var(--f344dbf6)); } #definer-bubble.definer-bubble--minimized { transition: none 0.3s cubic-bez= ier(0.25, 0.8, 0.5, 1); } #definer-bubble .definer-bubble-result { box-shadow: rgba(0, 0, 0, 0.2) 0px= 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px= 1px 10px 0px; border-radius: var(--border-radius); overflow: hidden; posit= ion: relative; background: var(--v-ground-base); color: var(--v-text-base);= min-height: 100px; min-width: 200px; } #definer-bubble .definer-bubble-result > * { transition: 0.2s cubic-bezier(= 0.4, 0, 0.2, 1); } #definer-bubble .definer-bubble-result ul, #definer-bubble .definer-bubble-= result ol { padding-left: 24px; list-style: initial; } #definer-bubble .definer-bubble-result p { margin-bottom: 16px; } #definer-bubble .definer-bubble-result audio { display: none; } #definer-bubble .definer-bubble-resize { position: absolute; right: 0px; bo= ttom: 0px; padding: 0px 5px 5px 0px; z-index: 100; } #definer-bubble .definer-bubble-arrow, #definer-bubble .definer-bubble-resi= ze { animation-duration: 200ms; animation-delay: 350ms !important; } #definer-bubble .definer-bubble-arrow::before { box-shadow: rgba(0, 0, 0, 0= .2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.= 12) 0px 1px 10px 0px; } #definer-bubble[data-popper-placement^=3D"top"] .definer-bubble-arrow { bot= tom: 0px; } #definer-bubble[data-popper-placement^=3D"bottom"] .definer-bubble-arrow { = top: 0px; } #definer-bubble[data-popper-placement^=3D"left"] .definer-bubble-arrow { ri= ght: 0px; } #definer-bubble[data-popper-placement^=3D"right"] .definer-bubble-arrow { l= eft: 0px; } #definer-bubble button:hover, #definer-bubble button:active, #definer-bubbl= e button:focus { border: none; } .ai-result-textbox[data-v-4bf5efbf] { position: sticky; flex-shrink: 0; mar= gin-top: auto; bottom: -1px; left: 0px; z-index: 1; display: flex; align-it= ems: center; width: 100%; height: var(--770b8d32); padding: 0px 0.8em; box-= sizing: border-box; border-top: 1px solid rgba(var(--text-rgb), 0.12); back= ground: var(--v-ground-base); opacity: 0; animation: 300ms ease-in-out 300m= s 1 normal forwards running fadeIn-4bf5efbf; } .ai-result-textbox[data-v-4bf5efbf]::before { content: ""; pointer-events: = none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; b= ackground: rgba(var(--text-rgb), 0.05); } .ai-result-textbox-send[data-v-4bf5efbf] { margin: 0px 0.5em; } .ai-result-textbox-input[data-v-4bf5efbf] { outline: none; caret-color: var= (--v-text-base); color: var(--v-text-base); width: 100%; resize: none; } .ai-result-textbox-input[data-v-4bf5efbf]::placeholder { color: var(--v-tex= t-base); opacity: 1; } @keyframes fadeIn-4bf5efbf {=20 0% { opacity: 0; } 100% { opacity: 1; } } .rotatable[data-v-91e5f300] { transition: transform 300ms ease-in-out; } .rotated-180[data-v-91e5f300] { transform: rotate(180deg); } .mat-menu[data-v-91e5f300] { display: inline-flex; position: relative; } .mat-menu[data-open] .mat-menu-activator[data-v-91e5f300]::before { opacity= : 0.1; } .mat-menu[data-disabled][data-v-91e5f300] { color: rgba(var(--text-rgb), 0.= 75); } .mat-menu[data-disabled] .mat-menu-activator[data-v-91e5f300] { cursor: def= ault; } .mat-menu[data-disabled] .mat-menu-activator[data-v-91e5f300]::before { dis= play: none; } .ai-result-message-actions[data-v-5cebb36f] { display: flex; align-items: c= enter; position: absolute; bottom: var(--c51f2866); background: var(--v-sec= ondary-base); border-radius: 15px; z-index: 1; box-shadow: rgba(0, 0, 0, 0.= 1) 0px 2px 4px; } .ai-result-message-actions[data-menu-open=3D"true"][data-v-5cebb36f] { opac= ity: 1 !important; z-index: 2; } .menu-list[data-v-5cebb36f] { display: flex; flex-flow: column; background:= var(--v-secondary-base); border-radius: var(--border-radius); overflow: hi= dden; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) = 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; } .menu-list > [data-v-5cebb36f] { width: 100%; position: relative; overflow:= hidden; justify-content: flex-start; text-transform: none; letter-spacing:= normal; padding-left: 0.8em; border-radius: 0px; box-shadow: none !importa= nt; } .menu-list > [data-v-5cebb36f] svg { margin-right: 8px; } .menu-list > [data-delete-confirm=3D"true"][data-v-5cebb36f] { background: = rgb(244, 67, 54); color: white; } .ai-result-message-branch-switcher[data-v-71c108ec] { display: flex; justif= y-content: flex-start; align-items: center; gap: 2px; } .ai-result-message-branch-switcher-label[data-v-71c108ec] { font-size: 0.85= em; } .ai-result-message-content[data-v-0d26a05e] { display: inline-block; border= -radius: var(--ai-result-message-border-radius, 12px); } .ai-result-message-content[data-message-role=3D"user"][data-v-0d26a05e] { b= ackground: var(--v-primary-base); color: var(--v-contrast-base); padding: 0= .4em 1em; position: relative; margin-left: auto; } .ai-result-message-content[data-message-role=3D"user"][data-v-0d26a05e]::be= fore { content: ""; position: absolute; z-index: 0; bottom: 0px; right: -8p= x; height: 20px; width: 20px; background-image: ; background-position-x: ; = background-position-y: ; background-size: ; background-repeat: ; background= -origin: ; background-clip: ; background-color: ; background-attachment: fi= xed; border-bottom-left-radius: 15px; } .ai-result-message-content[data-message-role=3D"user"][data-v-0d26a05e]::af= ter { content: ""; position: absolute; z-index: 1; bottom: 0px; right: -10p= x; width: 10px; height: 20px; background: var(--v-ground-base); border-bott= om-left-radius: 10px; } .ai-result-message-content[data-message-role=3D"user"][data-v-0d26a05e] p {= white-space: pre-line; } .ai-result-message-content[data-message-role=3D"user"][data-v-0d26a05e] blo= ckquote { background: color-mix(in srgb, var(--v-primary-base) 90%, var(--v= -contrast-base)); color: var(--v-contrast-base); border: none; } .ai-result-message-content[data-v-0d26a05e] > ol > li, .ai-result-message-c= ontent[data-v-0d26a05e] > ul > li { margin-bottom: 1em; } .ai-result-message-content[data-v-0d26a05e] > :last-child, .ai-result-messa= ge-content[data-v-0d26a05e] p:last-child { margin-bottom: 0px !important; } .ai-result-message-content[data-v-0d26a05e] blockquote { border-radius: var= (--ai-result-message-border-radius, 12px); padding: 1em; background: var(--= v-secondary-base); border: 1px solid rgba(var(--text-rgb), 0.12); margin: 0= .5em 0px; } .ai-result-message-content[data-v-0d26a05e] blockquote + hr { opacity: 0; } .ai-result-message-content[data-v-0d26a05e] hr { border-color: rgba(var(--t= ext-rgb), 0.12); margin-bottom: 1em; } .ai-result-message-content[data-v-0d26a05e] a { color: var(--v-anchor-base)= !important; } .spinner[data-v-3bc154e6] { animation: 1.4s linear 0s infinite normal none = running circle-rotator-3bc154e6; } .spinner [data-v-3bc154e6] { line-height: 0; box-sizing: border-box; } @keyframes circle-rotator-3bc154e6 {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path[data-v-3bc154e6] { stroke-dasharray: 187; stroke-dashoffset: 0; trans= form-origin: center center; animation: 1.4s ease-in-out 0s infinite normal = none running circle-dash-3bc154e6, 5.6s ease-in-out 0s infinite normal none= running circle-colors-3bc154e6; } @keyframes circle-colors-3bc154e6 {=20 0% { stroke: var(--v-text-base); } 25% { stroke: var(--v-ptext-base); } 50% { stroke: var(--v-primary-base); } 75% { stroke: var(--v-ptext-base); } 100% { stroke: var(--v-text-base); } } @keyframes circle-dash-3bc154e6 {=20 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } .ai-result-message-thinking[data-v-79c6b748] { background: rgba(var(--text-= rgb), 0.05); font-size: 0.9em; margin-bottom: 1em; border-radius: var(--bor= der-radius); white-space: pre-line; } .ai-result-message-thinking-toggle-btn[data-v-79c6b748] { display: flex; al= ign-items: center; cursor: pointer; position: relative; padding: 0.8em; bor= der-radius: var(--border-radius); } .ai-result-message-thinking-toggle-btn[data-v-79c6b748]::before { transitio= n: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolor; = opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; top= : 0px; left: 0px; z-index: 0; border-radius: inherit; pointer-events: none;= } .ai-result-message-thinking-toggle-btn[data-v-79c6b748]:hover::before { opa= city: 0.12; } .ai-result-message-thinking-toggle-btn[data-v-79c6b748]:active::before { op= acity: 0.2; } .ai-result-message-thinking-toggle-btn:hover .brain-icon[data-v-79c6b748] {= opacity: 1; } .ai-result-message-thinking-toggle-btn .spinner[data-v-79c6b748] { margin: = 0px 0.2em; } .ai-result-message-thinking-toggle-btn .ai-result-message-thinking-label[da= ta-v-79c6b748] { margin: 0px 0.5em; } .ai-result-message-thinking-toggle-btn .brain-icon[data-v-79c6b748] { opaci= ty: 0.8; transition: opacity 300ms ease-in-out; } .ai-result-message-thinking-toggle-btn .icon[data-v-79c6b748]:last-child { = margin-left: auto; transition: transform 300ms ease-in-out; } .ai-result-message-thinking-toggle-btn .icon:last-child.rotated[data-v-79c6= b748] { transform: rotate(180deg); } .ai-result-message-thinking-text[data-v-79c6b748] { padding: 0.8em; } .ai-error[data-v-53af68ad] { display: flex; flex-flow: column; justify-cont= ent: center; } .ai-error-icon[data-v-53af68ad] { flex-shrink: 0; } .ai-error-text[data-v-53af68ad] { display: flex; align-items: center; margi= n: 0.5em 0px 1.5em; color: var(--v-error-base); } .ai-error-text > [data-v-53af68ad]:first-child { margin: auto 0.8em; displa= y: flex; } .ai-error-hint[data-v-53af68ad] { padding: 0.5em 1em; margin: auto 0px 1.5e= m; border-left: 4px solid rgba(var(--text-rgb), 0.12); background: rgba(var= (--text-rgb), 0.08); font-size: 0.9em; } .ai-error-text-title[data-v-53af68ad] { font-weight: bold; } .ai-error-text-subtitle[data-v-53af68ad] { font-size: 0.8em; color: rgba(va= r(--error-rgb), 1); text-transform: uppercase; } .ai-error-status[data-v-53af68ad] { color: rgba(var(--text-rgb), 0.5); font= -size: 0.8em; margin: -1em 1em 1.5em; } .ai-result-message-body[data-v-ba996da4] { --ai-result-message-border-radiu= s: 20px; margin-bottom: 1em; position: relative; display: flex; flex-flow: = column; width: 100%; } .ai-result-message-body[data-message-role=3D"user"][data-v-ba996da4] { widt= h: auto; } .ai-result-message-body:hover .ai-result-message-actions[data-v-ba996da4] {= opacity: 1; } .ai-result-message-body .ai-result-message-actions-wrapper[data-v-ba996da4]= { display: flex; align-items: center; justify-content: flex-start; positio= n: relative; gap: 8px; margin-top: 2px; } .ai-result-message-body .ai-result-message-actions-wrapper[data-branching= =3D"true"] > [data-v-ba996da4] { position: static; } .ai-result-message-body[data-message-role=3D"user"][data-v-ba996da4] { max-= width: 95%; margin-left: auto; } .ai-result-message-body[data-message-role=3D"user"] .ai-result-message-acti= ons-wrapper[data-v-ba996da4] { flex-flow: row-reverse; } .ai-result-message-body[data-message-role=3D"user"] .ai-result-message-acti= ons[data-v-ba996da4] { right: 10px; } .ai-result-message-actions[data-v-ba996da4] { opacity: 0; transition: opaci= ty 200ms ease-in-out; } .ai-result-message-edit[data-v-784be44c] { display: flex; flex-flow: column= ; width: 100%; } .ai-result-message-edit[data-message-role=3D"user"] .ai-result-message-edit= -actions[data-v-784be44c] { margin-left: auto; margin-right: 0.3em; } .ai-result-message-edit-input[data-v-784be44c] { width: 100%; outline: none= ; resize: vertical; padding: 0.5em 0.8em; min-height: 100px; background: va= r(--v-secondary-base); border-radius: var(--border-radius); color: var(--v-= text-base); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; transition: box-sha= dow 150ms ease-in-out; } .ai-result-message-edit-input[data-v-784be44c]:focus { box-shadow: rgba(0, = 0, 0, 0.3) 0px 2px 4px; } .ai-result-message-edit-actions[data-v-784be44c] { display: inline-flex; al= ign-items: center; font-size: 0.9em; overflow: hidden; background: var(--v-= secondary-base); border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2p= x 4px; margin: 0.2em auto 0.8em 0.3em; } .ai-result-message-edit-actions[data-v-784be44c] > * { padding: 0px 0.8em; = } .ai-result-message-edit-actions[data-v-784be44c] > :first-child { border-ri= ght: 1px solid rgba(var(--text-rgb), 0.12) !important; } .ai-result-message-edit-actions[data-v-784be44c] > *, .ai-result-message-ed= it-actions[data-v-784be44c] .mat-button-45628-content { gap: 5px; height: 2= 8px; border-radius: 0px !important; box-shadow: none !important; } .ai-result-message-loader[data-v-e85f6756] { display: flex; align-items: ce= nter; margin: 0.3em 0.5em; gap: 12px; font-size: 0.95em; } .ai-result-message-loader > span[data-v-e85f6756] { animation: 3s ease 0s i= nfinite normal none running fadeInOut-e85f6756; } @keyframes fadeInOut-e85f6756 {=20 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .ai-result-message[data-v-2331666a] { display: flex; } .ai-result-messages[data-v-7e05e594] { width: 100%; display: flex; flex-flo= w: column; padding: 0px 12px; box-sizing: border-box; } .ai-result-messages[data-no-prompt][data-v-7e05e594] { padding: 8px 12px; } .ai-result-no-prompt[data-v-638557c0] { display: flex; align-items: center;= flex-flow: wrap; gap: 8px; margin: 12px 12px 8px; } .model-name[data-v-638557c0] { font-size: 0.8em; margin-left: 8px; } .ai-prompt-favorite-btn[data-v-71095736] { pointer-events: all; opacity: 0;= margin-left: 0.3em; transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, = 1); } .ai-prompt-favorite-btn[data-selected][data-v-71095736] { opacity: 1; color= : var(--v-ptext-base); } .ai-result-prompt-list-item[data-v-8ee468c6] { display: flex; align-items: = center; gap: 8px; } .ai-result-prompt-list-item .provider-icon[data-v-8ee468c6] { flex-shrink: = 0; } .ai-result-prompt-list-item.nowrap .provider-name[data-v-8ee468c6] { white-= space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ai-prompt-favorite-btn[data-v-2c99af6b] { margin-left: 0.5em; } .ai-result-prompt-select[data-v-2c99af6b] { z-index: 2; } .ai-result-prompt-select .list-item:hover .ai-prompt-favorite-btn[data-v-2c= 99af6b] { opacity: 1; } .ai-result-prompt[data-v-4a071cfc] { display: flex; flex-flow: wrap; margin= : 8px 12px; } .ai-result-prompt:hover .ai-result-prompt-edit-btn[data-v-4a071cfc] { opaci= ty: 1; } .ai-result-prompt-config[data-v-4a071cfc] { font-size: 0.8em; margin-left: = 8px; display: flex; align-items: center; gap: 8px; } .ai-result-prompt-config > .default[data-v-4a071cfc] { opacity: 0.8; } .ai-result-message-branch-switcher[data-v-4a071cfc] { margin-left: auto; } .ai-result-prompt-edit-btn[data-v-4a071cfc] { opacity: 0; transition: opaci= ty 150ms ease-in-out; margin-left: 5px; } .ai-result-prompt-list[data-v-2fdafb7b] { display: flex; flex-flow: column;= margin-top: 4px; } .ai-result-prompt-list-item-wrapper[data-v-2fdafb7b] { display: flex; align= -items: center; position: relative; padding: 8px 12px; cursor: pointer; } .ai-result-prompt-list-item-wrapper[data-v-2fdafb7b]::before { transition: = opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolor; opa= city: 0; content: ""; position: absolute; width: 100%; height: 100%; top: 0= px; left: 0px; z-index: 0; border-radius: inherit; pointer-events: none; } .ai-result-prompt-list-item-wrapper[data-v-2fdafb7b]:hover::before { opacit= y: 0.12; } .ai-result-prompt-list-item-wrapper[data-v-2fdafb7b]:active::before { opaci= ty: 0.2; } .ai-result-prompt-list-item-wrapper:hover .ai-prompt-favorite-btn[data-v-2f= dafb7b] { opacity: 1; } .ai-prompt-favorite-btn[data-v-2fdafb7b] { margin-left: auto; } .ai-result-view[data-v-0d28548c] { display: flex; flex-flow: column; height= : 100%; } .ai-source-result[data-v-e5585240] { height: 100%; } .bing-images-iframe[data-v-9637d816] { position: relative; height: 100%; } .bing-images-iframe iframe[data-v-9637d816] { position: absolute; inset: 0p= x; margin: auto; height: 100%; width: 100%; } .bing-images-iframe-overlay[data-v-9637d816] { position: absolute; top: 0px= ; left: 0px; width: 100%; height: 100%; padding: 0px 1em; box-sizing: borde= r-box; overflow: hidden; background: rgba(0, 0, 0, 0.24); display: flex; ju= stify-content: center; align-items: center; } .custom-audio-icon[data-v-573565fc] { height: auto !important; position: re= lative; } .custom-audio-logo[data-v-573565fc] { position: absolute; right: -4px; bott= om: 0px; animation-duration: 350ms; animation-delay: 250ms; } .definer-outer-frame-wrapper[data-v-974c321e] { position: relative; height:= 100%; } .definer-outer-frame-wrapper iframe[data-v-974c321e] { position: absolute; = inset: 0px; margin: auto; height: 100%; width: 100%; } .definer-outer-frame-overlay[data-v-974c321e] { position: absolute; top: 0p= x; left: 0px; width: 100%; height: 100%; padding: 0px 1em; box-sizing: bord= er-box; overflow: hidden; background: rgba(0, 0, 0, 0.24); display: flex; j= ustify-content: center; align-items: center; } .custom-resource-result[data-v-2821c17c] { height: 100%; } .custom-resource-result[data-v-2821c17c] .mw-empty-elt { margin: 0px !impor= tant; } .custom-resource-result > div[data-v-2821c17c] { display: flex; flex-flow: = column; height: 100%; } .custom-resource-result > div .custom-resource-result-actions[data-v-2821c1= 7c] { text-align: right; padding: 1.2em 0.5em 0.8em; position: absolute; ri= ght: 0px; bottom: 0px; } .custom-resource-result > div .custom-resource-result-actions > [data-v-282= 1c17c] { opacity: 0.3; } .custom-resource-result > div .custom-resource-result-actions > [data-v-282= 1c17c]:hover { opacity: 1; } .custom-resource-result .custom-details-btn[data-v-2821c17c] { box-shadow: = none; } .ddg-ia-topic[data-v-59b16248] { display: flex; flex-flow: wrap; } .ddg-ia-topic > [data-v-59b16248] { min-width: 0px; } .ddg-ia-topic[data-v-59b16248]:not(:last-child) { border-bottom: 1px solid = rgba(var(--text-rgb), 0.12); padding-bottom: 1em; margin-bottom: 1em; } .ddg-ia-topic-icon-link[data-v-59b16248] { display: block; margin: 0.6em au= to 0px; min-width: 150px; } .ddg-ia-topic-icon[data-v-59b16248] { max-width: 100%; border-radius: var(-= -border-radius); } .ddg-ia-topic-result[data-v-59b16248] { max-width: 400px; } .ddg-ia-topic-result[data-v-59b16248] a { color: rgba(var(--anchor-rgb), 0.= 8); font-weight: bold; text-decoration: none; } .ddg-ia-topic-result[data-v-59b16248] a:first-child { display: block; } .ddg-ia-topic-result[data-v-59b16248] a:hover { color: rgba(var(--anchor-rg= b), 1); text-decoration: underline; } .ddg-ia-resource-result[data-v-d086e234] { height: 100%; white-space: pre-l= ine; } .ddg-ia-resource-result > div[data-v-d086e234] { display: flex; flex-flow: = column; height: 100%; } .ddg-ia-resource-result > div .ddg-ia-resource-result-actions[data-v-d086e2= 34] { text-align: right; margin-top: auto; padding: 1.2em 0.5em 0.8em; } .ddg-ia-resource-result .ddg-ia-abstract[data-v-d086e234] { border-bottom: = 1px solid rgba(var(--text-rgb), 0.12); padding-bottom: 1em; margin-bottom: = 1em; } .google-dictionary-result[data-v-587c8012] { min-height: 100%; display: fle= x; flex-flow: column; } .google-def[data-v-587c8012]:not(:first-child) { border-top: 1px solid rgba= (var(--text-rgb), 0.12); margin-top: 8px; padding-top: 8px; } .google-def-form[data-v-587c8012] { font-weight: bold; text-transform: capi= talize; } .google-meaning[data-v-587c8012] { padding-bottom: 0.5em; } .google-meaning-example[data-v-587c8012] { opacity: 0.6; font-size: 0.9em; = } .google-dictionary-result-actions[data-v-587c8012] { text-align: right; mar= gin-top: auto; padding: 1.2em 0.5em 0.8em; } .google-dictionary-icon[data-v-587c8012] { height: 2em; width: 2em; } .spinner[data-v-3321a674] { overflow: hidden; position: relative; text-inde= nt: -9999px; display: inline-block; background: rgb(255, 136, 102); border-= radius: 50%; transform: rotateZ(90deg); transform-origin: 50% 50%; animatio= n: 3s ease-in-out 0s infinite normal none running plus-loader-background-33= 21a674; } .spinner[data-v-3321a674]::after { background: rgb(255, 136, 102); border-r= adius: 50% 0px 0px 50%; content: ""; position: absolute; right: 50%; top: 0= px; width: 50%; height: 100%; transform-origin: 100% 50%; animation: 3s lin= ear 0s infinite normal none running plus-loader-top-3321a674; } .spinner[data-v-3321a674]::before { background: rgb(255, 204, 102); border-= radius: 50% 0px 0px 50%; content: ""; position: absolute; right: 50%; top: = 0px; width: 50%; height: 100%; transform-origin: 100% 50%; animation: 3s li= near 0s infinite normal none running plus-loader-bottom-3321a674; } @keyframes plus-loader-top-3321a674 {=20 2.5% { background: rgb(255, 136, 102); transform: rotateY(0deg); animatio= n-timing-function: ease-in; } 13.75% { background: rgb(255, 67, 13); transform: rotateY(90deg); animati= on-timing-function: step-start; } 13.76% { background: rgb(255, 174, 13); transform: rotateY(90deg); animat= ion-timing-function: ease-out; } 25% { background: rgb(255, 204, 102); transform: rotateY(180deg); } 27.5% { background: rgb(255, 204, 102); transform: rotateY(180deg); anima= tion-timing-function: ease-in; } 41.25% { background: rgb(255, 174, 13); transform: rotateY(90deg); animat= ion-timing-function: step-start; } 41.26% { background: rgb(44, 198, 66); transform: rotateY(90deg); animati= on-timing-function: ease-out; } 50% { background: rgb(102, 221, 119); transform: rotateY(0deg); } 52.5% { background: rgb(102, 221, 119); transform: rotateY(0deg); animati= on-timing-function: ease-in; } 63.75% { background: rgb(44, 198, 66); transform: rotateY(90deg); animati= on-timing-function: step-start; } 63.76% { background: rgb(19, 134, 210); transform: rotateY(90deg); animat= ion-timing-function: ease-out; } 75% { background: rgb(68, 170, 238); transform: rotateY(180deg); } 77.5% { background: rgb(68, 170, 238); transform: rotateY(180deg); animat= ion-timing-function: ease-in; } 91.25% { background: rgb(19, 134, 210); transform: rotateY(90deg); animat= ion-timing-function: step-start; } 91.26% { background: rgb(255, 67, 13); transform: rotateY(90deg); animati= on-timing-function: ease-in; } 100% { background: rgb(255, 136, 102); transform: rotateY(0deg); animatio= n-timing-function: step-start; } } @keyframes plus-loader-bottom-3321a674 {=20 0% { background: rgb(255, 204, 102); animation-timing-function: step-star= t; } 50% { background: rgb(255, 204, 102); animation-timing-function: step-sta= rt; } 75% { background: rgb(68, 170, 238); animation-timing-function: step-star= t; } 100% { background: rgb(68, 170, 238); animation-timing-function: step-sta= rt; } } @keyframes plus-loader-background-3321a674 {=20 0% { background: rgb(255, 136, 102); transform: rotateZ(180deg); } 25% { background: rgb(255, 136, 102); transform: rotateZ(180deg); animati= on-timing-function: step-start; } 27.5% { background: rgb(102, 221, 119); transform: rotateZ(90deg); } 50% { background: rgb(102, 221, 119); transform: rotateZ(90deg); animatio= n-timing-function: step-start; } 52.5% { background: rgb(102, 221, 119); transform: rotateZ(0deg); } 75% { background: rgb(102, 221, 119); transform: rotateZ(0deg); animation= -timing-function: step-start; } 77.5% { background: rgb(255, 136, 102); transform: rotateZ(270deg); } 100% { background: rgb(255, 136, 102); transform: rotateZ(270deg); animat= ion-timing-function: step-start; } } .google-translate-lang-select .list-item:hover .google-translate-default-la= ng-btn[data-v-ca47d12c] { opacity: 1; } .google-translate-default-lang-btn[data-v-ca47d12c] { pointer-events: all; = opacity: 0; margin-left: 0.3em; transition: opacity 0.3s cubic-bezier(0.25,= 0.8, 0.5, 1); } .google-translate-default-lang-btn[data-selected][data-v-ca47d12c] { opacit= y: 1; color: var(--v-ptext-base); } .google-translate-supplement-definitions[data-v-056947dc] { font-size: 0.9e= m; border-top: 1px dashed rgba(var(--text-rgb), 0.12); margin-top: 8px; pad= ding-top: 8px; } .google-translate-supplement-definitions[data-v-056947dc] .google-dictionar= y-result { min-height: auto !important; } .google-translation-dict-reverse[data-v-2d285972] { font-size: 0.9em; borde= r-top: 1px dashed rgba(var(--text-rgb), 0.12); margin-top: 8px; padding-top= : 8px; } .google-translation-dict-reverse-entry[data-v-2d285972] { display: flex; } .google-translation-dict-reverse-entry > [data-v-2d285972] { position: rela= tive; margin-right: 0.3em; padding: 0px 4px; white-space: nowrap; border-ra= dius: var(--border-radius); cursor: pointer; } .google-translation-dict-reverse-entry > [data-v-2d285972]:not(:first-child= ) { opacity: 0.7; } .google-translation-dict-reverse-entry > [data-v-2d285972]::before { transi= tion: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolo= r; opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; = top: 0px; left: 0px; z-index: 0; border-radius: inherit; pointer-events: au= to; } .google-translation-dict-reverse-entry > [data-v-2d285972]:hover::before { = opacity: 0.12; } .google-translation-dict-reverse-entry > [data-v-2d285972]:active::before {= opacity: 0.2; } .google-translation-dict-reverse-form[data-v-2d285972] { font-weight: bold;= text-transform: capitalize; } .google-translation-dict-similar[data-v-7a4d863a] { font-size: 0.9em; borde= r-top: 1px dashed rgba(var(--text-rgb), 0.12); margin-top: 8px; padding-top= : 8px; } .google-translation-dict-similar-entry[data-v-7a4d863a] { display: inline-f= lex; } .google-translation-dict-similar-entry > [data-v-7a4d863a] { position: rela= tive; margin-right: 0.3em; padding: 0px 4px; white-space: nowrap; border-ra= dius: var(--border-radius); cursor: pointer; } .google-translation-dict-similar-entry > [data-v-7a4d863a]:not(:first-child= ) { opacity: 0.7; } .google-translation-dict-similar-entry > [data-v-7a4d863a]::before { transi= tion: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); background: currentcolo= r; opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; = top: 0px; left: 0px; z-index: 0; border-radius: inherit; pointer-events: au= to; } .google-translation-dict-similar-entry > [data-v-7a4d863a]:hover::before { = opacity: 0.12; } .google-translation-dict-similar-entry > [data-v-7a4d863a]:active::before {= opacity: 0.2; } .google-translation-dict-similar-form[data-v-7a4d863a] { display: flex; fon= t-weight: bold; text-transform: capitalize; } .google-translation[data-v-f5748af4] { display: flex; align-items: center; = margin: 0.2em 0px 0px; padding: 0px 0.7em 0.5em; font-weight: bold; } .translate-swap[data-v-7fa94d4b] { display: flex; align-items: center; } .translate-swap > button[data-v-7fa94d4b] { transition: color 0.3s cubic-be= zier(0.25, 0.8, 0.5, 1); display: flex; color: rgba(var(--text-rgb), 0.5); = padding: 0px !important; } .translate-swap > button[data-v-7fa94d4b]:not([data-disabled]):hover { colo= r: var(--text-rgb); } .translate-swap > div[data-v-7fa94d4b] { width: 100%; border-top: 1px solid= rgba(var(--text-rgb), 0.12); } .google-translate-lang[data-v-c56b96b8] { display: flex; align-items: cente= r; } .google-translate-lang > [data-v-c56b96b8]:not(:first-child) { display: fle= x; margin-right: 0.5em; } .google-translate-lang > [data-v-c56b96b8]:nth-child(2)::before { content: = ""; display: block; height: 13px; border-right: 1px dashed rgba(var(--text-= rgb), 0.12); margin: auto 0.6em auto 0.2em; } .google-translate-head[data-layout=3D"compact"][data-v-c56b96b8] { display:= flex; flex-flow: row; font-size: 0.9em; } .google-translate-head[data-layout=3D"compact"] .translate-swap[data-v-c56b= 96b8] { rotate: 90deg; } .google-translate-head[data-layout=3D"compact"] .google-translate-lang > [d= ata-v-c56b96b8]:not(:first-child) { margin-right: 0.2em; } .google-translate-head[data-layout=3D"compact"] .google-translate-lang > [d= ata-v-c56b96b8]:nth-child(2)::before { display: none; } .google-translate-resource-result[data-v-162ee969] { height: 100%; display:= flex; flex-flow: column; padding: 8px 12px 6px; box-sizing: border-box; } .google-translate-resource-result[data-v-162ee969] .mw-empty-elt { margin: = 0px !important; } .google-translate-resource-result .google-translate-resource-result-actions= [data-v-162ee969] { display: flex; justify-content: flex-end; margin-top: a= uto; padding: 1.2em 0.5em 0.8em; } .gspeech-icon[data-v-93b56ebe] { height: auto !important; position: relativ= e; } .gspeech-logo[data-v-93b56ebe] { position: absolute; right: -4px; bottom: 0= px; animation-duration: 350ms; animation-delay: 250ms; } .gspeech-result[data-v-abbd1fe6] { display: flex; align-items: center; } .gspeech-btn[data-v-abbd1fe6]:not(:last-child) { margin-right: 8px; } sup[data-v-abbd1fe6] { font-size: 9px; } .wikipedia-placeholder[data-v-69d284da] { position: absolute; inset: 0px; m= argin: auto; display: flex; justify-content: center; align-items: center; w= idth: 100%; height: 100%; } .wikipedia-resource-iframe[data-v-496361fa] { position: relative; height: 1= 00%; } .wikipedia-resource-iframe iframe[data-v-496361fa] { position: absolute; in= set: 0px; margin: auto; height: 100%; width: 100%; } .wikipedia-resource-iframe-overlay[data-v-496361fa] { position: absolute; t= op: 0px; left: 0px; width: 100%; height: 100%; padding: 0px 1em; box-sizing= : border-box; overflow: hidden; background: rgba(0, 0, 0, 0.24); display: f= lex; justify-content: center; align-items: center; } .wikipedia-resource-result[data-v-16218836] { height: 100%; } .wikipedia-resource-result[data-v-16218836] .mw-empty-elt { margin: 0px !im= portant; } .wikipedia-resource-result > div[data-v-16218836] { display: flex; flex-flo= w: column; height: 100%; } .wikipedia-resource-result > div .wikipedia-resource-result-actions[data-v-= 16218836] { text-align: right; padding: 1.2em 0.5em 0.8em; position: absolu= te; right: 0px; bottom: 0px; } .wikipedia-resource-result > div .wikipedia-resource-result-actions > [data= -v-16218836] { opacity: 0.3; } .wikipedia-resource-result > div .wikipedia-resource-result-actions > [data= -v-16218836]:hover { opacity: 1; } .wikipedia-resource-result .wikipedia-details-btn[data-v-16218836] { box-sh= adow: none; } ------MultipartBoundary--FuLzjnL3vXqK4L7mDt4fIKHl1K6k9C9QVaxdaSEdKw---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://blitzresearch.itch.io/static/images/frog-blue.png iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAABGdBTUEAALGPC/xhBQAAAAFzUkdC AK7OHOkAAAKsUExURf/v/rrM/rfK/7fJ/7nL/tLY/rrL/rvL/rjK//7u/u7m/rnK//Ho/pO2/527 /8nT/rnL//zu/uLg/pG2/8LP/pi5/7XI/67G/5W3/9jc/unj/qK+/6nC/9vb/ujj/vjr/s7W/+Xi //Tq/uzm/5a4/5q6/6vD/7DF/+bi/vfr/tfa//Pq/6bA/q3D/sTQ/svU/pu6/77O//ns/vXq/rzM /pK3/6W//5+9/+Df/sDO/77N/8fS/8bS/93e/5i4/p67/pe4/6S//9DX/qrC/7PH/6fB/+rk/rbK //Lo/u/n/vvs/s/W/87V//3u/p+8/q7E/sPP/v3v/szV/9PY/7HG/7DG/7/O/9vd//rs/uTh/+vl /9/e/9XY/8TR//fq/o2z/2mC/wAAAGqC/3KO/460/4ux/4ap/4Ch/wEBARceK2qE/2qD/wIDBYer /2yF/4yy/oyz/4Wp/36f/5C0/4yx/3iW/wQFCHCL/4Kk/4Wp8W+K/3ub/4+0/2eEuxwkNB4nOAYH Coit9zxNbVlxonua/4+z/3qZ/4yy/3mY/4qv/4Om/4mu/22H/3aT/3+g/32f4w0RGIKl6woNEoSn 73SR/2N+s4Sn/yk0S4er9HOQ/y88VYCj6HaU/zpKaXKP/4it/4uw+4qv+nGPzDRCX2uIwj9Qc5G0 /gkMES46U36g5CYwRF13qYmu+FZunERWe3uc3k9kj3aW1UldhDpJaHeY2G2I/4Km7G2LxhIWIHWU 1HWT/01ijAcJDYis/zhIZmR/tXma3CMsPxwjMhMYIktfiGmGv3ud4AwPFYGj/xkgLVBmkh4mNis3 TneW/xAUHXCOyzZFYoes9UFTdigzSBYbJ1Vrmg4SGjtLa3GQzYux/ExginKRz1JolDE+WWF7rzI/ WkdagFt0pV95rGaBuPp5GGwAAABfdFJOU/D5+fn59vn5+fDy+fL+/ff58PT++P36+v718/z79fPx 9vPx8v79+/rz8fXx/Pv49/348fH5/vz89Pj49/f0/v3+/Pb7+vvz+fLy8fb28P37+PD29fr6+PXx 9PP09ffx+0km5gAAAAlwSFlzAAAGTQAABk0Beyl31gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3Nj YXBlLm9yZ5vuPBoAAAq/SURBVHja7Z33WxRJGsfbXRAHYeYYMkgGRRBEUFAx5xzW3du81cPMkDMq illAUEHXnOO65uy6htXNe7fpNufLd//Iwe3zKDJVXd3VNdPhne/PFfr7ofqtt0IzguCXX3755Zdf fvnll19++eWXX375pY0scxLtE2MDp2Ul2BNDLKCsB8fmRg3Ja0d9FB4fVZwCgcLcwNEzQxFBU2bH zjP3X35cEaIoZnyIae2nRLuQDDWNHm5K+9lRSK7SA03oPzAUKdAwsw2CsEFImSabKxJkxyOliowz kf8QK1Ku0BTzTH6RiEVT5prE/2tWxKbJ5oiEYSMQq4aaIjWOQuxKNsP8r8I/Cg82fgAMVQMADTE8 gJlInV6B/AL0yrpQBxs32cGJPQoJU151+BSKvz+tu/Jj675fDpJLaLoussTNHzA9Y+2jpfrUqJGZ S5U0ME7KfN26N35y/K7yimPrfsWXyluqlfuQ+dG4ADZmWGCS3CZSwyX8X6pwPKG7fzuloyEwfIFE +hIeJTNNHyUx9i86PFTxNa7kVA3sJ84Op01PY2U0k0Ru5b3dDoxWtuLK+nxZaB8qJzxH03OUkcTK rdUOrMqvYAoP9K39tGdlTlBnbbRMfRGp6n/KHQRVf4JZF+f70H5S0Fr5c/TMbOmRRKp3eqWDqK9W e5bP8p3/BGUr98hMqcaCCLVWf+SQ0FXPCjN8ZX/eaKV5WlOCRHMZhEpvSvl3bNzjOfOG+cb/LIaN i6ZYYnMphCpvVUsCcFz3rDLRJ/6fZ1q3tRMfbgKhxhvS/h0feFYZ7Av/xYyrlTGJhAZz8OWPUAaA o9pzYZDhA/9/ZF6vZRTg1xGEAfWOg6b3PCt5f3v0KRUr1hxsPpBGKL2BCuCmBuuB8arW7AuwMyq+ 7J5yKoB3PWvN9rL/Jeo2LUJxx1g2fNl1VP+O7zFrYp1v20TLf6noIcBRganm1ZNCe5NaAMju2Wo0 vuRmNgAJXvRfEKnaPxrh2ewQfMnDdADrMdWWeBFANOIgz+0BwnnwATqA85hqi73nfxoP/yjHo93J +ILf0wH8C7fs8pr/1BguAFCwzBFwng7gDK5eqh5P7voqon/DhD3FY1T/P53E1fPWemiWixOAyP7p IGFf7ToVwFVsvWJtIuDBS9+sv3v3sy+/27da6UxIuBR0hub/wduyUw0eA0DS067vHjzesD38iTSA 8fIywVPnKAB+w9dzxU8f+uyM8bbAiWk8t0ck725d6bd1/cUZqdKL+jUdi5iCwIZfqW+bK2N6wPyU F7gcf0hs/x/EpCw/X5Z4rn7Zahyh2PuS+wGv75QbdFzWqPmzvLgIOLIem6Rdk32KmU8qd1XC/7nT ykJvzGLbi2reCPIJyNsV+CfcTX7CqCfbDiOVO3mR/Pf/mmH+OTsz90XGM/Qk4hnAJuK2xbkbpDp5 8jZEEPqWlA5v2Mk6CYdGJ7NcpkkgNiixcfnRHnlBQGKPre7jjbj98JsnVWUiGYNikxQCIB4D/Fsq Tv1T1pWuLMkMa+ebr/c/F711QX021j7EpmggFJICwG7JmWodoVph3xM22rOe3Lf5i0fzQfUHn+/i lJGieJvszRMLaRL8Wfl6/YldC8uySbKe9dS9/7be/Pi31jubEE+5hsbKmxmCSeOTtnN/h7Qe+P/4 C1tWhLRWem6BDAAvM53d9Wgz8ZBkQLJtRgzSg8KD6G8CYSvk1J9pAH5ARlDTaNqkQDi820ddsJZ/ awgCKD3ZwnKFSca+7VvIIBoRzLAU/JAO4LRRAKDwBYoB1K000QjoXaLMU3iF5QLdv+OIgQCgwmxl MeAG3f/GOiMBQNY5ii7y/kIH8CEylqyEMRCBLf1XOoDNBgOAipIUXOS8RgfwD6MBINzhyMKWvUy9 wfBgk+EAeJ7bSNxjq6AB+MZ4/pHLjvsgAF/2XVoifM+AAJAVkw5Y2rFFaZdYziNDagJmCOThU8Ef JP2vfN+YAEILZB8MXpIE8A4yqMZ5AsglFP1Swv+BOqMCiHlB9rb4avJEULEaGVbT5E4DCO1aT/D/ 2S7j+sd9hptOKrvpFjYdOmDgv39PLpAq9ypbr+5c9ECw8XodMrQ8bxwPlCp+49YTu6Mrj11ABtcg mevBxxnBvc//vqH3DKv8q8M/7kGG12QlX3b2iQfXjlxGppArTEEMMKX6f4OaCcw/6veFV8okaACe OMDPjFoLzT969fEN4QlWBFCP1kOvjEEgFUH7qtcPwA/A3FoCHYANOoBl0AGMhQ4gDTqAfOAAQgXg AEZABzAQOoBk6ADs0AEkAQewSAAOYBB0AIHQAaQBB5AuAAcwzJAAtq9qbPz0IZemRhoPQMcOZ4nY q5bG5epbizMcgG0t4iPVlqltLcZiMADLO0vEvrq/nF8IMAKA0haxn5xubiHAAADKKkUPOTt4hQDd A6jfIuK0glcIEAbofO5zinit4hQCdA5gVS3Bv9jFHgaeMQwA94oSkag2PiFAxwDqy7pECdW6uYQA /QJoaBal1cglBOgVQOn9Eop/0cklBOgTQMMhka6SrTxCgA4BuBudoiyxzYTpFl0DcH/aXSXK1Boe IUBPANzbOptLRPliywaTdQmgo6HxaIsS873qZuoqTW8A6mvKOp1VIoOOsnQ3SdARgI7SHSuclSKr mF6BKH0AcDeUrelurhJViSkIBir6UsQ7Oc6W47UiDzFNg3O1BlBzXOQkpkTIKmgMoKySl3+xmaX/ wRoDKCvh5p8tBGRpC6Chip//qu0sT5CqKYD6Zn7+2bKAeEFTAGUc/ZfUsDzBKG0BODkC+AvTEzyv KYATHCNgLdNmwNp8TQHwfAPYzgcLBU0BrND6BcD+Bx0fAtjLLwdiPB21awuAWwysPcH2AOFh5gBQ Wcr4ADm4/yEV4DsA3ZxSwP2sD2DTGMAWPv63MT/ASxoDWMXl/Wf3j/+BIh8CcHNYCnfVsPf/tNYA 0FHV/o9vVdF9luYAalTmwiVt9Sp6dxVoDkBlGLy9X1XnhJ+u9ymADhWpQGWbystxEToAgNysWyIl e0+o7duuBwDIzbYgONSguufQpboAgOp3KJ4Mq7pLOXRM+oUyXwNA6OEhRfZb1mzn0u0C3QDomQ7v y50PuzobeHUarCMAPQjabtNHvrNtfz23Hom/Wf4HpI3qS9dIHAx3Hd+yzc21vwBBVyPgdy1v2NF5 qKXvSWnlbefeFY37t/LvK0FvI6Dv1Li9prRHNQ9PLPdaH035OgbgCw0VgAN4BjqAYOAArAJwAKOg AxgLHEBoGHAAzwnAAQRCBzAHOIB4qd+ZGwwAQC50AJnAAUyxAAcwW/LHNgEEwVgB9gg4mw8cQLQA HEAgcACuAuAApgvAASRDBxACHMBUATiAYhqAQSYHkAYcgFUADiACOoBM4AAiBeAAgqADGAscQPpC 4AACBOAA7MABTLIABzBeAA4gBTiASAE4gAjoAOKAA7AKwAHkQgfwEnAA8QJwAMXQAQQDB1AoAAcw EjgA1xzgAHIE4ACyZAN4ypT+Y8KAAwgSgAPIBA6gSAAOwAYcwNps4AAWC8ABxAIHoCAJMCeAIAE4 gETgAIoE4ABswAG0pyoD8LTZADwnAAfwMnAAeRbgABSGQNMBaEoFDmCGAByAHTgAqwAcgA04gPDh wAEECMABxAEHMEQADiAWOIDIhSwAIswDYAKL//8BEQgAQ2tTG+MAAAAASUVORK5CYII= ------MultipartBoundary--FuLzjnL3vXqK4L7mDt4fIKHl1K6k9C9QVaxdaSEdKw---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://static.itch.io/game.css?1750624001 @charset "utf-8"; @font-face { font-family: Lato; font-style: normal; font-weight: 400; src: = local("Lato Regular"), local("Lato-Regular"), url("fonts/lato-v14-latin-reg= ular.woff2") format("woff2"), url("fonts/lato-v14-latin-regular.woff") form= at("woff"); } @font-face { font-family: Lato; font-style: italic; font-weight: 400; src: = local("Lato Italic"), local("Lato-Italic"), url("fonts/lato-v14-latin-itali= c.woff2") format("woff2"), url("fonts/lato-v14-latin-italic.woff") format("= woff"); } @font-face { font-family: Lato; font-style: normal; font-weight: 700; src: = local("Lato Bold"), local("Lato-Bold"), url("fonts/lato-v14-latin-700.woff2= ") format("woff2"), url("fonts/lato-v14-latin-700.woff") format("woff"); } @font-face { font-family: Lato; font-style: normal; font-weight: 900; src: = local("Lato Black"), local("Lato-Black"), url("fonts/lato-v14-latin-900.wof= f2") format("woff2"), url("fonts/lato-v14-latin-900.woff") format("woff"); = } @font-face { font-family: LatoExtended; font-style: normal; font-weight: 40= 0; src: url("fonts/Lato-Regular.woff2") format("woff2"), url("fonts/Lato-Re= gular.woff") format("woff"), local("Lato Regular"), local("Lato-Regular"); = } @font-face { font-family: LatoExtended; font-style: italic; font-weight: 40= 0; src: url("fonts/Lato-Italic.woff2") format("woff2"), url("fonts/Lato-Ita= lic.woff") format("woff"), local("Lato Italic"), local("Lato-Italic"); } @font-face { font-family: LatoExtended; font-style: normal; font-weight: 70= 0; src: url("fonts/Lato-Bold.woff2") format("woff2"), url("fonts/Lato-Bold.= woff") format("woff"), local("Lato Bold"), local("Lato-Bold"); } @font-face { font-family: LatoExtended; font-style: normal; font-weight: 90= 0; src: url("fonts/Lato-Black.woff2") format("woff2"), url("fonts/Lato-Blac= k.woff") format("woff"), local("Lato Black"), local("Lato-Black"); } :root { --itchio_white_back: #fff; --itchio_gray_back: #F4F4F4; --itchio_bg= _color: var(--itchio_white_back); --itchio_body_color: #222; --itchio_body_= color_gray: #767676; --itchio_body_color_med: #434343; --itchio_body_color_= light: #606060; --itchio_body_color_lighter: #858585; --itchio_border_color= : #dadada; --itchio_edge_border_color: #cdcdcd; --itchio_input_border_color= : #cdcdcd; --itchio_input_focus_color: #361275; --itchio_light_highlight: #= FFF0F0; --itchio_warning_bg: #fffdbd; --itchio_target_bg: #D7FCAF; --itchio= _gutter_width: 40px; } body { color: var(--itchio_body_color); margin: 0px; font-size: 13px; font-= family: sans-serif; } a { color: var(--itchio_link_color, #da2c49); } a img { border: 0px; } h2 { margin: 15px 0px; } .screenreader_only { position: absolute; width: 1px; height: 1px; padding: = 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-= space: nowrap; border-width: 0px; } .skip_to_main { position: absolute; top: -40px; left: 0px; background-color= : var(--itchio_button_color, #FF2449); color: var(--itchio_button_fg_color,= white); padding: 8px; z-index: 1000; font-size: 16px; } .skip_to_main:focus { top: 5px; left: 5px; } .return_link::before { content: "=E2=86=90"; display: inline-block; margin-= right: 5px; text-decoration: none; } html[dir=3D"rtl"] .return_link::before { content: "=E2=86=92"; margin-right= : 0px; margin-left: 5px; } .forward_link::after { content: "=E2=86=92"; display: inline-block; margin-= left: 5px; text-decoration: none; } html[dir=3D"rtl"] .forward_link::after { content: "=E2=86=90"; margin-left:= 0px; margin-right: 5px; } .loader { display: inline-block; background-image: url("images/loader.gif")= ; vertical-align: middle; width: 16px; height: 16px; } .loader.dark { background-image: url("images/loader-dark.gif"); } .loader.huge { width: 66px; height: 66px; background-image: url("images/loa= der-huge.gif"); } .loader.checkout { width: 43px; height: 11px; background-image: url("images= /cc-loader.gif"); background-repeat: no-repeat; background-position: 50% 50= %; } .button { user-select: none; box-sizing: border-box; display: inline-block;= text-decoration: none; padding: 0px 10px; font-size: 14px; background: var= (--itchio_button_color, #FF2449); color: var(--itchio_button_fg_color, whit= e); text-shadow: 0 1px 0 var(--itchio_button_shadow_color, #c3223e); cursor= : pointer; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); box-sh= adow: rgba(255, 255, 255, 0.21) 0px 0px 1px inset; text-align: center; line= -height: 33px; font-weight: bold; height: 35px; } .button:hover { background: var(--itchio_button_color, #ff2e51); } .button:active { background-color: var(--itchio_button_color, #e1193b); pos= ition: relative; top: 1px; } .button.fat { font-size: 18px; letter-spacing: 0.025em; line-height: 38px; = font-weight: 900; height: 40px; padding: 0px 20px; } .button.fat:hover { box-shadow: none; } .button.fat.disabled { border-bottom: 4px solid rgb(134, 134, 134); } .button.small { font-size: 14px; height: 20px; line-height: 18px; font-weig= ht: normal; } .button.cancel { opacity: 0.8; filter: grayscale(80%); } .button:focus { outline-color: rgb(54, 18, 117); } .dark_theme .button:focus { outline-color: white; } .button.outline { background: transparent; border: 1px solid var(--itchio_b= utton_color, rgba(255,36,73,0.4)); color: var(--itchio_link_color, #FF2449)= ; text-shadow: none; } .button.outline:hover { border: 1px solid var(--itchio_button_color, rgba(2= 55,36,73,0.6)); } .button.disabled { opacity: 0.5; filter: grayscale(100%); } .button.disabled:focus { outline: 0px; } .button.disabled:active { position: static; } a.learn_more, .learn_more a { color: var(--itchio_body_color_light); } html:not([dir=3D"rtl"]) a.learn_more > .svgicon, html:not([dir=3D"rtl"]) .l= earn_more a > .svgicon { margin-right: 5px; } html[dir=3D"rtl"] a.learn_more > .svgicon, html[dir=3D"rtl"] .learn_more a = > .svgicon { margin-left: 5px; } .global_flash { position: fixed; z-index: 101; top: 0px; left: 50%; backgro= und-color: rgb(115, 195, 227); background-image: -webkit-linear-gradient(bo= ttom, rgb(94, 186, 222) 0%, rgb(136, 204, 231) 100%); color: white; text-sh= adow: rgb(36, 138, 178) 1px 1px 1px; border-radius: 0px 0px 5px 5px; paddin= g: 15px 16px 8px; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4= px; } .global_flash.error { background-color: rgb(195, 56, 56); background-image:= -webkit-linear-gradient(bottom, rgb(181, 44, 44) 0%, rgb(209, 67, 67) 100%= ); text-shadow: rgb(99, 24, 24) 1px 1px 1px; } .global_flash.animated { transition: 0.25s ease-in-out; } .formatted { font-size: 16px; } .formatted p, .formatted ul, .formatted ol { line-height: 1.5; } .formatted p { margin: 0px 0px 20px; } .formatted h1, .formatted h2, .formatted h3, .formatted h4 { font-size: 18p= x; margin: 0px 0px 10px; } .formatted ul, .formatted ol { margin: 0px 0px 20px; padding-left: 2em; } .formatted hr { border: 0px; height: 1px; background: var(--itchio_border_c= olor); } .formatted img { max-width: 100%; } .formatted img[width][height] { height: auto; } .warning_box { background: var(--itchio_warning_bg, #fffdbd); color: rgb(50= , 49, 0); padding: 20px; margin-bottom: 20px; font-size: 16px; } .dark_theme .warning_box { color: rgb(238, 238, 238); } .warning_box h2, .warning_box h3, .warning_box h4 { color: rgb(58, 58, 39);= } .warning_box :last-child { margin-bottom: 0px; } .loader_bar { position: relative; height: 2px; } .loader_bar .loader_bar_slider { position: absolute; inset: 0px; background= : rgb(255, 36, 73); animation: 0.8s cubic-bezier(0.55, 0.45, 0.55, 0.45) 0s= infinite alternate none running loader-left, 0.8s cubic-bezier(0.45, 0.55,= 0.45, 0.55) 0s infinite none running loader-right; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .user_formatted { overflow-wrap: break-word; } .user_formatted img, .user_formatted iframe { max-width: 100%; border: 0px;= } .user_formatted pre { white-space: pre-wrap; } .user_formatted table { border-width: 1px; border-style: solid; border-imag= e: initial; border-color: var(--itchio_border_color); } .user_formatted table td, .user_formatted table th { padding: 5px; } .user_formatted figure { margin: 1em 0px; } .user_formatted figure > img { margin-left: auto; margin-right: auto; } .user_formatted figure figcaption { margin-top: 0.5em; font-size: 80%; opac= ity: 0.8; font-style: italic; } .user_formatted .embed_preload { border: 0px; position: relative; backgroun= d-color: rgba(0, 0, 0, 0.5); cursor: pointer; max-width: 100%; box-sizing: = border-box; font-family: var(--itchio_default_font, Lato),sans-serif; box-s= hadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset, black 0px 0px 0px 1p= x inset; display: inline-flex; vertical-align: top; } .user_formatted .embed_preload::before { content: "Click to activate embed"= ; color: white; padding-top: 10px; font-weight: bold; position: absolute; i= nset: 0px; background: none 50% 50% no-repeat rgba(0, 0, 0, 0.6); transitio= n: background-size 0.2s; } .user_formatted .embed_preload.other_embed .embed_url { border-radius: 2px;= position: relative; padding: 3px; box-sizing: border-box; z-index: 1; back= ground: rgba(0, 0, 0, 0.5); color: white; margin-top: auto; margin-left: au= to; margin-right: auto; white-space: nowrap; overflow: hidden; text-overflo= w: ellipsis; max-width: 100%; } .user_formatted .embed_preload.other_embed::before { background-image: url(= "images/play_icon.svg"); background-size: 60px; } .user_formatted .embed_preload.youtube_preload::before { content: "Click to= activate YouTube video"; background-image: url("images/youtube_icon.svg");= background-size: 60px; } .user_formatted .embed_preload.youtube_preload:hover::before { background-s= ize: 70px; } .user_formatted .embed_preload.twitch_preload { content: "Click to activate= Twitch video"; } .user_formatted .embed_preload.twitch_preload::before { background-image: u= rl("images/twitch_logo.svg"); background-size: 80px; } .user_formatted .embed_preload.twitch_preload:hover::before { background-si= ze: 90px; } @keyframes popin {=20 0% { opacity: 0; transform: scale(0.8); } 75% { transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } @keyframes bouncein {=20 0% { transform: scale(1); } 50% { transform: scale(1.3); } 90% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes loader-left {=20 0% { left: 0px; } 100% { left: 90%; } } @keyframes loader-right {=20 0% { right: 90%; } 100% { right: 0px; } } .perf_panel { opacity: 0.5; transition: 0.2s; position: fixed; bottom: 10px= ; right: 10px; background: white; white-space: nowrap; padding: 5px 10px; b= order: 1px solid rgb(218, 218, 218); font-size: 16px; line-height: 1.5; z-i= ndex: 2; } @media (max-width: 960px) { .perf_panel { display: none; } } .perf_panel:hover { opacity: 1; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;= } .perf_panel .stat_row { display: inline-block; } .perf_query_log_widget details[open] summary { opacity: 0.3; } @keyframes pulse_opacity {=20 0% { opacity: 0.4; } 50% { opacity: 0.6; } 100% { opacity: 0.4; } } @keyframes spin {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes bounce {=20 0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215,= 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px) rotate(0deg); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0= .06); transform: translate3d(0px, -20px, 0px) rotate(10deg); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);= transform: translate3d(0px, -10px, 0px) rotate(-10deg); } 90% { transform: translate3d(0px, -3px, 0px) rotate(0deg); } } @keyframes drop_down {=20 0% { opacity: 1; transform: translate3d(0px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 20px, 0px); } } @keyframes popout {=20 0% { opacity: 1; transform: scale(1, 1); } 100% { opacity: 0; transform: scale(1.1, 1.1); } } .animate_bounce { animation: 0.5s ease 0s 1 normal none running bounce; } .animate_popout { animation: 0.25s ease-out 0s 1 normal forwards running po= pout; } .animate_drop_down { animation: 0.25s ease 0s 1 normal forwards running dro= p_down; } .animate_heartbeat { animation: 0.3s ease 0s 1 normal none running heartbea= t; } @keyframes heartbeat {=20 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes intro {=20 0% { opacity: 0; transform: translate(0px, 20px); } 100% { opacity: 1; transform: translate(0px, 0px); } } @keyframes lightbox_intro {=20 0% { opacity: 0; transform: translate(-50%, 20px); } 100% { opacity: 1; transform: translate(-50%, 0px); } } @keyframes scroll_background {=20 0% { background-position: 0px 0px; } 100% { background-position: -30px 0px; } } #lightbox_shroud { position: fixed; inset: 0px; background: rgb(64, 67, 78)= ; opacity: 0.8; transition: opacity 0.12s ease-out; z-index: 1000; } #lightbox_shroud.invisible { opacity: 0; } #lightbox_container { z-index: 1001; } #lightbox_container::before, #lightbox_container::after { content: " "; dis= play: table; } #lightbox_container::after { clear: both; } #lightbox_container .lightbox { position: absolute; left: 50%; margin-top: = 80px; transform: translate(-50%, 0px); } @media (max-width: 600px) { #lightbox_container .lightbox { margin: 5px; left: 0px; transform: none; = box-shadow: none; width: auto !important; max-width: none !important; } } dialog { color: var(--itchio_body_color); background-color: var(--itchio_wh= ite_back); box-shadow: rgb(218, 218, 218) 0px 0px 0px 2px, white 0px 0px 0p= x 4px, rgba(0, 0, 0, 0.2) 0px 0px 20px; border-radius: 2px; border: 0px; } .dark_theme dialog { box-shadow: rgb(68, 68, 68) 0px 0px 0px 2px, black 0px= 0px 20px 2px; } dialog::backdrop { background: rgba(64, 67, 78, 0.8); } .lightbox { margin-bottom: 60px; color: var(--itchio_body_color); z-index: = 1001; background-color: var(--itchio_white_back); box-shadow: rgb(218, 218,= 218) 0px 0px 0px 2px, white 0px 0px 0px 4px; border-radius: 2px; display: = flow-root; --itchio_lightbox_gutter: 40px; } .dark_theme .lightbox { box-shadow: rgb(68, 68, 68) 0px 0px 0px 2px, black = 0px 0px 20px 2px; } .lightbox.compact { --itchio_lightbox_gutter: 20px; } .lightbox.compact h2 { margin: 20px; border: 0px; padding: 0px; } .lightbox.compact p { margin: 20px; } .lightbox.compact .close_button { margin-top: 15px; } .lightbox .content .spinner_container { text-align: center; margin: 15px au= to; } .lightbox .close_button { float: right; margin-top: 22px; margin-right: 20p= x; color: var(--itchio_body_color_med); opacity: 0.7; cursor: pointer; bord= er: 0px; background: transparent; } .lightbox .close_button:hover { opacity: 1; } .lightbox.animated { animation: 0.2s ease-in-out 0s 1 normal none running l= ightbox_intro; } @media (max-width: 600px) { .lightbox.animated { animation: 0.2s ease-in-out 0s 1 normal none running= intro; } } .lightbox h2 { border-bottom-width: 1px; border-bottom-style: solid; border= -color: var(--itchio_border_color); margin: 0px 0px 20px; padding: 25px var= (--itchio_lightbox_gutter, 40px); font-weight: 900; color: var(--itchio_bod= y_color_med); } .lightbox h2 .game_title { color: var(--itchio_body_color); } .lightbox p { line-height: 1.5; font-size: 16px; margin: 20px var(--itchio_= lightbox_gutter, 40px); } .lightbox .button_row { margin-top: 10px; } .lightbox .button_row a { color: var(--itchio_body_color_light); } @media (max-width: 600px) { .lightbox { --itchio_lightbox_gutter: 20px; } .lightbox .close_button { float: right; margin-top: 12px; margin-right: 1= 0px; } } .loading_lightbox .loader_outer { margin: 20px; font-size: 16px; color: var= (--itchio_body_color_light); } .loading_lightbox .loader_label { padding: 0px 20px 5px; } @media (max-width: 600px) { .loading_lightbox .loader_outer { max-width: 100px; margin: 0px auto; pad= ding: 20px; } } .error_lightbox_widget { width: 100%; max-width: 450px; } .error_lightbox_widget .form_errors { margin: 0 var(--itchio_lightbox_gutte= r, 40px); } .error_lightbox_widget .form_errors ul { margin-top: 0px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0px 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0px; paddi= ng: 0px; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0px 65px 10px 10px; } :focus { outline-color: var(--itchio_input_focus_color); } .form { --itchio_form_input_row_gap: 20px; } .form .input_row { margin-bottom: var(--itchio_form_input_row_gap); font-si= ze: 14px; } .form .input_row ul.radio_list, .form .input_row ul.check_list { margin: 0p= x; padding: 0px; } .form .input_row ul.radio_list li, .form .input_row ul.check_list li { list= -style: none; margin: 8px 10px; padding: 0px; color: var(--itchio_body_colo= r_med); } .form .input_row ul.radio_list input, .form .input_row ul.check_list input = { vertical-align: middle; margin: 0px 5px 0px 0px; } html[dir=3D"rtl"] .form .input_row ul.radio_list input, html[dir=3D"rtl"] .= form .input_row ul.check_list input { margin-right: 0px; margin-left: 5px; = } .form .input_row .input_error { margin: 5px 0px 0px; font-size: 14px; color= : rgb(209, 67, 67); } .form .label { color: var(--itchio_body_color_med); font-weight: 900; } .form .label .sub, .form label .sub { font-weight: normal; color: var(--itc= hio_body_color_light); } .form .label .sub a, .form label .sub a { color: var(--itchio_body_color_me= d); } .form input[type=3D"text"], .form input[type=3D"number"], .form input[type= =3D"password"], .form input[type=3D"email"], .form input[type=3D"datetime-l= ocal"], .form input[type=3D"date"], .form input[type=3D"url"], .form textar= ea, .form .fake_input { padding: 8px; border-width: 2px; border-style: soli= d; border-image: initial; box-sizing: border-box; border-color: var(--itchi= o_input_border_color); color: var(--itchio_body_color); background-color: v= ar(--itchio_white_back); border-radius: 2px; font-family: inherit; width: 1= 00%; max-width: var(--itchio_form_input_width, 550px); margin: 6px 0px; } .form input[type=3D"text"]:focus, .form input[type=3D"number"]:focus, .form= input[type=3D"password"]:focus, .form input[type=3D"email"]:focus, .form i= nput[type=3D"datetime-local"]:focus, .form input[type=3D"date"]:focus, .for= m input[type=3D"url"]:focus, .form textarea:focus, .form .fake_input:focus = { border-color: rgb(170, 170, 170); } .dark_theme .form input[type=3D"text"]:focus, .dark_theme .form input[type= =3D"number"]:focus, .dark_theme .form input[type=3D"password"]:focus, .dark= _theme .form input[type=3D"email"]:focus, .dark_theme .form input[type=3D"d= atetime-local"]:focus, .dark_theme .form input[type=3D"date"]:focus, .dark_= theme .form input[type=3D"url"]:focus, .dark_theme .form textarea:focus, .d= ark_theme .form .fake_input:focus { border-color: rgba(255, 255, 255, 0.2);= } .form input[type=3D"text"]:disabled, .form input[type=3D"number"]:disabled,= .form input[type=3D"password"]:disabled, .form input[type=3D"email"]:disab= led, .form input[type=3D"datetime-local"]:disabled, .form input[type=3D"dat= e"]:disabled, .form input[type=3D"url"]:disabled, .form textarea:disabled, = .form .fake_input:disabled { background-color: var(--itchio_gray_back); opa= city: 0.5; } .form input[type=3D"text"].has_error, .form input[type=3D"number"].has_erro= r, .form input[type=3D"password"].has_error, .form input[type=3D"email"].ha= s_error, .form input[type=3D"datetime-local"].has_error, .form input[type= =3D"date"].has_error, .form input[type=3D"url"].has_error, .form textarea.h= as_error, .form .fake_input.has_error { border-color: rgb(209, 67, 67); } .form input[type=3D"text"].big_input, .form input[type=3D"number"].big_inpu= t, .form input[type=3D"password"].big_input, .form input[type=3D"email"].bi= g_input, .form input[type=3D"datetime-local"].big_input, .form input[type= =3D"date"].big_input, .form input[type=3D"url"].big_input, .form textarea.b= ig_input, .form .fake_input.big_input { font-size: 24px; } .form input[type=3D"text"].medium_input, .form input[type=3D"number"].mediu= m_input, .form input[type=3D"password"].medium_input, .form input[type=3D"e= mail"].medium_input, .form input[type=3D"datetime-local"].medium_input, .fo= rm input[type=3D"date"].medium_input, .form input[type=3D"url"].medium_inpu= t, .form textarea.medium_input, .form .fake_input.medium_input { font-size:= 16px; } .form input[type=3D"text"].inline_input, .form input[type=3D"number"].inlin= e_input, .form input[type=3D"password"].inline_input, .form input[type=3D"e= mail"].inline_input, .form input[type=3D"datetime-local"].inline_input, .fo= rm input[type=3D"date"].inline_input, .form input[type=3D"url"].inline_inpu= t, .form textarea.inline_input, .form .fake_input.inline_input { width: aut= o; } .form .selectize-input { width: 100%; max-width: var(--itchio_form_input_wi= dth, 550px); box-sizing: border-box; border-width: 2px; border-style: solid= ; border-image: initial; border-color: var(--itchio_input_border_color); co= lor: var(--itchio_body_color); background-color: var(--itchio_white_back); = border-radius: 2px; padding: 8px; } .form .selectize-input, .form .selectize-input.focus { box-shadow: none; } .form .selectize-input:focus { outline: none; border-color: rgb(170, 170, 1= 70); } .form .selectize-control { margin: 6px 0px; } .form .selectize-control.single .selectize-input { border-color: var(--itch= io_input_border_color); color: var(--itchio_body_color); background-color: = var(--itchio_white_back); background-image: none; } .form .selectize-control.single .selectize-input, .form .selectize-control.= single .selectize-input.focus { box-shadow: none; } .form .selectize-control.single .selectize-input.input-active { color: var(= --itchio_body_color); background-color: var(--itchio_white_back); border-co= lor: var(--itchio_input_focus_color); } .form .selectize-control .selectize-dropdown { border-radius: 3px; box-shad= ow: 0 0 0 1px var(--itchio_edge_border_color),0 2px 4px rgba(0,0,0,0.2); bo= rder: 0px; overflow: hidden; background-color: var(--itchio_white_back); co= lor: var(--itchio_body_color_med); } .form .selectize-control .selectize-dropdown .active { background-color: va= r(--itchio_light_highlight); color: var(--itchio_link_color, #da2c49); } .form .selectize-input .sub, .form .selectize-dropdown .sub { color: var(--= itchio_body_color_light); } .form .selectize-dropdown { z-index: 100; } .form .selectize-dropdown-content { max-height: 320px; } .form input[type=3D"checkbox"] { vertical-align: middle; } .form select { margin: 6px 0px; } .form .buttons { margin-top: var(--itchio_form_input_row_gap, 20px); displa= y: flex; gap: 10px; align-items: center; color: var(--itchio_body_color_lig= hter); } .form .buttons a:not(.button), .form .buttons button.textlike { color: var(= --itchio_body_color_med); } html:not([dir=3D"rtl"]) .form .buttons .right_buttons { margin-left: auto; = } html[dir=3D"rtl"] .form .buttons .right_buttons { margin-right: auto; } input, button { font-family: var(--itchio_default_font, Lato),sans-serif; } button.textlike { border: 0px; background: transparent; padding: 0px; margi= n: 0px; text-decoration: underline; color: var(--itchio_link_color, #da2c49= ); cursor: pointer; font-size: inherit; font-family: inherit; } .form_errors { color: rgb(209, 67, 67); font-size: 16px; } fieldset { border-width: 1px; border-style: solid; border-image: initial; b= order-color: var(--itchio_border_color); margin-bottom: var(--itchio_form_i= nput_row_gap, 20px); } fieldset legend { font-weight: bold; color: var(--itchio_body_color_med); } fieldset .input_row { margin: 10px; } body .ui-widget, body .ui-widget button { font-family: var(--itchio_default= _font, Lato),sans-serif; } .forms_image_uploader_widget .upload_progress { margin-bottom: 10px; } .forms_image_uploader_widget .preview_image > img.image_loading { min-width= : 100px; min-height: 56.25px; background: url("images/loading.svg") 50% 50%= / 40px no-repeat; object-fit: none; } .forms_image_uploader_widget .existing_upload_tools { display: flex; align-= items: center; gap: 10px; } .forms_form_errors_widget { margin: 1em 0px; } .forms_form_errors_widget > :first-child { margin-top: 0px; } .forms_form_errors_widget > :last-child { margin-bottom: 0px; } .form.buy_form_widget.has_error .error_message { display: block; } .form.buy_form_widget.show_billing_address_form .default_view { display: no= ne; } .form.buy_form_widget.show_billing_address_form .billing_address_view { dis= play: block; } .form.buy_form_widget.show_vat_confirm .default_view { display: none; } .form.buy_form_widget.show_vat_confirm .vat_view { display: block; } .form.buy_form_widget.show_purchase_complete .default_view { display: none;= } .form.buy_form_widget.show_purchase_complete .purchase_complete_view { disp= lay: block; } .form.buy_form_widget.loading .loader { display: block; margin: 20px auto; = } .form.buy_form_widget.loading .submit_buttons { display: none; } .form.buy_form_widget.has_vat_error .on_vat_error { display: block; } .form.buy_form_widget.has_vat_error .on_vat_success { display: none; } .form.buy_form_widget.has_generic_error .on_generic_error { display: block;= } .form.buy_form_widget.has_generic_error .on_vat_success { display: none; } .form.buy_form_widget .billing_address_view { display: none; } .form.buy_form_widget .billing_address_view input[type=3D"text"] { box-sizi= ng: border-box; width: 100%; } .form.buy_form_widget .on_vat_error, .form.buy_form_widget .on_generic_erro= r { display: none; } .form.buy_form_widget .vat_view { display: none; font-size: 14px; } .form.buy_form_widget .vat_view p { font-size: 14px; } .form.buy_form_widget .vat_view.no_tip .tip_row { display: none; } .form.buy_form_widget .purchase_complete_view { display: none; } .form.buy_form_widget .gifter { font-size: 16px; margin: 25px 0px 10px; bor= der-width: 1px; border-style: solid; border-image: initial; border-color: v= ar(--itchio_border_color); padding: 8px 15px; border-radius: 2px; display: = block; } .form.buy_form_widget .gifter:hover { background-color: var(--itchio_gray_b= ack); } .form.buy_form_widget .gifter .label_text, .form.buy_form_widget .gifter .g= ift_checkbox { display: inline-block; vertical-align: middle; } .form.buy_form_widget .gifter .gift_checkbox { margin: 0px 13px 0px 0px; } .form.buy_form_widget .fixed_price { font-size: 24px; margin-bottom: 10px; = } .form.buy_form_widget .download_links a { color: var(--itchio_body_color_li= ght); } .form.buy_form_widget button { margin: 0px; } .form.buy_form_widget p { margin: 10px 0px; } .form.buy_form_widget .warning { font-weight: bold; } .form.buy_form_widget .warning.big { font-size: 140%; color: red; backgroun= d-color: var(--itchio_gray_back); padding: 5px; } .form.buy_form_widget .icon { font-size: 16px; } .form.buy_form_widget .icon-heart { color: rgb(236, 78, 97); vertical-align= : middle; margin-right: 2px; } .form.buy_form_widget .add_buttons { margin: 15px 0px; } @media (max-width: 600px) { .lightbox .form.buy_form_widget .add_buttons { text-align: center; margin= -bottom: 10px; } } .form.buy_form_widget .next_tier_btn { margin-left: 5px; font-size: 14px; } .form.buy_form_widget .add_buttons .add_btn { margin-right: 10px; font-size= : 16px; background-color: rgb(36, 192, 145); border-width: 0px 0px 1px; bor= der-top-style: initial; border-right-style: initial; border-left-style: ini= tial; border-top-color: initial; border-right-color: initial; border-left-c= olor: initial; border-image: initial; color: white; border-radius: 4px; pad= ding: 4px 8px; text-shadow: rgb(28, 149, 113) 1px 1px 1px; box-shadow: rgb(= 28, 149, 113) 0px 3px; border-bottom-style: solid; border-bottom-color: rgb= (39, 209, 158); cursor: pointer; line-height: 20px; } @media (max-width: 600px) { .lightbox .form.buy_form_widget .add_buttons .add_btn { width: 120px; mar= gin-bottom: 10px; } } .form.buy_form_widget .add_buttons .add_btn:active { box-shadow: rgb(28, 14= 9, 113) 0px 1px; position: relative; top: 2px; } .form.buy_form_widget .add_buttons .add_btn .icon { vertical-align: middle;= margin-right: 6px; font-size: 11px; } .form.buy_form_widget .add_buttons .add_btn.disabled { background-color: rg= b(168, 168, 168); text-shadow: rgb(143, 143, 143) 1px 1px 1px; box-shadow: = rgb(143, 143, 143) 0px 3px; border-bottom: 1px solid rgb(178, 178, 178); co= lor: rgb(194, 194, 194); cursor: default; } .form.buy_form_widget .checkout_btn { user-select: none; box-sizing: border= -box; display: inline-block; background: rgb(255, 36, 73); color: white; te= xt-decoration: none; text-shadow: rgb(195, 34, 62) 0px 1px 0px; cursor: poi= nter; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow:= rgba(255, 255, 255, 0.21) 0px 0px 1px inset; text-align: center; line-heig= ht: 40px; font-weight: bold; height: 42px; font-size: 14px; margin-right: 1= 0px; margin-bottom: 10px; padding: 0px 9px; } .form.buy_form_widget .checkout_btn:hover { background: rgb(255, 46, 81); } .form.buy_form_widget .checkout_btn:active { background-color: rgb(225, 25,= 59); position: relative; top: 1px; } .form.buy_form_widget .checkout_btn:last-child { margin-right: 0px; } .form.buy_form_widget .checkout_btn .icon { margin-right: 5px; display: inl= ine-block; vertical-align: top; line-height: 42px; font-size: 19px !importa= nt; } @media (max-width: 600px) { .lightbox .form.buy_form_widget .checkout_btn { display: block; width: 10= 0%; } } .form.buy_form_widget .money_input { margin: 0px; width: 330px; font-size: = 24px; } .form.buy_form_widget .money_split { display: flex; margin: 20px 0px; } .form.buy_form_widget .money_split .add_btn { margin-left: 10px; font-famil= y: var(--itchio_default_font, Lato),sans-serif; border-radius: 2px; font-si= ze: 14px; font-weight: bold; background: -webkit-linear-gradient(bottom, rg= b(239, 239, 239) 0%, rgb(244, 244, 244) 100%) rgb(241, 241, 241); color: va= r(--itchio_body_color); cursor: pointer; padding: 0px 8px; border: 2px soli= d rgb(193, 193, 193); } .dark_theme .form.buy_form_widget .money_split .add_btn { background: -webk= it-linear-gradient(bottom, rgb(32, 32, 32) 0%, rgb(27, 27, 27) 100%) rgb(30= , 30, 30); border-color: rgba(255, 255, 255, 0.1); } .form.buy_form_widget .money_split .add_btn:hover { background-color: rgb(2= 36, 236, 236); background-image: -webkit-linear-gradient(bottom, rgb(234, 2= 34, 234) 0%, rgb(239, 239, 239) 100%); border-color: rgb(182, 182, 182); } .dark_theme .form.buy_form_widget .money_split .add_btn:hover { background-= color: rgb(35, 35, 35); background-image: -webkit-linear-gradient(bottom, r= gb(37, 37, 37) 0%, rgb(32, 32, 32) 100%); border-color: rgba(255, 255, 255,= 0.1); } .form.buy_form_widget .money_split .add_btn:active { background-color: rgb(= 229, 229, 229); background-image: -webkit-linear-gradient(bottom, rgb(226, = 226, 226) 0%, rgb(231, 231, 231) 100%); border-color: rgb(172, 172, 172); } .dark_theme .form.buy_form_widget .money_split .add_btn:active { background= -color: rgb(42, 42, 42); background-image: -webkit-linear-gradient(bottom, = rgb(45, 45, 45) 0%, rgb(40, 40, 40) 100%); border-color: rgba(255, 255, 255= , 0.1); } .form.buy_form_widget .money_split .input_row { flex: 1 1 0%; margin: 0px; = } .form.buy_form_widget .money_split .input_row > input { width: 100%; max-wi= dth: none; box-sizing: border-box; } .form.buy_form_widget .error_message { padding: 10px; display: none; backgr= ound: rgb(209, 67, 67); color: white; } .form.buy_form_widget .error_message .icon { float: left; } .form.buy_form_widget .error_message .error_text { margin-left: 24px; } .form.buy_form_widget .loader { display: none; } .form.buy_form_widget .reward_input_group { margin: 20px 0px; border-bottom= -width: 1px; border-bottom-style: dashed; border-top-width: 1px; border-top= -style: dashed; border-color: var(--itchio_border_color); } .form.buy_form_widget .reward_input_group p { text-align: center; font-styl= e: italic; color: var(--itchio_body_color_med); font-size: 14px; } .form.buy_form_widget .reward_input_group .reward_input { margin: 20px 0px;= padding: 10px; border-width: 2px; border-style: solid; border-image: initi= al; border-color: var(--itchio_border_color); border-radius: 2px; } .form.buy_form_widget .reward_input_group .reward_input .reward_name { font= -size: 18px; color: var(--itchio_body_color_med); border-bottom-width: 1px;= border-bottom-style: solid; border-color: var(--itchio_border_color); padd= ing-bottom: 0.4em; } .form.buy_form_widget .file_list { margin: 20px 0px; border-bottom-width: 1= px; border-bottom-style: dashed; border-top-width: 1px; border-top-style: d= ashed; border-color: var(--itchio_border_color); } .form.buy_form_widget .file_list .icon-download { margin-right: 2px; color:= var(--itchio_body_color_med); } .form.buy_form_widget .file_list p { text-align: center; font-style: italic= ; color: var(--itchio_body_color_med); font-size: 14px; } .form.buy_form_widget .file_list .file_row { margin: 10px 0px; } .form.buy_form_widget .file_list .file_row.inactive { color: rgb(133, 133, = 133); cursor: pointer; } .form.buy_form_widget .file_list .file_row.inactive .icon-download { color:= rgb(187, 187, 187); } .form.buy_form_widget .file_list .file_row.inactive:hover { color: rgb(96, = 96, 96); } .form.buy_form_widget .sale_banner { background: rgb(255, 240, 182); color:= rgb(71, 69, 60); margin-bottom: 20px; border: 1px solid rgb(249, 226, 137)= ; padding: 10px; line-height: 1.4; } .form.buy_form_widget .sale_banner .end_date { font-style: italic; } .form.buy_form_widget .sale_banner .sale_description p { font-size: inherit= ; } .form.buy_form_widget .sale_banner .sale_description p:last-child { margin-= bottom: 0px; } .form.buy_form_widget .original_price { text-decoration: line-through; colo= r: var(--itchio_body_color_light); } .form.buy_form_widget .file_row .original_price { color: rgb(194, 194, 194)= ; } .form.buy_form_widget .already_bought, .form.buy_form_widget .terms { margi= n-top: 5px; } .form.buy_form_widget .already_bought a, .form.buy_form_widget .terms a { c= olor: rgb(153, 153, 153); font-size: 14px; } .form.buy_form_widget .submit_buttons { margin-top: 20px; } .form.buy_form_widget .submit_buttons .buttons_label { display: none; color= : var(--itchio_body_color_lighter); font-size: 13px; margin-bottom: 10px; } .form.buy_form_widget .submit_buttons .buttons_label.show { display: block;= } .form.buy_form_widget .submit_buttons.narrow_buttons .verb_label { display:= none; } .form.buy_form_widget .submit_buttons.narrow_buttons .buttons_label { displ= ay: block; } .form.buy_form_widget .submit_buttons a { color: rgb(133, 133, 133); margin= -left: 10px; } .form.buy_form_widget .submit_buttons a:first-child { margin-left: 0px; } .form.buy_form_widget .email_capture { margin: 20px 0px; } .form.buy_form_widget .email_capture .email_input { width: 100%; box-sizing= : border-box; color: var(--itchio_body_color); margin: 0px; } .form.buy_form_widget .email_capture .label { margin-bottom: 4px; } .form.bundle_buy_form_widget h3, .form.sale_bundle_buy_form_widget h3 { mar= gin: 20px 0px 15px; } .form.bundle_buy_form_widget .receive_row, .form.sale_bundle_buy_form_widge= t .receive_row { border-width: 1px; border-style: solid; border-image: init= ial; border-color: var(--itchio_border_color); background: rgb(249, 249, 24= 9); border-radius: 3px; padding: 10px 18px; margin-bottom: 20px; overflow: = auto; max-height: 220px; } .dark_theme .form.bundle_buy_form_widget .receive_row, .dark_theme .form.sa= le_bundle_buy_form_widget .receive_row { background: rgba(19, 19, 19, 0.867= ); } .form.bundle_buy_form_widget .receive_row h3, .form.sale_bundle_buy_form_wi= dget .receive_row h3 { margin-top: 0px; } .form.bundle_buy_form_widget .key_warning, .form.sale_bundle_buy_form_widge= t .key_warning { color: rgb(255, 255, 255); background: rgb(34, 34, 34); pa= dding: 5px 10px; } .dark_theme .form.bundle_buy_form_widget .key_warning, .dark_theme .form.sa= le_bundle_buy_form_widget .key_warning { color: rgb(17, 17, 17); background= : rgb(238, 238, 238); } .form.bundle_buy_form_widget .game_list, .form.sale_bundle_buy_form_widget = .game_list { font-size: 16px; } .form.bundle_buy_form_widget .game_list .game_row .counts, .form.sale_bundl= e_buy_form_widget .game_list .game_row .counts { padding-left: 5px; opacity= : 0.6; } .form.bundle_buy_form_widget .game_list .game_row.inactive, .form.sale_bund= le_buy_form_widget .game_list .game_row.inactive { color: var(--itchio_body= _color_lighter); cursor: pointer; } .form.bundle_buy_form_widget .game_list .game_row.inactive .icon-download, = .form.sale_bundle_buy_form_widget .game_list .game_row.inactive .icon-downl= oad { color: var(--itchio_body_color_gray); } .form.bundle_buy_form_widget .game_list .game_row.inactive:hover, .form.sal= e_bundle_buy_form_widget .game_list .game_row.inactive:hover { color: var(-= -itchio_body_color_light); } .form.bundle_buy_form_widget .regular_price, .form.sale_bundle_buy_form_wid= get .regular_price { color: var(--itchio_body_color_light); font-size: 14px= ; } .form.bundle_buy_form_widget .game_row, .form.sale_bundle_buy_form_widget .= game_row { line-height: 1.6; } .form.bundle_buy_form_widget .game_row > *, .form.sale_bundle_buy_form_widg= et .game_row > * { margin-right: 5px; } .form.bundle_buy_form_widget .game_row > :last-child, .form.sale_bundle_buy= _form_widget .game_row > :last-child { margin-right: 0px; } .form.bundle_buy_form_widget .total_row, .form.sale_bundle_buy_form_widget = .total_row { color: var(--itchio_body_color_med); border-top-width: 1px; bo= rder-top-style: solid; border-color: var(--itchio_border_color); margin-top= : 20px; padding-top: 8px; } .form.bundle_buy_form_widget .total_row del, .form.bundle_buy_form_widget .= total_row .savings, .form.sale_bundle_buy_form_widget .total_row del, .form= .sale_bundle_buy_form_widget .total_row .savings { color: var(--itchio_body= _color_lighter); } .form.bundle_buy_form_widget .total_row strong, .form.sale_bundle_buy_form_= widget .total_row strong { color: var(--itchio_body_color); } .form.bundle_buy_form_widget .platforms, .form.sale_bundle_buy_form_widget = .platforms { color: var(--itchio_body_color_light); margin-left: 10px; } .buy_lightbox { width: 600px; } .buy_lightbox.loading .close_button { display: none; } .buy_lightbox .form { margin: 20px 40px 40px; } .buy_lightbox .form .input_row { margin: 20px 0px; } .buy_lightbox .form .money_input { box-sizing: border-box; display: inline-= block; width: 520px; } .buy_lightbox .billing_address_view p { font-size: 14px; } .buy_lightbox .billing_address_view .billing_address_form_widget { margin-t= op: 20px; } .buy_lightbox .billing_address_view .input_row { margin: 10px 0px; } @media (max-width: 600px) { .buy_lightbox .form { margin-left: 20px; margin-right: 20px; } .buy_lightbox .receive_row { padding-left: 10px; padding-right: 10px; } } .star_value { display: inline-block; position: relative; } .star_value .star_holes { color: var(--itchio_body_color_lighter); } .star_value .star_fill { color: var(--itchio_button_color, #FF2449); positi= on: absolute; top: 0px; left: 0px; bottom: 0px; white-space: nowrap; overfl= ow: hidden; } .star_picker { display: inline-block; font-size: 18px; padding: 4px 4px 4px= 0px; color: var(--itchio_button_color, #FF2449); } .star_picker.interactive { color: var(--itchio_body_color_lighter); border-= width: 1px; border-style: solid; border-image: initial; border-color: var(-= -itchio_border_color); padding-left: 4px; } .star_picker.interactive .star { padding: 0px 2px; } .star_picker.interactive:hover .icon-star { color: rgb(85, 85, 85); } .star_picker.interactive.has_rating .icon-star, .star_picker.interactive.ha= s_value .icon-star { color: var(--itchio_button_color, #FF2449); } .star_picker > button { background: transparent; cursor: pointer; font-fami= ly: inherit; color: inherit; font-size: inherit; padding: 0px; border: 0px;= } .star_picker > button .icon { display: block; } .star_picker > button, .star_picker > .star { margin-right: 4px; } .star_picker .star { transition: color 0.1s; padding: 0px; cursor: pointer;= } .collection_lightbox_widget { width: 600px; --itchio_form_input_width: 400p= x; } .collection_lightbox_widget.is_complete .before_submit { display: none; } .collection_lightbox_widget.is_complete .after_submit { display: block; } .collection_lightbox_widget .form_errors { margin: 40px; } .collection_lightbox_widget .g-recaptcha { margin: 0px 40px; } .collection_lightbox_widget .selectize-input { width: 100%; } .collection_lightbox_widget h2 .single_line { white-space: nowrap; overflow= : hidden; text-overflow: ellipsis; } @media (max-width: 600px) { .collection_lightbox_widget h2 .single_line { white-space: normal; } } .collection_lightbox_widget h2 .object_title::before { content: "=E2=80=9C"= ; font-weight: normal; color: rgb(133, 133, 133); } .collection_lightbox_widget h2 .object_title::after { content: "=E2=80=9D";= font-weight: normal; color: rgb(133, 133, 133); } .collection_lightbox_widget .after_submit, .collection_lightbox_widget .loa= der { display: none; } .collection_lightbox_widget form.loading .loader { display: inline-block; } .collection_lightbox_widget .already_in { margin: 20px var(--itchio_lightbo= x_gutter, 40px); font-size: 16px; line-height: 1.5; padding: 0px; list-styl= e: none; } .collection_lightbox_widget .already_in .sub { color: var(--itchio_body_col= or_light); margin-left: 5px; } .collection_lightbox_widget .follow_area { text-align: center; } .collection_lightbox_widget .add_game_to_collection_form_widget .input_row = { margin: 20px var(--itchio_lightbox_gutter, 40px); } .collection_lightbox_widget .add_game_to_collection_form_widget .input_row.= collection_option { position: relative; margin: 0px; padding: 20px var(--it= chio_lightbox_gutter, 40px) 20px 70px; border-bottom-width: 1px; border-bot= tom-style: solid; border-color: var(--itchio_border_color); } @media (max-width: 600px) { .collection_lightbox_widget .add_game_to_collection_form_widget .input_ro= w.collection_option { padding-left: 50px; } } .collection_lightbox_widget .add_game_to_collection_form_widget .input_row.= collection_option:first-child { border-top-width: 1px; border-top-style: so= lid; border-color: var(--itchio_border_color); } .collection_lightbox_widget .add_game_to_collection_form_widget .radio { po= sition: absolute; top: 23px; left: 40px; margin: 0px; } @media (max-width: 600px) { .collection_lightbox_widget .add_game_to_collection_form_widget .radio { = left: 20px; } } .collection_lightbox_widget .add_game_to_collection_form_widget .buttons { = padding: 20px var(--itchio_lightbox_gutter, 40px); margin-top: 0px; } .collection_lightbox_widget .add_game_to_collection_form_widget .privacy_in= put { margin-left: 0px; } .collection_lightbox_widget .add_game_to_collection_form_widget .input_labe= l_row { margin-bottom: 15px; } .collection_lightbox_widget .add_game_to_collection_form_widget .privacy_to= ggle { margin-top: 10px; display: block; } .collection_lightbox_widget .add_game_to_collection_form_widget .collection= _name_input { margin-top: 0px; } .user_tools { position: fixed; list-style: none; padding: 0px; margin: 10px= 10px 0px 0px; top: 0px; right: 0px; z-index: 2; text-align: right; } .user_tools li { margin-bottom: 10px; } .user_tools li:last-child { margin-bottom: 0px; } @media (min-width: 960px) { .user_tools { opacity: 1; transition: transform 0.2s, opacity 0.2s; trans= form: translate(0px, 0px); } .user_tools.hidden { opacity: 0; transform: translate(0px, -20px); } } .user_tools .action_btn { user-select: none; font-family: var(--itchio_defa= ult_font, Lato),sans-serif; display: inline-flex; align-items: center; back= ground: rgba(0, 0, 0, 0.6); color: rgb(238, 238, 238); font-weight: bold; b= order: 1px solid rgba(10, 10, 10, 0.5); border-radius: 2px; padding: 0.1428= 57em 0.285714em; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.2) 0px = 0px 0px 1px; text-decoration: none; text-align: left; margin-bottom: 0px; f= ont-size: 14px; } .user_tools .action_btn .icon { margin-right: 5px; text-shadow: none; } .user_tools .action_btn > svg { display: inline-block; margin-right: 4px; } .user_tools .action_btn > svg:not([fill]) { fill: white; } .user_tools .action_btn > svg[fill] { stroke: white; } .user_tools .action_btn .icon, .user_tools .action_btn .svgicon { width: 1.= 33333em; height: 1.33333em; display: inline-flex; align-items: center; just= ify-content: center; } .user_tools .action_btn .icon-playlist_add { font-size: 18px; } .user_tools .action_btn:hover { background: rgba(20, 20, 20, 0.6); } .billing_address_form_widget.has_errors .form_errors { display: block; } .billing_address_form_widget .form_errors { display: none; } .billing_address_form_widget input.has_error { border: 1px solid rgb(209, 6= 7, 67); } .billing_address_form_widget input.has_error:active, .billing_address_form_= widget input.has_error:focus { border: 1px solid rgb(209, 67, 67); } .popup_details { --itchio-popup-bg: #222; position: absolute; z-index: 2; m= argin: 6px; width: 230px; background: var(--itchio-popup-bg); font-size: 14= px; color: rgb(238, 238, 238); box-shadow: black 0px 0px 0px 2px, white 0px= 0px 0px 4px; border-radius: 2px; transition: background 0.2s; display: fle= x; flex-direction: column; gap: 8px; padding-bottom: 8px; } .popup_details:hover { --itchio-popup-bg: #272727; } .popup_details .popup_tick { position: absolute; left: 100%; top: 50%; tran= sform: translateY(-50%); } .popup_details .popup_tick .popup_tick_inner_fill { transition: fill 0.2s; = fill: var(--itchio-popup-bg); } .popup_details.on_right .popup_tick { left: auto; right: 100%; transform: t= ranslateY(-50%) rotate(180deg); } .popup_details .game_title { font-size: 16px; padding: 5px 10px; font-weigh= t: 900; line-height: 1.3; background: rgba(255, 255, 255, 0.1); border-bott= om: 1px solid rgb(60, 60, 60); overflow: hidden; display: -webkit-box; -web= kit-line-clamp: 2; -webkit-box-orient: vertical; } .popup_details .popup_description_tags { display: flex; flex-wrap: wrap; ga= p: 5px; list-style: none; padding: 0px; margin: 0px 10px; } .popup_details .popup_description_tags li.popup_description_tag { padding: = 2px 5px; background: rgba(255, 255, 255, 0.1); border-radius: 2px; font-siz= e: 12px; color: rgba(255, 255, 255, 0.6); display: flex; align-items: cente= r; gap: 3px; } .popup_details .popup_description_tags li.popup_description_tag .icon_tag {= position: relative; top: 1px; } .popup_details .game_text { font-size: 14px; line-height: 18px; overflow: h= idden; max-height: 72px; margin: 0px 10px; color: rgb(221, 221, 221); } .popup_details .game_recommendations { --itchio_button_color: white; --itch= io_link_color: white; display: flex; align-items: center; justify-content: = center; } .popup_details .game_recommendations .button { display: flex; align-items: = center; gap: 5px; } .popup_details .popup_empty_text { margin: 5px 10px 10px; font-style: itali= c; color: rgba(255, 255, 255, 0.6); } .popup_details a { color: white; text-decoration: none; } .popup_details .popup_screenshots { margin: 0px 10px; display: flex; flex-d= irection: column; gap: 5px; } .popup_details .popup_screenshot { transition: 0.4s cubic-bezier(0.29, 0.6,= 0.44, 0.96); opacity: 0.3; position: relative; top: 10px; width: 210px; he= ight: 105px; display: block; object-fit: cover; object-position: 50% 50%; b= ackground-color: rgba(0, 0, 0, 0.1); margin-bottom: 5px; box-shadow: rgba(2= 55, 255, 255, 0.5) 0px 0px 1px; } .popup_details .popup_screenshot.visible { opacity: 1; top: 0px; } .popup_details .popup_trailer { margin: 15px auto; text-align: center; } .popup_details .popup_trailer .watch_trailer_btn { box-sizing: border-box; = transition: 0.2s; display: inline-block; border-radius: 3px; text-decoratio= n: none; padding: 3px 10px; font-size: 14px; letter-spacing: 0.025em; white= -space: nowrap; border: 1px solid rgba(255, 255, 255, 0.6); color: white; } .popup_details .popup_trailer .watch_trailer_btn:hover { color: white; back= ground: rgb(255, 36, 73); border-color: rgb(255, 36, 73); } .popup_details .popup_trailer .watch_trailer_btn:active { background: rgb(2= 25, 25, 59); border-color: rgb(225, 25, 59); } .game_trailer_lightbox_widget { box-shadow: rgb(34, 34, 34) 0px 0px 0px 2px= , black 0px 0px 0px 4px; background: black; width: 960px; } @media (max-width: 970px) { .game_trailer_lightbox_widget { width: 100%; } } .game_trailer_lightbox_widget h2 { color: rgb(96, 96, 96); padding: 10px 20= px; border: none; margin: 0px; font-size: 15px; } .game_trailer_lightbox_widget h2 a { text-decoration: none; color: rgb(76, = 33, 40); } .game_trailer_lightbox_widget h2 .trailer_actions { float: right; } .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn { = box-sizing: border-box; display: inline-block; border-radius: 3px; text-dec= oration: none; padding: 3px 10px; font-size: 14px; letter-spacing: 0.025em;= white-space: nowrap; border: 1px solid rgba(255, 255, 255, 0.6); color: wh= ite; position: relative; top: -5px; transition: opacity 0.4s; opacity: 0.5;= } .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:ho= ver { color: white; background: rgb(255, 36, 73); border-color: rgb(255, 36= , 73); } .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:ac= tive { background: rgb(225, 25, 59); border-color: rgb(225, 25, 59); } .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn .i= con { margin-right: 5px; } .game_trailer_lightbox_widget h2 .trailer_actions .add_to_collection_btn:ho= ver { opacity: 1; } .tab_columns { display: flex; } .tab_columns .tab_column { width: 180px; box-sizing: border-box; text-align= : right; border-right-width: 1px; border-right-style: solid; border-color: = var(--itchio_border_color); } html[dir=3D"rtl"] .tab_columns .tab_column { border-right-width: 0px; borde= r-right-style: initial; border-left-width: 1px; border-left-style: solid; b= order-color: var(--itchio_border_color); } .tab_columns .tab_column .tab_header { user-select: none; font-size: 12px; = font-weight: bold; color: var(--itchio_body_color_gray); text-transform: up= percase; letter-spacing: 0.5px; padding: 8px 10px 8px 0px; border-bottom: 1= px solid rgb(228, 228, 228); border-top: 1px solid rgb(228, 228, 228); marg= in-bottom: 5px; background-color: var(--itchio_gray_back); margin-top: 20px= ; } .dark_theme .tab_columns .tab_column .tab_header { border: 0px; } .tab_columns .tab_column .tab_header:first-child { margin-top: 0px; } .tab_columns .tab_column .tab_btn { margin: 0px; width: 100%; box-sizing: b= order-box; font-size: 16px; padding: 7px 12px; text-align: right; border-wi= dth: 1px 0px; border-right-style: initial; border-left-style: initial; bord= er-image: initial; border-top-style: solid; border-bottom-style: solid; bor= der-color: var(--itchio_white_back); text-decoration: none; background: tra= nsparent; display: block; cursor: pointer; color: var(--itchio_body_color_l= ight); } .tab_columns .tab_column .tab_btn:hover { color: var(--itchio_body_color); = } .tab_columns .tab_column .tab_btn.selected { position: relative; color: var= (--itchio_body_color); font-weight: bold; background: rgba(64, 67, 78, 0.1)= ; text-decoration: none; } .tab_columns .tab_column .tab_btn.selected::before { content: " "; position= : absolute; top: 0px; right: -1px; bottom: 0px; width: 2px; background: rgb= (255, 36, 73); } .tab_columns .content_column { flex: 1 1 0%; padding: 0px 40px; } .lightbox.screenshot_lightbox { z-index: 1001; position: fixed; border-radi= us: 2px; background: rgb(68, 68, 68); overflow: hidden; border: 0px; box-sh= adow: rgba(0, 0, 0, 0.5) 1px 0px 16px, rgba(0, 0, 0, 0.6) 1px 0px 4px; } #lightbox_container .lightbox.screenshot_lightbox { margin: 0px; left: 50%;= top: 50%; transform: translate(-50%, -50%); } #lightbox_container .lightbox.screenshot_lightbox.animated { animation: aut= o ease 0s 1 normal none running none; } .lightbox.screenshot_lightbox.no_tools .screenshot_container .prev_image_bt= n, .lightbox.screenshot_lightbox.no_tools .screenshot_container .next_image= _btn { display: none; } .lightbox.screenshot_lightbox img { display: block; margin: 0px; } .lightbox.screenshot_lightbox .screenshot_container { display: table; posit= ion: relative; background: rgb(17, 17, 17); } .lightbox.screenshot_lightbox .screenshot_container .loader { transition: o= pacity 0.2s ease-in-out; opacity: 0; display: block; background-color: whit= e; background-image: url("images/loader.gif"); background-repeat: no-repeat= ; background-position: 50% 50%; position: absolute; left: 50%; top: 50%; ma= rgin-left: -16px; margin-top: -16px; width: 32px; height: 32px; border-radi= us: 3px; z-index: 2; } .lightbox.screenshot_lightbox .screenshot_container .prev_image_btn, .light= box.screenshot_lightbox .screenshot_container .next_image_btn, .lightbox.sc= reenshot_lightbox .screenshot_container .lb_screenshot { display: table-cel= l; vertical-align: top; } .lightbox.screenshot_lightbox .screenshot_container .lb_screenshot.hidden {= opacity: 0; } .lightbox.screenshot_lightbox .screenshot_container .prev_image_btn, .light= box.screenshot_lightbox .screenshot_container .next_image_btn { user-select= : none; cursor: pointer; padding: 0px 25px; font-size: 18px; position: rela= tive; background: rgb(17, 17, 17); height: 100%; } .lightbox.screenshot_lightbox .screenshot_container .prev_image_btn:hover, = .lightbox.screenshot_lightbox .screenshot_container .next_image_btn:hover {= background: rgb(34, 34, 34); } .lightbox.screenshot_lightbox .screenshot_container .prev_image_btn:active,= .lightbox.screenshot_lightbox .screenshot_container .next_image_btn:active= { background: rgb(51, 51, 51); } .lightbox.screenshot_lightbox .screenshot_container .icon-arrow-left, .ligh= tbox.screenshot_lightbox .screenshot_container .icon-arrow-right { color: r= gba(255, 255, 255, 0.6); position: absolute; top: 50%; left: 50%; margin-le= ft: -0.5em; margin-top: -0.5em; } .lightbox.screenshot_lightbox.loading .loader { opacity: 0.7; } .first_game_lightbox { width: 600px; } .first_game_lightbox .social_buttons_widget { height: 20px; overflow: hidde= n; margin: 20px 40px; } .first_game_lightbox .fb_wrap, .first_game_lightbox .twitter_wrap { display= : inline-block; height: 20px; vertical-align: top; margin-right: 40px; } .first_game_lightbox .lightbox_footer { color: var(--itchio_body_color_med)= ; background-color: var(--itchio_gray_back); border-top-width: 1px; border-= top-style: solid; border-color: var(--itchio_border_color); overflow: hidde= n; } .first_game_lightbox .lightbox_footer p { font-size: 14px; } .embed_game_lightbox_widget { width: 632px; } .embed_game_lightbox_widget .embed_directions { margin-top: 5px; font-size:= 14px; color: var(--itchio_body_color_light); } .embed_game_lightbox_widget .embed_directions strong { color: var(--itchio_= body_color_med); } .embed_game_lightbox_widget .embed_container { margin: 20px 40px 0px; } .embed_game_lightbox_widget .embed_container iframe { max-width: 100%; } .embed_game_lightbox_widget .form { margin: 20px 40px 0px; } .embed_game_lightbox_widget .form textarea { box-sizing: border-box; max-wi= dth: none; margin: 0px; } @media (max-width: 600px) { .embed_game_lightbox_widget .embed_container, .embed_game_lightbox_widget= .form { margin-left: 20px; margin-right: 20px; } } body { background: rgb(238, 238, 238); } body.dark_theme { background: rgb(27, 27, 27); } body.locale_ru { --itchio_default_font: LatoExtended; } body.lightbox_open { overflow: hidden; } body.lightbox_open #lightbox_container { position: fixed; inset: 0px; overf= low: auto; padding-bottom: 40px; } body.frame_maximized { overflow: hidden; } abbr { text-decoration: none; cursor: help; } @media (max-width: 1000px) { .responsive .wrapper { padding: 0px 20px; } } @media (max-width: 600px) { .responsive .wrapper { padding: 0px; } } .inner_column { width: 960px; margin: 0px auto; position: relative; padding= -bottom: 40px; background: white; overflow: hidden; } .responsive .inner_column { max-width: 960px; width: auto; } @media (max-width: 1000px) { .responsive .inner_column { padding-bottom: 0px; max-width: 600px; } .responsive .inner_column .footer { position: static; display: block; bac= kground: rgba(0, 0, 0, 0.05); margin-top: 30px; padding: 10px 20px; line-he= ight: 1.8; } .responsive .inner_column .footer .icon_logo { float: right; } .responsive .inner_column .footer .icon_logo .svgicon { margin: 0px 0px 0= px 10px; } .responsive .inner_column .footer .dot.last_dot { display: none; } .responsive .inner_column .footer .breadcrumbs { text-align: left; } .responsive .inner_column .footer .update_timestamp { display: block; opa= city: 0.7; } .responsive .inner_column .footer .update_timestamp::before { content: ""= ; } } @media (max-width: 650px) { .responsive .inner_column .footer { padding-bottom: 60px; } } .inner_column.size_small { font-size: 11px; } .inner_column.size_medium { font-size: 13px; } .inner_column.size_large { font-size: 16px; } .inner_column.size_very_large { font-size: 19px; } @media (max-width: 1000px) { .responsive .inner_column.size_very_large { font-size: 16px; } } .inner_column.family_pixel.size_small { font-size: 8px; } .inner_column.family_pixel.size_small .column { font-size: 8px; } .inner_column.family_pixel.size_small h1, .inner_column.family_pixel.size_s= mall h2, .inner_column.family_pixel.size_small h3, .inner_column.family_pix= el.size_small h4 { font-size: 8px; font-weight: bold; } .inner_column.family_pixel.size_medium { font-size: 16px; } .inner_column.family_pixel.size_medium .column { font-size: 16px; } .inner_column.family_pixel.size_medium h1, .inner_column.family_pixel.size_= medium h2, .inner_column.family_pixel.size_medium h3, .inner_column.family_= pixel.size_medium h4 { font-size: 24px; font-weight: bold; } .inner_column.family_pixel.size_large, .inner_column.family_pixel.size_very= _large { font-size: 24px; } .inner_column.family_pixel.size_large .column, .inner_column.family_pixel.s= ize_very_large .column { font-size: 24px; } .inner_column.family_pixel.size_large h1, .inner_column.family_pixel.size_l= arge h2, .inner_column.family_pixel.size_large h3, .inner_column.family_pix= el.size_large h4, .inner_column.family_pixel.size_very_large h1, .inner_col= umn.family_pixel.size_very_large h2, .inner_column.family_pixel.size_very_l= arge h3, .inner_column.family_pixel.size_very_large h4 { font-size: 40px; f= ont-weight: normal; } .inner_column p, .inner_column ul, .inner_column ol { line-height: 1.4; } .inner_column a { color: rgb(255, 11, 52); } .inner_column h2, .inner_column h3, .inner_column h4 { margin: 0.8em 20px; = } .inner_column h2 { margin-top: 1.6em; } .inner_column h1 { margin: 20px 20px 0px; } .inner_column hr { margin: 1em 0px; border: 0px; height: 1px; background: r= gb(218, 218, 218); } .inner_column .footer { font-family: var(--itchio_default_font, Lato),sans-= serif; display: flex; align-items: center; position: absolute; bottom: 0px;= left: 0px; right: 0px; font-size: 12px; padding: 10px; } .inner_column .footer .icon_logo { display: block; height: 17px; } .inner_column .footer .icon_logo .svgicon { margin-right: 5px; opacity: 0.8= ; } .inner_column .footer .breadcrumbs { flex: 1 1 0%; white-space: nowrap; ove= rflow: hidden; text-overflow: ellipsis; text-align: right; min-width: 0px; = } .inner_column .footer .breadcrumbs a { color: inherit !important; opacity: = 0.7; } .inner_column .footer .dot { margin: 0px 5px; } .inner_column .footer a { color: rgb(96, 96, 96); } .columns { display: flex; justify-content: center; margin-top: 20px; } .columns .left_col { flex: 1 1 0%; width: 0px; min-width: 0px; } .columns .right_col { width: 367px; } .theme_editor_open .user_tools { display: none; } @media (min-width: 650px) { .has_site_header .user_tools { top: 50px; } } .user_tools .follow_user_btn.is_following .on_follow { display: none; } .user_tools .follow_user_btn:not(.is_following) .on_unfollow { display: non= e; } .user_tools .action_btn .mobile_label { display: none; } .user_tools .rate_game_btn.has_rating .on_edit { display: inline; } .user_tools .rate_game_btn.has_rating .on_create { display: none; } .user_tools .rate_game_btn .on_edit { display: none; } @media (max-width: 1300px) { .user_tools { position: absolute; } .user_tools .action_btn { font-size: 12px; } } @media (min-width: 1400px) { .user_tools .action_btn { font-size: 16px; } } @media (max-width: 960px) { .user_tools { position: static; margin: 0px; white-space: nowrap; text-al= ign: left; padding: 8px 0px 8px 10px; overflow: auto; background: var(--itc= hio_ui_bg_dark, #2b2b2b); width: 100vw; box-sizing: border-box; box-shadow:= rgba(0, 0, 0, 0.5) 0px 5px 5px -5px inset; } .user_tools > li { display: inline-block; vertical-align: top; margin: 0p= x 10px 0px 0px; } .user_tools .action_btn { font-size: 13px; padding: 0px 6px; height: 26px= ; } .randomizer_embed .user_tools { display: none; } } @media (min-width: 650px) { .user_tools .community_link, .user_tools .devlog_link { display: none; } } @media (max-width: 650px) { .user_tools { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px inset; z-i= ndex: 99; position: fixed; inset: auto 0px 0px; height: 50px; padding: 0px = 5px; display: flex; overflow: hidden; flex-wrap: wrap; } .user_tools > li { flex: 1 1 0%; padding: 3px 0px 5px; box-sizing: border= -box; margin: 0px; display: flex; justify-content: center; min-width: 80px;= height: 50px; } .user_tools > li.jam_entry { display: none; } .user_tools .action_btn { font-size: 12px; height: auto; background: tran= sparent; border: 0px; padding: 0px 5px; box-shadow: none; display: grid; gr= id-template-rows: 1fr auto; text-align: center; } .user_tools .action_btn .mobile_label { display: initial; } .user_tools .action_btn .full_label { display: none; } .user_tools .action_btn .icon, .user_tools .action_btn .svgicon { margin:= 0px; justify-self: center; width: 1.6em; height: 1.6em; } .user_tools .action_btn .icon.icon_user_plus, .user_tools .action_btn .ic= on.icon_user_check, .user_tools .action_btn .svgicon.icon_user_plus, .user_= tools .action_btn .svgicon.icon_user_check { margin-left: 6px; } } .embedded_game:not(.embed_disabled) .header .game_title { display: none; } .header { overflow: hidden; } .header img { display: none; } .header.has_image { font-size: 0px; } .header.has_image img { display: inline-block; max-width: 100%; } .header.has_image h1 { display: none; } .header.align_center { text-align: center; } .header.align_right { text-align: right; } .user_formatted h1, .user_formatted h2, .user_formatted h3, .user_formatted= h4 { margin: 0.5em 0px; } .user_formatted ul, .user_formatted ol { padding-left: 2em; } .user_formatted table { margin: 1em 0px; border-collapse: collapse; } .user_formatted table tr th, .user_formatted table tr td { padding: 0.5em; = vertical-align: top; text-align: left; border-width: 1px; border-style: sol= id; border-image: initial; border-color: inherit; } .user_formatted blockquote { font-style: italic; border-left-width: 4px; bo= rder-left-style: solid; border-color: var(--itchio_bg2_sub); padding-left: = 15px; margin-left: 15px; } .user_formatted pre { background: var(--itchio_bg2_sub); overflow-wrap: nor= mal; overflow: auto; padding: 10px; font-size: 14px; border-radius: 3px; } .user_formatted a[rel~=3D"nofollow"] { position: relative; } .user_formatted a[rel~=3D"nofollow"]:hover > img, .user_formatted a[rel~=3D= "nofollow"]:focus > img { box-shadow: red 0px 0px 0px 5px; } .user_formatted a[rel~=3D"nofollow"]:hover::after, .user_formatted a[rel~= =3D"nofollow"]:focus::after { font-family: var(--itchio_default_font, Lato)= ,sans-serif; content: "External link"; white-space: nowrap; font-weight: bo= ld; pointer-events: none; position: absolute; left: 0px; top: 100%; backgro= und-color: red; color: white; padding: 2px 6px; border-radius: 3px; margin-= top: 3px; font-size: 12px; z-index: 1; } .game_page_apperance_columns { display: flex; } .game_page_apperance_columns > .game_page_primary_column { flex: 1 1 0%; } .theme_editor_open .game_page_apperance_columns { height: calc(-50px + 100v= h); } .theme_editor_open .game_page_apperance_columns .game_page_primary_column {= overflow: auto; } .popup_details { z-index: 1002; } .above_game_banner, .game_layout_widget .goal_banner_widget { box-shadow: r= gba(0, 0, 0, 0.5) 0px 5px 5px -5px inset; overflow: hidden; font-size: 14px= ; background: var(--itchio_ui_bg, #333); color: white; position: relative; = z-index: 1; } .above_game_banner h1, .game_layout_widget .goal_banner_widget h1, .above_g= ame_banner h2, .game_layout_widget .goal_banner_widget h2 { font-weight: 90= 0; } .theme_editor_open .above_game_banner, .theme_editor_open .game_layout_widg= et .goal_banner_widget, .game_layout_widget .theme_editor_open .goal_banner= _widget { display: none; } .above_game_banner a, .game_layout_widget .goal_banner_widget a { color: in= herit; } .above_game_banner .button, .game_layout_widget .goal_banner_widget .button= , .above_game_banner .button.outline { color: white; border-color: rgba(255= , 255, 255, 0.5); background: rgba(255, 255, 255, 0.05); text-shadow: none;= } .above_game_banner .button:hover, .game_layout_widget .goal_banner_widget .= button:hover, .above_game_banner .button.outline:hover { background: rgba(2= 55, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.75); } .above_game_banner_inner, .goal_banner_inner { box-sizing: border-box; max-= width: 960px; margin: 0px auto; padding: 10px 20px; } .game_layout_widget .goal_banner_widget h3 { background: transparent; borde= r-bottom: 1px solid rgba(255, 255, 255, 0.2); } .game_layout_widget .goal_banner_widget .goal_progress_widget .stat_inline = { border-color: rgba(255, 255, 255, 0.2); } .game_layout_widget .goal_banner_widget .goal_progress_widget .progress_bar= { background: rgb(51, 51, 51); margin-left: 2px; margin-right: 2px; box-sh= adow: rgba(255, 255, 255, 0.2) 0px 0px 0px 2px; } .jam_banner h3 { line-height: 1.3; } .jam_banner h3 a { opacity: 0.9; } .jam_banner p { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 25= 5, 0.8); margin: 10px 0px; } .jam_banner .banner_cta { margin-bottom: 20px; } .jam_banner .jam_banner_inner { display: flex; } .jam_banner .jam_banner_inner .jam_cover { margin-right: 20px; } .jam_banner .jam_banner_inner .jam_cover img { width: 226px; height: 180px;= } @media (max-width: 600px) { .jam_banner .jam_cover { display: none; } .jam_banner .jam_banner_break { display: none; } .jam_banner .hide_on_narrow { display: none; } } .jam_banner .external_link .icon { margin-right: 5px; vertical-align: -2px;= } .jam_banner .external_link .svgicon { fill: white; margin-right: 5px; verti= cal-align: -3px; } .ludum_dare_banner .ludum_dare_banner_inner { display: flex; align-items: c= enter; } .ludum_dare_banner .summary { flex: 1 1 0%; font-size: 14px; } .ludum_dare_banner .ludum_dare_logo { margin-right: 20px; max-width: 160px;= } @media (max-width: 600px) { .ludum_dare_banner .ludum_dare_banner_inner .summary { display: none; } } .purchase_banner .purchase_banner_inner { display: flex; flex-direction: co= lumn; gap: 15px; padding: 20px; } .purchase_banner h2 { margin: 0px; } .purchase_banner .key_row { display: flex; gap: 10px; align-items: center; = } .purchase_banner .key_row .ownership_reason { opacity: 0.8; } .purchase_banner .key_row .purchase_price { font-weight: bold; } .purchase_banner .key_row .own_date { font-style: italic; white-space: nowr= ap; } @media (max-width: 600px) { .purchase_banner .key_row { flex-direction: column; align-items: stretch;= gap: 5px; } .purchase_banner .key_row .button { display: block; width: 100%; } } .devlog_banner .notification_cols { display: flex; align-items: center; } .devlog_banner .notification_cols > :first-child { flex: 1 1 0%; } @media (max-width: 650px) { .devlog_banner .notification_cols { display: block; } } @media (max-width: 650px) { .devlog_banner .notification_cta { display: flex; align-items: center; ma= rgin-top: 10px; } .devlog_banner .notification_cta > * { order: 2; margin: 0px; } .devlog_banner .notification_cta .button { flex: 1 1 0%; order: 1; margin= -right: 10px; } } .devlog_banner .above_game_banner_inner, .devlog_banner .goal_banner_inner = { padding-top: 15px; padding-bottom: 15px; } .devlog_banner h2 { margin-top: 0px; margin-bottom: 10px; } .devlog_banner .notification_text { line-height: 1.5; } .devlog_banner .game_changes { color: rgba(255, 255, 255, 0.8); } .devlog_banner .dismiss_form { display: inline-block; margin-right: 10px; } .devlog_banner .dismiss_form button { color: rgba(255, 255, 255, 0.8); } .lightbox, .goal_banner_widget, .purchase_banner, .payment_warning_banner, = .above_game_banner, .game_layout_widget .goal_banner_widget { font-family: = var(--itchio_default_font, Lato),sans-serif; } .aggregate_rating { display: flex; align-items: center; } .aggregate_rating .star { padding-right: 2px; } .aggregate_rating .star:last-child { padding-right: 0px; } .aggregate_rating .rating_count { opacity: 0.5; margin-left: 5px; } @font-face { font-family: "04b_03"; src: url("fonts/04b03.woff2") format("w= off2"), url("fonts/04b03.woff") format("woff"), url("fonts/04b03.ttf") form= at("truetype"); font-weight: normal; font-style: normal; } .spam_warning_lightbox { width: 100%; max-width: 500px; } .admin_tag_editor_widget { transition: opacity 0.2s; box-sizing: border-box= ; opacity: 0.5; background: white; border: 1px solid rgb(218, 218, 218); po= sition: fixed; padding: 0px; z-index: 2; top: 60px; left: 10px; width: 170p= x; } .admin_tag_editor_widget:hover { opacity: 1; } .admin_tag_editor_widget hr { border: 0px; height: 1px; background: rgb(218= , 218, 218); } @media (max-width: 960px) { .admin_tag_editor_widget { display: none; } } .theme_editor_open .admin_tag_editor_widget { display: none; } .admin_tag_editor_widget .close_btn { text-decoration: none; position: abso= lute; font-size: 18px; bottom: 5px; right: 5px; } .admin_tag_editor_widget .queue_status { text-align: center; font-weight: b= old; padding: 4px; margin: 1px; } .admin_tag_editor_widget .queue_status a { color: white; text-decoration: n= one; } .admin_tag_editor_widget .queue_status.unrated { background: rgb(52, 160, 2= 42); } .admin_tag_editor_widget .queue_status.positive { background: rgb(170, 218,= 128); } .admin_tag_editor_widget .queue_status.neutral { background: gray; } .admin_tag_editor_widget .queue_status.negative { background: rgb(254, 78, = 80); } .admin_tag_editor_widget .panel_inside { padding: 10px; } .admin_tag_editor_widget .tag_row { line-height: 1.2; margin-bottom: 5px; b= ackground: rgb(240, 240, 240); padding: 2px 4px; } .admin_tag_editor_widget .feature_tag_btn { color: rgb(133, 133, 133); } .admin_tag_editor_widget .new_tag_form { display: flex; align-items: center= ; } .admin_tag_editor_widget .new_tag_form input[type=3D"text"] { flex: 1 1 0%;= min-width: 0px; } .admin_tag_editor_widget .new_tag_form > * { margin-right: 2px; } .admin_tag_editor_widget .new_tag_form > :last-child { margin-right: 0px; } .admin_tag_editor_widget .tweet_preview { box-sizing: border-box; width: 10= 0%; height: 150px; display: block; font-size: 12px; } .game_layout_widget .blog_post_list_widget { margin: 20px; } .game_layout_widget .blog_post_list_widget li { font-size: inherit; } .game_layout_widget .blog_post_list_widget li .title { font-size: 120%; } .game_layout_widget .blog_post_list_widget li .meta_row { font-size: inheri= t; color: inherit; opacity: 0.6; } .game_layout_widget .blog_post_list_widget li .meta_row .post_likes { color= : inherit; } .game_layout_widget .blog_post_list_widget li .post_image { margin-top: 0px= ; } .game_layout_widget .blog_post_list_widget .summary { font-size: inherit; m= argin-top: 5px; } .game_layout_widget .blog_post_list_widget .summary .read_all_link { color:= inherit; opacity: 0.6; } .community_post_form_widget .redactor-box { max-width: 600px; } .community_post_form_widget .redactor-editor { padding: 10px; } .community_post_form_widget .redactor-editor.redactor-placeholder::after { = top: 10px; left: 10px; } .community_post_form_widget .buttons { display: flex; align-items: center; = } .community_post_form_widget .buttons button { white-space: nowrap; } .community_post_form_widget .buttons .hint { flex: 1 1 0%; } .community_post_form_widget form { margin: 10px 20px; } .community_post_form_widget form .label { display: none; } .community_post_form_widget form textarea { margin: 0px; } .community_post_form_widget .input_row { margin-bottom: 10px; } .community_post_form_widget .buttons { margin-top: 10px; } .community_post_form_widget .forms_form_errors_widget { box-sizing: border-= box; max-width: 600px; } .community_post_form_widget .g-recaptcha:not(:empty) { margin-top: 10px; } .community_post_list_widget { padding-top: 20px; margin: 0px 20px; } @media (max-width: 650px) { .community_post_list_widget { margin-left: 10px; margin-right: 10px; } } .community_post_list_widget .post_form.inline_reply { margin: 20px 0px 0px;= } .community_post_list_widget .post_form.inline_edit { margin: 5px 0px 0px; } .community_post_list_widget .community_post .post_grid { display: grid; ali= gn-items: start; grid-template: "avatar header header" "avatar body body" 1= fr / 25px 25px 1fr; gap: 5px 10px; } .community_post_list_widget .community_post.has_vote_column .post_grid { gr= id-template-areas: "vote avatar header" "vote body body"; } .community_post_list_widget > *, .community_post_list_widget .community_pos= t_replies > * { margin-top: 30px; } .community_post_list_widget > :first-child, .community_post_list_widget .co= mmunity_post_replies > :first-child { margin-top: 0px; } .community_post_list_widget .community_post_replies { margin-left: 30px; ma= rgin-top: 15px; } @media (max-width: 650px) { .community_post_list_widget .community_post_replies { margin-left: 20px; = } } .community_post_list_widget .community_post.disabled .post_body, .community= _post_list_widget .community_post.disabled .post_header, .community_post_li= st_widget .community_post.disabled .avatar_container { opacity: 0.5; } .community_post_list_widget .community_post .reveal_full_post_btn { margin:= -40px 0px 0px; position: relative; box-sizing: border-box; height: 40px; p= adding: 10px 5px 0px; text-align: center; border: 0px; font-size: 13px; dis= play: block; width: 100%; max-width: 600px; cursor: pointer; font-weight: b= old; background: linear-gradient(to bottom, transparent, var(--itchio_bg_co= lor) 50%, var(--itchio_bg_color)); z-index: 1; color: var(--itchio_link_col= or); } .community_post_list_widget .community_post .post_votes { grid-area: vote; = margin-right: 0px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px= ; } .community_post_list_widget .community_post .post_votes.loading { opacity: = 0.5; } .community_post_list_widget .community_post .post_votes a { text-decoration= : none; opacity: 0.5; color: inherit !important; } .community_post_list_widget .community_post .post_votes button { border: 0p= x; padding: 0px; background: transparent; color: inherit; } .community_post_list_widget .community_post .post_votes .vote_btn { font-si= ze: 22px; height: 22px; width: 100%; display: flex; align-items: center; ju= stify-content: center; cursor: pointer; opacity: 0.8; } .community_post_list_widget .community_post .post_votes .vote_btn .svgicon = { fill: currentcolor; stroke: currentcolor; stroke-width: 2px; stroke-linej= oin: round; width: 16px; height: 16px; } .community_post_list_widget .community_post .post_votes .vote_btn[disabled]= { opacity: 0.1; pointer-events: none; } .community_post_list_widget .community_post .post_votes .vote_btn:hover, .c= ommunity_post_list_widget .community_post .post_votes .vote_btn.voted { opa= city: 1; } .community_post_list_widget .community_post .post_votes .vote_btn.voted { c= olor: var(--itchio_button_color, #FF2449); } .community_post_list_widget .community_post .post_votes .vote_btn.loading {= opacity: 0.2; } .community_post_list_widget .community_post .avatar_container { display: bl= ock; align-self: center; width: 25px; height: 25px; } .community_post_list_widget .community_post .avatar_container .post_avatar = { display: block; width: 25px; height: 25px; background-color: rgba(0, 0, 0= , 0.2); background-size: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px = 1px inset; border-radius: 2px; } .community_post_list_widget .community_post .post_header { font-size: 13px;= align-self: center; grid-area: header; display: flex; align-items: center;= } .community_post_list_widget .community_post .post_header > * { margin-right= : 10px; } .community_post_list_widget .community_post .post_header .post_header_conte= nt > * { margin-right: 10px; } .community_post_list_widget .community_post .post_header .vote_counts { fon= t-weight: bold; opacity: 0.75; } .community_post_list_widget .community_post .post_header .post_author a { f= ont-weight: bold; font-size: inherit; } .community_post_list_widget .community_post .post_header .name_placeholder = { font-weight: bold; } .community_post_list_widget .community_post .post_header .post_date a { col= or: inherit; text-decoration: none; } .community_post_list_widget .community_post .post_header .post_date a:hover= { text-decoration: underline; } .community_post_list_widget .community_post .post_header .author_flag { dis= play: none; } .community_post_list_widget .community_post .post_content { grid-area: body= ; } .community_post_list_widget .community_post .post_body { max-width: 600px; = line-height: 1.6; overflow-wrap: break-word; } .community_post_list_widget .community_post .post_body img { max-width: 100= %; } .community_post_list_widget .community_post .post_body > :first-child { mar= gin-top: 5px; } .community_post_list_widget .community_post .post_body > :last-child { marg= in-bottom: 5px; } .community_post_list_widget .community_post .post_footer { margin-top: 10px= ; font-size: 13px; display: flex; align-items: center; } .community_post_list_widget .community_post .post_footer:empty { display: n= one; } .community_post_list_widget .community_post .post_footer > a { margin-right= : 10px; } .community_post_list_widget .community_post .post_footer > a:last-child { m= argin-right: 0px; } .community_post_list_widget .community_post .post_footer .vote_btn { font-f= amily: inherit; font-size: inherit; display: inline-flex; align-items: cent= er; margin-right: 10px; background: transparent; cursor: pointer; text-deco= ration: none; border: 1px solid rgb(218, 218, 218); border-radius: 3px; pad= ding: 1px 5px; transition: 0.2s; } .community_post_list_widget .community_post .post_footer .vote_btn .like_te= xt { display: inline-block; margin-left: 4px; vertical-align: 1px; } .community_post_list_widget .community_post .post_footer .vote_btn:hover, .= community_post_list_widget .community_post .post_footer .vote_btn.voted { c= olor: white; background: rgb(255, 36, 73); border-color: rgb(255, 36, 73); = } .community_post_list_widget .community_post .post_footer .vote_btn .svgicon= { margin-right: 5px; width: 12px; height: 12px; } .community_post_list_widget .community_post .post_footer .vote_btn .icon-li= ke { font-size: 12px; vertical-align: 1px; } .community_topic_posts_widget { padding-bottom: 0px; } .external_url_launcher_widget { background: var(--itchio_bg2_sub); padding:= 1.875em 0.625em; display: flex; align-items: center; justify-content: cent= er; flex-direction: column; } .external_url_launcher_widget .button.launch_btn { height: auto; padding: 0= .4em 0.8em; font-size: 120%; display: flex; align-items: center; } .external_url_launcher_widget .button.launch_btn .svgicon { margin-right: 0= .3125em; width: 1.25em; height: 1.25em; } .external_url_launcher_widget .project_details { margin-top: 0.5em; font-si= ze: 0.8125em; text-align: center; opacity: 0.8; line-height: 1.4; margin-bo= ttom: -4px; } .external_url_launcher_widget .project_details code { font-weight: bold; } .game_comments_widget { margin-top: 40px; margin-bottom: 40px; } .game_comments_widget .form_errors { padding: 10px; background: rgba(255, 2= 55, 255, 0.8); font-size: 13px; } .game_comments_widget .form_errors :last-child { margin-bottom: 0px; } .game_comments_widget .click_input::placeholder { color: var(--itchio_text_= color); opacity: 0.8; } .game_comments_widget .post_form { max-width: 600px; } .game_comments_widget .post_form .forms_markdown_input_widget .markdown_too= lbar { height: 30px; } .game_comments_widget .post_form .forms_markdown_input_widget > textarea.ma= rkdown_textarea { font-size: 14px; } .game_comments_widget .post_form .forms_markdown_input_widget > textarea.ma= rkdown_textarea:focus { outline: none; box-shadow: inset 0 0 2px 1px var(--= itchio_button_color, #A287C0); } .game_comments_widget .post_form input.click_input { margin: 0px; font-size= : inherit; font-weight: bold; box-sizing: border-box; width: 100%; max-widt= h: none; } .game_comments_widget .post_form .redactor-box { margin: 0px; max-width: no= ne; display: flex; flex-direction: column; } .game_comments_widget .post_form .redactor-box .redactor-toolbar-box { orde= r: 2; } .game_comments_widget .post_form .redactor-box .redactor-toolbar-box .redac= tor-toolbar { border-bottom: 0px; border-top-style: solid; border-top-width= : 1px; } .game_comments_widget .post_form .buttons { display: flex; } .game_comments_widget .post_form .buttons > :last-child:not(:first-child) {= margin-left: auto; } .game_comments_widget .pagination_buttons { margin: 20px 20px 0px; } .game_comments_widget .load_posts_before, .game_comments_widget .load_posts= _after { display: block; text-align: center; text-decoration: none; font-si= ze: inherit; font-family: inherit; width: 100%; max-width: 640px; backgroun= d: transparent; color: var(--itchio_link_color); font-weight: bold; border:= 1px solid var(--itchio_button_color); border-radius: 2px; padding: 10px 20= px; cursor: pointer; } .game_comments_widget .load_posts_before.loading, .game_comments_widget .lo= ad_posts_after.loading { filter: grayscale(100%); } .game_comments_widget .form_placeholder { margin: 20px; } .game_comments_widget .topic_pager { margin: 10px 20px; } .game_community_preview_widget .community_topics { margin: 0px 20px; } .game_community_preview_widget .post_links { margin: 20px; } .game_community_preview_widget .post_links a { margin-right: 10px; } .game_community_preview_widget .community_topic_row { display: flex; align-= items: center; margin-bottom: 10px; line-height: 1.5; } .game_community_preview_widget .community_topic_row:hover { background: rgb= a(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 4px; } .game_community_preview_widget .community_topic_row:last-child { margin-bot= tom: 0px; } .game_community_preview_widget .community_topic_row > * { margin-right: 10p= x; } .game_community_preview_widget .community_topic_row > :last-child { margin-= right: 0px; } .game_community_preview_widget .community_topic_row .avatar_container { dis= play: block; } .game_community_preview_widget .community_topic_row .avatar_container .post= _avatar { display: block; width: 25px; height: 25px; background-size: cover= ; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; border-radius: 2px;= background-color: rgba(0, 0, 0, 0.2); } .game_community_preview_widget .community_topic_row .topic_author { opacity= : 0.6; } .game_community_preview_widget .community_topic_row .topic_author a { color= : inherit !important; } .game_community_preview_widget .community_topic_row .topic_author, .game_co= mmunity_preview_widget .community_topic_row .topic_title { white-space: now= rap; overflow: hidden; text-overflow: ellipsis; } .game_community_preview_widget .community_topic_row .primary_data { min-wid= th: 0px; flex: 1 1 0%; } .game_community_preview_widget .community_topic_row .post_time { opacity: 0= .5; } .game_community_preview_widget .community_topic_row .topic_tag { display: i= nline-block; border-radius: 2px; padding: 3px 8px; background: rgba(0, 0, 0= , 0.1); line-height: 1; margin-right: 5px; font-weight: bold; } .game_downloader_widget { display: flex; align-items: center; } .game_downloader_widget > * { margin-right: 10px; } .game_downloader_widget > :last-child { margin-left: 0px; } .game_downloader_widget .dollars { font-weight: bold; font-size: 120%; } .game_downloader_widget .dollars.original_price { text-decoration: line-thr= ough; color: inherit; opacity: 0.5; font-weight: normal; } .game_downloader_widget .buy_message .sub { opacity: 0.5; } .game_downloader_widget .sale_link { text-decoration: none; } .game_downloader_widget .sale_label { height: 35px; line-height: 16px; disp= lay: inline-flex; align-items: center; justify-content: center; flex-direct= ion: column; vertical-align: top; color: white; font-size: 13px; background= : rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.7); box-shado= w: rgba(0, 0, 0, 0.5) 0px 0px 10px; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px= 4px; padding: 0px 10px; border-radius: 4px; } .game_downloader_widget .sale_label .sale_rate { font-weight: bold; color: = rgb(103, 227, 189); } .game_downloader_widget .sale_label .main_label { font-style: italic; } .game_info_panel_widget td { padding: 2px 4px; text-align: left; } .game_info_panel_widget td:first-child { font-weight: bold; text-align: rig= ht; min-width: 100px; font-size: 90%; opacity: 0.7; } .game_info_panel_widget tr[title] td:first-child { color: inherit; text-dec= oration: underline dotted; cursor: help; } .game_quarantine_lightbox_widget { max-width: 600px; width: 100%; } .game_quarantine_lightbox_widget .account_summary { margin: 20px var(--itch= io_lightbox_gutter, 40px); font-size: 16px; line-height: 1.5; } .game_quarantine_lightbox_widget .download_row { margin-top: 10px; } .game_quarantine_lightbox_widget h3 { margin: 20px var(--itchio_lightbox_gu= tter, 40px); } .game_quarantine_lightbox_widget details { margin: 20px var(--itchio_lightb= ox_gutter, 40px); } .game_quarantine_lightbox_widget details > p { margin-left: 0px; margin-rig= ht: 0px; } .game_quarantine_lightbox_widget details > pre { background-color: var(--it= chio_gray_back); padding: 10px; white-space: pre-wrap; overflow-wrap: break= -word; } .game_quarantine_lightbox_widget details summary { cursor: pointer; font-si= ze: 16px; line-height: 1.5; } .game_report_lightbox_widget { max-width: 600px; width: 100%; } .game_report_lightbox_widget .support_notice { background-color: var(--itch= io_gray_back); padding: 20px; margin: 0px -20px 20px; } .game_report_lightbox_widget .support_notice a { white-space: nowrap; } .game_report_lightbox_widget p { margin: 0px 0px 15px; } .game_report_lightbox_widget .suggest_classification { display: none; } .game_report_lightbox_widget .report_submitted p { margin: 20px var(--itchi= o_lightbox_gutter, 40px); } .game_report_lightbox_widget .form { margin: 0 var(--itchio_lightbox_gutter= , 40px) 30px var(--itchio_lightbox_gutter, 40px); } .game_report_lightbox_widget .form textarea { min-height: 80px; } @media (max-width: 600px) { .game_report_lightbox_widget .form { margin: 20px; } .game_report_lightbox_widget .form p { margin-left: 0px; margin-right: 0p= x; } } .html_embed_widget .button.load_iframe_btn, .html_embed_widget .button.rest= ore_btn { height: auto; padding: 0.4em 0.8em; font-size: 120%; display: fle= x; align-items: center; } .html_embed_widget .button.load_iframe_btn .svgicon, .html_embed_widget .bu= tton.restore_btn .svgicon { margin-right: 5px; } .html_embed_widget .iframe_placeholder, .html_embed_widget .restore_wrapper= { width: 100%; height: 100%; display: flex; align-items: center; justify-c= ontent: center; flex-direction: column; padding: 15px; box-sizing: border-b= ox; } .html_embed_widget .iframe_placeholder .embed_info, .html_embed_widget .res= tore_wrapper .embed_info { margin-top: 10px; font-size: 14px; text-align: c= enter; padding: 10px; } .html_embed_widget .game_frame { margin: 0px auto; position: relative; back= ground-position: 50% 50%; } .html_embed_widget .game_frame.maximized { margin: 0px; position: fixed; to= p: 0px; left: 0px; z-index: 1000; background-image: none; width: 100% !impo= rtant; height: 100% !important; } .html_embed_widget .game_frame.maximized .restore_wrapper { display: none; = } .html_embed_widget .game_frame.game_pending .fullscreen_btn { display: none= ; } .html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) = iframe { display: none; } .html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) = iframe:-webkit-full-screen { display: block; } .html_embed_widget .game_frame.start_maximized.game_loaded:not(.maximized) = iframe:fullscreen { display: block; } .html_embed_widget .game_frame:not(.game_loaded) .restore_wrapper { display= : none; } .html_embed_widget .game_frame iframe { height: 0px; width: 0px; border: 0p= x; box-sizing: border-box; max-height: 100%; max-width: 100%; min-height: 1= 00%; min-width: 100%; } .html_embed_widget .fullscreen_btn { opacity: 0.4; position: absolute; bott= om: 0px; right: 0px; margin: 8px; font-size: 16px; display: block; transiti= on: opacity 0.4s; background: none; padding: 0px; border: 0px; cursor: poin= ter; } .html_embed_widget .fullscreen_btn img { display: block; width: 30px; heigh= t: 30px; } .html_embed_widget .fullscreen_btn:hover { opacity: 0.8; } .html_embed_widget .game_error { font-family: var(--itchio_default_font, La= to),sans-serif; font-size: 14px; color: rgb(34, 34, 34); width: 350px; marg= in: 20px auto; border: 1px solid rgb(239, 190, 190); border-radius: 2px; ba= ckground: rgb(249, 231, 231); line-height: 1.4; box-shadow: white 0px 0px 0= px 4px; } .html_embed_widget .game_error .error_details { margin: 10px 20px; } .html_embed_widget .game_error .error_details > h3 { color: inherit; font-s= ize: inherit; margin: 0px 0px 10px; } .html_embed_widget .game_error .error_help { border-top: 1px solid rgb(244,= 210, 210); color: rgb(34, 34, 34); padding: 10px 20px; } .simple_social_buttons_widget { display: inline-flex; vertical-align: middl= e; gap: 10px; margin-left: 10px; } .simple_social_buttons_widget:empty { display: none; } .simple_social_buttons_widget > a { opacity: 0.8; display: flex; align-item= s: center; text-decoration: none; transition: 0.2s; } .simple_social_buttons_widget > a:hover { opacity: 1; } .upload_list_widget .upload { margin-bottom: 15px; overflow-wrap: break-wor= d; display: flex; align-items: center; } .upload_list_widget .upload:last-child { margin-bottom: 0px; } .upload_list_widget .upload .upload_name { max-width: 100%; display: inline= -flex; align-items: center; } .upload_list_widget .upload .upload_name .name { flex: 1 1 0%; white-space:= nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; } .upload_list_widget .upload .upload_name .external_label { border-radius: 4= px; padding: 0px 8px; display: inline-flex; align-items: center; font-weigh= t: bold; font-family: var(--itchio_default_font, Lato),sans-serif; height: = 21px; font-size: 12px; background: var(--itchio_bg2_sub); color: var(--itch= io_text_color); } .dark_theme .upload_list_widget .upload .upload_name .external_label { back= ground: rgba(255, 255, 255, 0.1); color: rgb(171, 171, 171); } .upload_list_widget .upload .upload_name > * { margin-left: 10px; white-spa= ce: nowrap; } .upload_list_widget .upload .upload_name > :first-child { margin-left: 0px;= } .upload_list_widget .upload .upload_name .download_platforms:empty { displa= y: none; } .upload_list_widget .upload .info_column { min-width: 0px; flex: 1 1 0%; } .upload_list_widget .upload .info_column > * { margin-bottom: 0.3em; } .upload_list_widget .upload .info_column > :last-child { margin-bottom: 0px= ; } .upload_list_widget .upload .upload_date { opacity: 0.6; font-size: 85%; } .upload_list_widget .upload .min_price { opacity: 0.6; font-size: 85%; } .upload_list_widget .upload .build_row { opacity: 0.6; font-size: 85%; } .upload_list_widget .upload .build_row .version_date { margin-left: 10px; } .upload_list_widget .upload .preorder_spacer { text-align: center; display:= inline-block; vertical-align: middle; background: rgb(218, 218, 218); heig= ht: 35px; line-height: 35px; min-width: 100px; color: rgb(96, 96, 96); } .upload_list_widget .upload .button, .upload_list_widget .upload .preorder_= spacer { margin-right: 15px; min-width: 100px; } .upload_list_widget .upload .file_size { opacity: 0.6; white-space: nowrap;= } .upload_list_widget .upload .download_platforms { white-space: nowrap; } .upload_list_widget .upload .download_platforms .icon { vertical-align: top= ; opacity: 0.6; } .game_comments_page .breadcrumbs { margin-left: 20px; margin-right: 20px; } .game_comments_page .breadcrumbs a { text-decoration: none; } .game_comments_page .breadcrumbs a .text { text-decoration: underline; } .game_comments_page .game_comments_widget { margin-top: 0px; } .game_comments_page h2 { margin-top: 0.8em; } .game_devlog_page .breadcrumbs { margin: 20px; } .game_devlog_page h2 { margin: 20px; } .game_devlog_post_page .post_header h1 { font-size: 2em; margin: 20px 0px 5= px; overflow-wrap: break-word; } .game_devlog_post_page .post_meta { font-size: 85%; margin: 20px 0px 10px; = line-height: 1.4; } .game_devlog_post_page .post_meta .post_social { white-space: nowrap; margi= n-top: 6px; } .game_devlog_post_page .breadcrumbs { font-size: 85%; } .game_devlog_post_page .split_columns { display: flex; } .game_devlog_post_page .split_columns .primary_column { flex: 1 1 0%; margi= n: 0px 20px; min-width: 0px; } .game_devlog_post_page .split_columns .game_metadata { padding-top: 40px; w= idth: 307px; margin-right: 20px; margin-left: 40px; } @media (max-width: 1000px) { .game_devlog_post_page .split_columns { display: block; } .game_devlog_post_page .split_columns .primary_column, .game_devlog_post_= page .split_columns .game_metadata { width: auto; margin: 20px; } .game_devlog_post_page .split_columns .primary_column { margin: 0px; } .game_devlog_post_page .split_columns .primary_column > * { margin: 20px;= } .game_devlog_post_page .split_columns .primary_column .post_images { marg= in-left: 0px; margin-right: 0px; } } .game_devlog_post_page .primary_column > section { margin-bottom: 20px; } .game_devlog_post_page .primary_column > section:last-child { margin-bottom= : 0px; } .game_devlog_post_page .post_body p:first-child { margin-top: 0px; } .game_devlog_post_page .post_body p:last-child { margin-bottom: 0px; } .game_devlog_post_page .post_images { overflow-x: auto; white-space: nowrap= ; text-align: center; margin: 0px 0px 20px; scrollbar-color: var(--itchio_b= utton_color) var(--itchio_gray_back); scrollbar-width: thin; } .game_devlog_post_page .post_images::-webkit-scrollbar { width: 6px; height= : 6px; } .game_devlog_post_page .post_images::-webkit-scrollbar-track { background: = var(--itchio_gray_back); border-radius: var(--itchio_border_radius); } .game_devlog_post_page .post_images::-webkit-scrollbar-thumb { background: = var(--itchio_button_color); border-radius: var(--itchio_border_radius); } .game_devlog_post_page .post_images > a { display: inline-block; margin-rig= ht: 10px; } .game_devlog_post_page .post_images > a:last-child { margin-right: 0px; } .game_devlog_post_page .post_images img { display: block; } .game_devlog_post_page .game_metadata h3 { margin: 0px; font-size: 1.1em; } .game_devlog_post_page .game_metadata h3 + p { margin-top: 10px; } .game_devlog_post_page .game_metadata > section { margin-top: 20px; } .game_devlog_post_page .game_metadata > section:first-child { margin-top: 0= px; } .game_devlog_post_page .game_metadata p { font-size: 85%; } .game_devlog_post_page .game_metadata .add_collection_row a { display: bloc= k; width: 100%; } .game_devlog_post_page .game_metadata .add_collection_row a .icon { font-si= ze: 18px; margin-right: 10px; vertical-align: -3px; } .game_devlog_post_page .post_files h2, .game_devlog_post_page .game_downloa= d h2 { margin: 40px 0px 20px; } .game_devlog_post_page .more_posts .post_date { margin-top: 5px; opacity: 0= .6; white-space: nowrap; font-size: 85%; } .game_devlog_post_page .more_posts .post_date .icon { display: none; } .game_devlog_post_page .more_posts ul { margin: 10px 0px 0px; padding: 0px;= list-style: none; } .game_devlog_post_page .more_posts li { margin-bottom: 10px; } .game_devlog_post_page .more_posts li:last-child { margin-bottom: 0px; } .game_devlog_post_page .game_downloader_widget { margin: 20px 0px; } .game_devlog_post_page .game_info_panel_widget td { font-size: 85%; } .game_devlog_post_page .game_info_panel_widget td:first-child { padding-lef= t: 0px; min-width: 0px; } .game_devlog_post_page .like_button_drop { display: inline-block; } .game_devlog_post_page .post_like_button { display: inline-flex; align-item= s: center; margin-right: 10px; border-radius: 4px; box-shadow: rgba(255, 25= 5, 255, 0.2) 0px 0px 0px 1px inset; } .game_devlog_post_page .post_like_button .likes_count { padding: 0px 6px; f= ont-size: 85%; } .game_devlog_post_page .post_like_button form { display: block; } .game_devlog_post_page .post_like_button .button { display: block; font-fam= ily: inherit; } .game_devlog_post_page .post_like_button .button .icon { vertical-align: -1= px; margin-right: 4px; } .game_devlog_post_page .post_like_button .button:hover .default { display: = none; } .game_devlog_post_page .post_like_button .button:hover .hover { display: in= itial; } .game_devlog_post_page .post_like_button .hover { display: none; } .view_game_page.view_flash_game_page, .view_game_page.view_unity_game_page,= .view_game_page.view_java_game_page, .view_game_page.view_html_game_page {= } .view_game_page.view_flash_game_page::before, .view_game_page.view_flash_ga= me_page::after, .view_game_page.view_unity_game_page::before, .view_game_pa= ge.view_unity_game_page::after, .view_game_page.view_java_game_page::before= , .view_game_page.view_java_game_page::after, .view_game_page.view_html_gam= e_page::before, .view_game_page.view_html_game_page::after { content: " "; = display: table; } .view_game_page.view_flash_game_page::after, .view_game_page.view_unity_gam= e_page::after, .view_game_page.view_java_game_page::after, .view_game_page.= view_html_game_page::after { clear: both; } .view_game_page.view_flash_game_page .center_column, .view_game_page.view_u= nity_game_page .center_column, .view_game_page.view_java_game_page .center_= column, .view_game_page.view_html_game_page .center_column { margin: 20px 0= px; } .view_game_page.view_flash_game_page .donate, .view_game_page.view_unity_ga= me_page .donate, .view_game_page.view_java_game_page .donate, .view_game_pa= ge.view_html_game_page .donate { text-align: center; margin: 20px 0px; } @media (max-width: 400px) { .view_game_page.view_flash_game_page .center_column, .view_game_page.view= _unity_game_page .center_column, .view_game_page.view_java_game_page .cente= r_column, .view_game_page.view_html_game_page .center_column { margin: 0px;= } } .view_game_page.view_flash_game_page.ready .donate, .view_game_page.view_ht= ml_game_page.ready .donate { display: block; } .view_game_page.view_flash_game_page .donate, .view_game_page.view_html_gam= e_page .donate { display: none; } .view_game_page.view_flash_game_page .embed_wrapper, .view_game_page.view_h= tml_game_page .embed_wrapper { margin: 20px 0px; } .view_game_page.view_flash_game_page .game_loading, .view_game_page.view_ht= ml_game_page .game_loading { padding: 20px 0px; text-align: center; font-si= ze: 16px; font-weight: bold; line-height: 1.8; background: rgba(0, 0, 0, 0.= 04); } .view_game_page.view_flash_game_page .game_loading .loading_block, .view_ga= me_page.view_html_game_page .game_loading .loading_block { display: inline-= block; } .view_game_page.view_flash_game_page.ready .game_loading { display: none; } .view_game_page.view_flash_game_page.no_flash .swf_outer { padding: 10px; } .view_game_page.view_flash_game_page.no_flash .center_column .donate { disp= lay: none; } .view_game_page.view_flash_game_page .swf_outer { margin-left: auto; margin= -right: auto; position: relative; line-height: 1.5; display: flex; align-it= ems: center; justify-content: center; } .view_game_page.view_flash_game_page .swf_outer.hide_placeholder::before { = display: none; } .view_game_page.view_flash_game_page .swf_outer object { display: block; po= sition: absolute; top: 0px; right: 0px; } .view_game_page.view_flash_game_page .swf_outer .flash_notification { font-= weight: bold; opacity: 0.8; text-align: center; max-width: 280px; } @media (max-width: 400px) { .view_game_page.view_html_game_page .center_column { margin-top: 20px; } } .view_game_page.view_html_game_page.ready .donate { display: block; } .view_game_page.view_html_game_page .donate { display: none; } .view_game_page.view_unity_game_page .embed_wrapper, .view_game_page.view_j= ava_game_page .embed_wrapper { margin: 20px 0px; } .view_game_page.view_unity_game_page .unity_drop, .view_game_page.view_unit= y_game_page .jar_drop, .view_game_page.view_java_game_page .unity_drop, .vi= ew_game_page.view_java_game_page .jar_drop { margin: 0px auto; position: re= lative; text-align: center; } .view_game_page.view_unity_game_page.unity_unsupported .no_unity_message { = display: block; } .view_game_page.view_unity_game_page .no_unity_message { display: none; mar= gin: 20px; } .view_game_page.view_unity_game_page .no_unity_message .add_collection_row = { text-align: center; } @media (max-width: 1000px) { .view_game_page.view_unity_game_page .no_unity_message .button, .view_gam= e_page.view_unity_game_page .donate_btn { display: block; } .view_game_page.view_unity_game_page .donate { margin: 0px 20px; } } .view_game_page.direct_download .header_buy_row .button { display: block; m= argin: 0px; } .view_game_page.buy_on_top .header_buy_row { display: block; } .view_game_page .header_buy_row { display: none; } .view_game_page .header_buy_row p { margin: 20px 20px 0px; } .view_game_page .header_buy_row p:last-child { margin-bottom: 20px; } .view_game_page .header_buy_row .direct_download_row { margin: 10px 20px 20= px; } .view_game_page .header_buy_row .direct_download_row > button.button { disp= lay: flex; align-items: center; justify-content: center; gap: 5px; width: 1= 00%; } .view_game_page .formatted_description { margin: 0px 20px 40px; } .view_game_page .formatted_description .empty_text { font-style: italic; co= lor: rgb(96, 96, 96); } .view_game_page .formatted_description > :first-child { margin-top: 0px; } .view_game_page .more_information_toggle { margin: 0px 20px 20px; } .view_game_page .more_information_toggle.open .svgicon { transform: rotate(= 180deg); } .view_game_page .more_information_toggle .aggregate_rating { font-size: 16p= x; } .view_game_page .more_information_toggle .toggle_row { margin-bottom: 10px;= } .view_game_page .more_information_toggle .svgicon { transition: transform 0= .2s; margin-left: 5px; opacity: 0.7; fill: rgb(34, 34, 34); } .view_game_page .video_embed { margin-right: 20px; margin-bottom: 10px; } .view_game_page .video_embed.big_video { margin-right: 0px; } .view_game_page .video_embed:empty { display: none; } .lightbox_open .view_game_page .video_embed { visibility: hidden; } .view_game_page .screenshot_list { margin-right: 20px; box-sizing: border-b= ox; } .view_game_page .screenshot_list img { display: block; margin-bottom: 10px;= max-width: 347px; } .view_game_page .bundle_row { display: flex; align-items: center; padding: = 10px 15px; margin: 20px; border: 2px solid rgb(218, 218, 218); border-radiu= s: 2px; } .view_game_page .bundle_row .bundle_label { opacity: 0.7; font-weight: norm= al; } .view_game_page .bundle_row .bundle_title { white-space: nowrap; overflow: = hidden; text-overflow: ellipsis; } .view_game_page .bundle_row .bundle_info { flex: 1 1 0%; min-width: 0px; ma= rgin-right: 20px; line-height: 1.5; } .view_game_page .bundle_row .bundle_info a { font-weight: bold; font-size: = 110%; } .view_game_page .community_summary p { margin: 20px; } .view_game_page .sale_explanation { margin: 20px; } .view_game_page .uploads p { margin-left: 20px; margin-right: 20px; } .view_game_page .uploads .upload_list_widget { margin-left: 20px; margin-ri= ght: 20px; margin-bottom: 10px; } .view_game_page .buy_row { margin: 20px; } .view_game_page .buy_row .button_message { display: inline-flex; align-item= s: center; } .view_game_page .buy_row .buy_message { display: flex; align-items: center;= } .view_game_page .buy_row .buy_message > * { margin-right: 5px; } .view_game_page .buy_row .buy_message > :last-child { margin-right: 0px; } .view_game_page .buy_row .dollars { font-weight: bold; font-size: 120%; } .view_game_page .buy_row .dollars.original_price { text-decoration: line-th= rough; color: inherit; opacity: 0.5; font-weight: normal; } .view_game_page .buy_row .sale_link { text-decoration: none; } .view_game_page .buy_row .sale_label { height: 35px; box-sizing: border-box= ; display: inline-flex; align-items: center; justify-content: center; flex-= direction: column; vertical-align: top; color: white; font-size: 12px; back= ground: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.7); box= -shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; text-shadow: rgba(0, 0, 0, 0.5) 0= px 0px 4px; padding: 0px 10px; border-radius: 4px; } .view_game_page .buy_row .sale_label .sale_rate { font-weight: bold; color:= rgb(103, 227, 189); } .view_game_page .buy_row .sale_label .main_label { font-style: italic; } .view_game_page .buy_row .sub { color: inherit; opacity: 0.5; } .view_game_page .buy_row .button { margin-right: 10px; } .view_game_page .button { user-select: none; box-sizing: border-box; displa= y: inline-block; background: rgb(255, 36, 73); color: white; text-decoratio= n: none; padding: 0px 10px; font-size: 14px; text-shadow: rgb(195, 34, 62) = 0px 1px 0px; cursor: pointer; border-radius: 3px; border: 1px solid rgba(0,= 0, 0, 0.1); box-shadow: rgba(255, 255, 255, 0.21) 0px 0px 1px inset; text-= align: center; line-height: 33px; font-weight: bold; height: 35px; min-widt= h: 75px; } .view_game_page .button:hover { background: rgb(255, 46, 81); } .view_game_page .button:active { background-color: rgb(225, 25, 59); positi= on: relative; top: 1px; } .view_game_page .missing_game { width: 450px; margin: 20px auto; text-align= : center; font-size: 18px; line-height: 1.8; } .view_game_page .missing_game p { text-align: left; } .view_game_page .app_store_links { margin: 15px 20px; } .view_game_page .app_store_links .store_btn { display: inline-block; margin= -right: 10px; } .view_game_page .rewards h2 { margin-top: 30px; } .view_game_page .reward_summary { margin: 20px; } .view_game_page .rewards_list { margin: 0px 20px; } .view_game_page .reward_row { border: 2px solid rgb(218, 218, 218); border-= radius: 2px; padding: 10px; margin-bottom: 20px; } .view_game_page .reward_row h3 { margin: 0px 0px 10px; } .view_game_page .reward_row .remaining_count { margin-left: 10px; } .view_game_page .reward_footer .sold_out_message { font-weight: bold; } .view_game_page .reward_footer .quantity_input { border: 2px solid rgb(218,= 218, 218); border-radius: 2px; padding: 4px; } .view_game_page .column { padding-bottom: 20px; } @media (max-width: 1000px) { .responsive .view_game_page .columns { margin: 0px; display: flex; flex-d= irection: column; max-width: 100vw; } .responsive .view_game_page .columns .left_col, .responsive .view_game_pa= ge .columns .right_col { display: block; margin: 0px; width: auto; } .responsive .view_game_page .columns .left_col { order: 2; } .responsive .view_game_page .columns .right_col { order: 1; } .responsive .view_game_page .right_col .video_embed { text-align: center;= margin: 0px 0px 20px; } .responsive .view_game_page .header_buy_row { display: block; } .responsive .view_game_page .screenshot_list { white-space: nowrap; overf= low: auto; font-size: 0px; text-align: center; margin: 0px; } .responsive .view_game_page .screenshot_list img { display: inline-block;= margin: 0px; height: 200px; } .responsive .view_game_page .uploads .upload { display: block; margin-bot= tom: 15px; } .responsive .view_game_page .uploads .upload .name { display: block; } .responsive .view_game_page .uploads .upload .button { display: block; ma= rgin: 0px 0px 5px; } .responsive .view_game_page .buy_row .dollars { font-size: 100%; } } @media (max-width: 400px) { .responsive .view_game_page .buy_row { font-size: 14px; white-space: nowr= ap; margin: 5px 0px; padding: 15px 20px; overflow: auto; } } .view_game_page .info_panel_wrapper { display: none; } .view_game_page .game_info_panel_widget { background: rgba(0, 0, 0, 0.1); p= adding: 10px; } .view_game_page .game_devlog ul { padding: 0px; margin: 20px; list-style: n= one; } .view_game_page .game_devlog ul li { margin: 0px 0px 5px; display: flex; al= ign-items: center; } .view_game_page .game_devlog ul li:last-child { margin-bottom: 0px; } .view_game_page .game_devlog .post_date { margin-top: 4px; opacity: 0.5; wh= ite-space: nowrap; margin-left: 10px; font-size: 80%; } .view_game_page .game_devlog .post_date .icon { display: none; } .view_game_page .game_devlog p { margin: 20px; } .view_game_page .indiecade_banner { background: rgb(56, 56, 56); padding: 1= 5px 20px; margin: 20px 0px 20px 20px; } .view_game_page .indiecade_banner > p { margin: 0px 0px 10px; } .view_game_page .indiecade_banner .tag_pair { font-size: 14px; border: 1px = solid rgb(34, 34, 34); display: inline-block; margin-right: 5px; background= : rgba(255, 255, 255, 0.1); border-radius: 2px; box-shadow: rgba(255, 255, = 255, 0.1) 0px 0px 0px 1px; } .view_game_page .indiecade_banner .tag_pair:last-child { margin-right: 0px;= } .view_game_page .indiecade_banner .tag_pair > :first-child { border-right: = 1px solid rgb(34, 34, 34); font-weight: bold; opacity: 0.8; } .view_game_page .indiecade_banner .tag_pair > * { display: inline-block; pa= dding: 2px 6px; } .content_warning_widget { box-sizing: border-box; z-index: 999; position: f= ixed; inset: 0px; display: flex; align-items: center; justify-content: cent= er; transition: opacity 0.2s; opacity: 1; padding: 20px; overflow-y: auto; = background-color: var(--itchio_bg_color, white); color: var(--itchio_text_c= olor); font-family: var(--itchio_font_family),Lato,sans-serif; } @media (max-width: 650px) { .content_warning_widget { padding: 10px; } } .content_warning_widget .content_warning_inner { background-color: var(--it= chio_bg2_color); max-width: 700px; padding: 20px; } .content_warning_widget .check_row { display: flex; align-items: center; } .content_warning_widget .check_row > :first-child { margin-right: 5px; } .content_warning_widget .form .buttons { color: inherit; } .content_warning_widget a, .content_warning_widget .form .buttons a { color= : var(--itchio_link_color); } .content_warning_widget.hidden { pointer-events: none; opacity: 0; } .forms_color_input_widget { display: inline-flex; box-sizing: border-box; w= idth: 150px; background-color: var(--itchio_white_back); border: 2px solid = rgb(205, 205, 205); border-radius: 4px; height: 35px; padding: 0px 6px 0px = 10px; position: relative; } .dark_theme .forms_color_input_widget { border-color: rgba(255, 255, 255, 0= .1); } .forms_color_input_widget.compact { border-width: 1px; } .forms_color_input_widget.compact .color_swatch { width: 25px; } .forms_color_input_widget.compact input.color_text_input { font-size: 12px;= } .forms_color_input_widget.compact.picker_open { box-shadow: rgb(162, 135, 1= 92) 0px 0px 0px 1px; } .forms_color_input_widget.picker_open { border-color: rgb(162, 135, 192); } .forms_color_input_widget.color_error { border-color: rgb(209, 67, 67); } .forms_color_input_widget .color_popout { left: 100%; top: -2px; margin-lef= t: 10px; } .forms_color_input_widget.picker_left .color_popout { left: auto; right: 10= 0%; margin-left: 0px; margin-right: 10px; } .forms_color_input_widget input.color_text_input { border: 0px; padding: 0p= x; min-width: 0px; width: 0px; flex: 1 1 0%; font-size: 14px; font-family: = monospace; outline: none; background-color: var(--itchio_white_back); color= : var(--itchio_body_color_med); } .forms_color_input_widget .color_swatch { width: 50px; box-shadow: rgba(0, = 0, 0, 0.1) 0px 0px 0px 1px; border-radius: 3px; margin: 4px 0px; cursor: po= inter; } .forms_color_input_popup_widget { position: absolute; top: 0px; left: 0px; = box-shadow: rgb(205, 205, 205) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px = 4px; border-radius: 3px; z-index: 101; padding: 10px; background-color: var= (--itchio_white_back); margin-left: 10px; } .dark_theme .forms_color_input_popup_widget { box-shadow: rgba(255, 255, 25= 5, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px 4px; } .forms_color_input_popup_widget .clear_color_btn { position: absolute; top:= 0px; right: 0px; background-color: var(--itchio_white_back); border-width:= 0px 0px 1px 1px; border-top-style: initial; border-right-style: initial; b= order-image: initial; font-family: var(--itchio_default_font, Lato),sans-se= rif; cursor: pointer; padding: 2px 6px; border-bottom-style: solid; border-= left-style: solid; border-color: var(--itchio_border_color); border-radius:= 0px 0px 0px 4px; font-size: 14px; font-weight: bold; color: var(--itchio_b= ody_color_light); z-index: 2; } .forms_color_input_popup_widget .clear_color_btn:hover { background-color: = var(--itchio_gray_back); } .forms_color_input_popup_widget .palette_options { margin-top: 10px; displa= y: grid; grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); gap: 5= px; align-items: start; } .forms_color_input_popup_widget .palette_options > button { color: white; f= ont-size: 0px; width: 100%; height: 16px; border: 0px; } .forms_color_wheel_widget { position: relative; cursor: crosshair; } .forms_color_wheel_widget .wheel { background: url("lib/farbtastic/wheel.pn= g") no-repeat; position: relative; width: 195px; height: 195px; } .forms_color_wheel_widget .color_block, .forms_color_wheel_widget .mask { p= osition: absolute; top: 47px; left: 47px; } .forms_color_wheel_widget .color_block { background-color: blue; } .forms_color_wheel_widget .mask { background: url("lib/farbtastic/mask.png"= ) no-repeat; } .forms_color_wheel_widget .marker { position: absolute; width: 17px; height= : 17px; margin: -8px 0px 0px -8px; overflow: hidden; background: url("lib/f= arbtastic/marker.png") no-repeat; pointer-events: none; } .forms_markdown_help_lightbox_widget { width: 100%; max-width: 500px; } .forms_markdown_help_lightbox_widget.lightbox h2 + p { margin-top: 0px; } .forms_markdown_help_lightbox_widget .table_wrapper { margin: 20px; } .forms_markdown_help_lightbox_widget .nice_table { margin: 0px; width: 100%= ; box-sizing: border-box; } .forms_markdown_help_lightbox_widget .nice_table .format_type { font-weight= : bold; } .forms_markdown_help_lightbox_widget .nice_table .format_example { font-fam= ily: monospace; } .forms_markdown_input_widget { border-width: 2px; border-style: solid; bord= er-image: initial; border-radius: 3px; border-color: var(--itchio_input_bor= der_color); } .forms_markdown_input_widget.loading { position: relative; } .forms_markdown_input_widget.loading .markdown_toolbar { opacity: 0.5; poin= ter-events: none; } .forms_markdown_input_widget.loading .loading_reason { user-select: none; p= osition: absolute; inset: 0px; z-index: 1; display: flex; align-items: cent= er; justify-content: center; font-weight: bold; } .forms_markdown_input_widget > textarea.markdown_textarea { border: 0px; ma= rgin: 0px; font-size: inherit; font-family: monospace; box-sizing: border-b= ox; padding: 10px; display: block; border-radius: 0px; min-height: 160px; r= esize: vertical; width: 100%; max-width: none; } .responsive form .forms_markdown_input_widget .markdown_textarea { width: 1= 00%; max-width: none; } .forms_markdown_input_widget .markdown_toolbar { list-style: none; display:= flex; padding: 0px; margin: 0px; border-bottom-width: 1px; border-bottom-s= tyle: solid; border-color: var(--itchio_border_color); height: 32px; box-si= zing: border-box; } .forms_markdown_input_widget .markdown_toolbar button > .svgicon { width: 1= 5px; } .forms_markdown_input_widget .markdown_toolbar button > .svgicon.markdown_i= con { width: 26px; vertical-align: -3px; display: inline-block; } .forms_markdown_input_widget .markdown_toolbar > li > button { background: = transparent; border: 0px; font-family: inherit; font-size: inherit; cursor:= pointer; padding: 3px 10px; box-sizing: border-box; color: var(--itchio_bo= dy_color_light); } .forms_markdown_input_widget .markdown_toolbar > li > button:hover { color:= white; background: var(--itchio_button_color, #FF2449); } .forms_markdown_input_widget .markdown_toolbar > li { border-right-width: 1= px; border-right-style: solid; border-color: var(--itchio_border_color); di= splay: flex; } html[dir=3D"rtl"] .forms_markdown_input_widget .markdown_toolbar > li { bor= der-right-width: initial; border-right-style: none; border-left-width: 1px;= border-left-style: solid; border-color: var(--itchio_border_color); } .forms_markdown_input_widget .markdown_toolbar > li:last-child { border-rig= ht: 0px; } .forms_markdown_video_embed_lightbox_widget { width: 100%; max-width: 500px= ; } .forms_markdown_video_embed_lightbox_widget.lightbox h2 + p { margin-top: 0= px; } .forms_markdown_video_embed_lightbox_widget .form { padding: 0px 20px 20px;= } .forms_markdown_video_embed_lightbox_widget .form .input_split { display: f= lex; align-items: center; margin-top: 6px; } .forms_markdown_video_embed_lightbox_widget .form .input_split input[type= =3D"text"] { margin: 0px 10px 0px 0px; width: auto; flex: 1 1 0%; } .forms_simple_select_widget { display: inline-block; box-sizing: border-box= ; min-width: 30px; position: relative; border-width: 2px; border-style: sol= id; border-image: initial; border-color: var(--itchio_input_border_color); = background-color: var(--itchio_white_back); padding: 4px 8px 4px 10px; bord= er-radius: 4px; height: 35px; } .forms_simple_select_widget:hover .selected_option { color: var(--itchio_bo= dy_color); } .forms_simple_select_widget.disabled { opacity: 0.5; background-color: var(= --itchio_gray_back); } .forms_simple_select_widget.disabled select:hover { cursor: default; } .forms_simple_select_widget.focused { border-color: rgb(162, 135, 192); } .forms_simple_select_widget.focused .select_component { color: var(--itchio= _body_color); } .forms_simple_select_widget .icon, .forms_simple_select_widget .svgicon { m= argin-left: 4px; color: rgba(34, 34, 34, 0.7); } .dark_theme .forms_simple_select_widget .icon, .dark_theme .forms_simple_se= lect_widget .svgicon { color: rgba(238, 238, 238, 0.7); } .forms_simple_select_widget .selected_option { font-size: 14px; color: var(= --itchio_body_color_med); height: 100%; display: flex; align-items: center;= } .forms_simple_select_widget .selected_option .selected_option_name { flex: = 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflo= w: ellipsis; } .forms_simple_select_widget select { appearance: none; opacity: 0; position= : absolute; top: 0px; left: 0px; margin: 0px; width: 100%; height: 100%; } .forms_simple_select_widget select:hover { cursor: pointer; } .forms_slider_widget { display: inline-block; box-sizing: border-box; min-w= idth: 100px; position: relative; padding: 5px 10px; } .forms_slider_widget.disabled { opacity: 0.5; } .forms_slider_widget.disabled .slider_nub { cursor: default; } .forms_slider_widget .slider_fill { height: 100%; background: rgba(0, 0, 0,= 0.08); border-radius: 16px; } .dark_theme .forms_slider_widget .slider_fill { background: rgba(255, 255, = 255, 0.08); } .forms_slider_widget .slider_track { box-shadow: rgba(0, 0, 0, 0.15) 0px 0p= x 0px 1px; background-color: var(--itchio_white_back); height: 8px; border-= radius: 4px; position: relative; } .dark_theme .forms_slider_widget .slider_track { box-shadow: rgba(255, 255,= 255, 0.15) 0px 0px 0px 1px; } .forms_slider_widget .slider_nub { position: absolute; padding: 0px; width:= 18px; height: 18px; border-radius: 18px; margin-top: -9px; margin-left: -9= px; background: rgb(255, 36, 73); border: 1px solid rgba(0, 0, 0, 0.1); box= -shadow: rgba(255, 255, 255, 0.21) 0px 0px 1px inset, rgba(255, 255, 255, 0= .5) 0px 0px 0px 1px; top: 50%; left: 50%; } .dark_theme .forms_slider_widget .slider_nub { box-shadow: rgba(255, 255, 2= 55, 0.21) 0px 0px 1px inset; } .forms_slider_widget .slider_nub:not(.disabled):hover { background: rgb(255= , 62, 94); } .forms_slider_widget .slider_nub:not(.disabled):active { background-color: = rgb(225, 25, 59); } .forms_slider_widget .value_tooltip { pointer-events: none; box-sizing: bor= der-box; position: absolute; background: black; color: white; font-family: = monospace; padding: 2px 4px; top: 0px; font-size: 12px; transform: translat= e(-50%, -140%); margin-bottom: 4px; border-radius: 2px; } .row_mover_widget { display: inline-flex; align-items: center; border-width= : 1px; border-style: solid; border-image: initial; border-color: var(--itch= io_border_color); border-radius: 4px; padding: 0px 2px 0px 5px; height: 20p= x; } .row_mover_widget .mover_label { font-weight: bold; color: var(--itchio_bod= y_color_light); font-size: 13px; margin-right: 2px; } .row_mover_widget .svgicon { width: 16px; height: 16px; } .row_mover_widget > button { border: 0px; background: none; cursor: pointer= ; padding: 0px 2px; margin: 0px; align-self: stretch; color: var(--itchio_b= ody_color_gray); } .row_mover_widget > button:hover:not([disabled]) { color: var(--itchio_body= _color); } .row_mover_widget > button[disabled] { opacity: 0.2; cursor: default; } .follow_button_widget { cursor: pointer; white-space: nowrap; } .follow_button_widget.animate_bounce, .follow_button_widget.animate_drop_do= wn { pointer-events: none; } .follow_button_widget.outline { box-sizing: border-box; transition: 0.2s; d= isplay: inline-block; border-radius: 3px; text-decoration: none; padding: 3= px 10px; font-size: 14px; letter-spacing: 0.025em; white-space: nowrap; bor= der: 1px solid rgba(255, 255, 255, 0.6); color: white; } .follow_button_widget.outline:hover { color: white; background: rgb(255, 36= , 73); border-color: rgb(255, 36, 73); } .follow_button_widget.outline:active { background: rgb(225, 25, 59); border= -color: rgb(225, 25, 59); } .follow_button_widget.button.small .icon { display: none; } .follow_button_widget.is_following { transition: box-shadow 0.2s; } .follow_button_widget.is_following:not(.loading).button { background-color:= var(--itchio_white_back); border-color: rgb(255, 36, 73); color: rgb(255, = 36, 73); text-shadow: none; } .follow_button_widget.is_following:hover { position: relative; box-shadow: = rgba(255, 36, 73, 0.4) 0px 0px 0px 2px inset; } .follow_button_widget.is_following:hover .unfollow_label { display: block; = position: absolute; inset: 0px; text-align: center; } .follow_button_widget.is_following:hover .on_unfollow { visibility: hidden;= } .follow_button_widget.is_following .on_unfollow { display: inline; } .follow_button_widget.is_following .on_follow { display: none; } .follow_button_widget .on_unfollow, .follow_button_widget .unfollow_label {= display: none; } .follow_button_widget .icon { position: relative; top: 1px; } html:not([dir=3D"rtl"]) .follow_button_widget .icon { margin-right: 5px; } html[dir=3D"rtl"] .follow_button_widget .icon { margin-left: 5px; } .community_archive_topic_lightbox_widget { width: 600px; } .community_archive_topic_lightbox_widget .form { margin: 20px 40px; } .community_archive_topic_lightbox_widget ul li { font-size: 14px; } .community_ban_lightbox_widget { width: 600px; } .community_ban_lightbox_widget.after_ban .after_submit { display: block; } .community_ban_lightbox_widget.after_ban .before_submit { display: none; } .community_ban_lightbox_widget h2 .banned_user::before { content: "=E2=80= =9C"; font-weight: normal; color: rgb(133, 133, 133); } .community_ban_lightbox_widget h2 .banned_user::after { content: "=E2=80=9D= "; font-weight: normal; color: rgb(133, 133, 133); } .community_ban_lightbox_widget .form { margin: 20px 40px; } .community_ban_lightbox_widget .after_submit { display: none; } .community_dismiss_pending_post_lightbox_widget { width: 100%; max-width: 4= 50px; } .community_dismiss_pending_post_lightbox_widget > form { padding-right: ; p= adding-bottom: ; padding-left: ; padding-top: 0px; } .community_lock_topic_lightbox_widget { width: 600px; } .community_lock_topic_lightbox_widget .form { margin: 20px 40px; } .community_post_lightbox_widget { width: 100%; max-width: 600px; } .community_post_lightbox_widget .community_post_list_widget { background-co= lor: var(--itchio_white_back); border: 1px solid rgb(205, 205, 205); box-sh= adow: rgba(0, 0, 0, 0.05) 0px 2px 4px; border-radius: 3px; padding: 10px; m= argin-right: ; margin-bottom: ; margin-left: ; margin-top: 0px; } @media print { .community_post_lightbox_widget .community_post_list_widget { box-shadow:= none; border: none; } } .dark_theme .community_post_lightbox_widget .community_post_list_widget { b= ox-shadow: none; border-color: rgba(255, 255, 255, 0.1); } .community_post_lightbox_widget .community_post_list_widget .community_post= _widget p { margin: 0px 0px 1em; } .community_report_post_lightbox_widget { width: 500px; } .community_report_post_lightbox_widget.submitted_report .before_submit { di= splay: none; } .community_report_post_lightbox_widget.submitted_report .after_submit { dis= play: block; } .community_report_post_lightbox_widget .after_submit { display: none; } .community_report_post_lightbox_widget .form { margin: 20px 40px; } .community_report_post_lightbox_widget .form textarea { min-height: 80px; } .community_stick_topic_lightbox_widget { width: 600px; } .community_stick_topic_lightbox_widget .form { margin: 20px 40px; } .after_download_lightbox_widget { max-width: 800px; width: 100%; } .after_download_lightbox_widget p { margin-top: 10px; margin-bottom: 10px; = } .after_download_lightbox_widget .bandwidth_row { border-top: 1px solid rgb(= 218, 218, 218); font-size: 14px; color: rgb(96, 96, 96); padding: 20px 40px= ; display: flex; justify-content: flex-end; align-items: center; } .after_download_lightbox_widget .bandwidth_row > * { margin-left: 10px; } .after_download_lightbox_widget h3 { border-top: 1px solid rgb(218, 218, 21= 8); padding: 20px 40px 0px; margin: 20px 0px; color: rgb(68, 68, 68); } @media (max-width: 650px) { .after_download_lightbox_widget h3 { padding-left: 20px; padding-right: 2= 0px; } } .after_download_lightbox_widget .game_grid_widget { margin: 20px 0px 0px 20= px; } .after_download_lightbox_widget .browse_footer { text-align: center; margin= -bottom: 30px; } .after_download_lightbox_widget .browse_footer .outline_button { box-sizing= : border-box; transition: 0.2s; display: inline-block; border-radius: 3px; = text-decoration: none; letter-spacing: 0.025em; white-space: nowrap; border= : 1px solid rgba(255, 255, 255, 0.6); color: rgb(68, 68, 68); padding: 5px = 17px; font-size: 16px; } .after_download_lightbox_widget .browse_footer .outline_button:hover { colo= r: white; background: rgb(255, 36, 73); border-color: rgb(255, 36, 73); } .after_download_lightbox_widget .browse_footer .outline_button:active { bac= kground: rgb(225, 25, 59); border-color: rgb(225, 25, 59); } .after_download_lightbox_widget .social_buttons_widget { margin: 20px 40px;= } .after_download_lightbox_widget .social_buttons_widget .social_button { dis= play: inline-block; min-width: 120px; vertical-align: top; } .after_download_lightbox_widget .share_row { display: flex; align-items: ce= nter; margin: 15px 40px 10px; font-size: 16px; line-height: 1.5; } .after_download_lightbox_widget .share_row .share_links { display: flex; al= ign-items: center; } .after_download_lightbox_widget .share_row .share_links .icon { margin-righ= t: 5px; } .after_download_lightbox_widget .share_row > * { margin-right: 10px; } .after_download_lightbox_widget .share_row > :last-child { margin-right: 0p= x; } @media (max-width: 650px) { .after_download_lightbox_widget .share_row { margin-left: 20px; margin-ri= ght: 20px; display: block; } .after_download_lightbox_widget .share_row > * { width: 100%; margin: 0px= 0px 10px; } .after_download_lightbox_widget .share_row > :last-child { margin-bottom:= 0px; } } .after_download_lightbox_widget .share_row .icon-heart { color: rgb(236, 78= , 97); } .after_download_lightbox_widget .share_row .simple_social_buttons_widget a = { margin-left: 10px; text-decoration: none; color: rgb(96, 96, 96); } .after_download_lightbox_widget .share_row .simple_social_buttons_widget a:= hover { color: rgb(118, 118, 118); } .blog_post_list_widget { list-style: none; margin: 0px; padding: 0px; } .blog_post_list_widget li { margin-bottom: 35px; font-size: 16px; line-heig= ht: 1.5; } .blog_post_list_widget li .title { font-size: 18px; text-decoration: none; = font-weight: bold; } .blog_post_list_widget li .split_content { display: flex; gap: 20px; align-= items: center; } .blog_post_list_widget li .post_image { display: block; margin-top: 8px; bo= x-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px; } .dark_theme .blog_post_list_widget li .post_image { box-shadow: none; } @media (max-width: 650px) { .blog_post_list_widget li .post_image { display: none; } } .blog_post_list_widget li .post_preview { flex: 1 1 0%; min-width: 0px; } .blog_post_list_widget li .meta_row { white-space: nowrap; overflow: hidden= ; text-overflow: ellipsis; font-size: 14px; color: var(--itchio_body_color_= light); display: flex; gap: 15px; margin-top: 2px; min-width: 0px; } .blog_post_list_widget li .meta_row a { color: inherit; } .blog_post_list_widget li .meta_row .post_likes { border: 1px solid rgb(205= , 205, 205); padding: 1px 4px; border-radius: 4px; font-weight: bold; color= : var(--itchio_body_color_light); font-size: 12px; display: inline-flex; ga= p: 4px; align-items: center; } .dark_theme .blog_post_list_widget li .meta_row .post_likes { border-color:= rgba(255, 255, 255, 0.1); } .blog_post_list_widget li .meta_row .post_likes .icon { font-size: 12px; } .blog_post_list_widget li .summary_link { text-decoration: none; color: inh= erit; } .blog_post_list_widget li .summary { font-size: 16px; margin: 10px 0px 0px;= } @media (max-width: 650px) { .blog_post_list_widget li .summary { font-size: 14px; } } .blog_post_list_widget li .summary .summary_text { overflow-wrap: break-wor= d; } .blog_post_list_widget li .summary .summary_text::after { content: "=C2=A0= =C2=A0"; } .blog_post_list_widget li .summary .read_all_link { color: var(--itchio_bod= y_color_gray); white-space: nowrap; text-decoration: underline; } .blog_post_list_widget li:last-child { margin-bottom: 0px; } .game_grid_widget { font-size: 16px; display: grid; grid-template-columns: = repeat(auto-fill, minmax(250px, 1fr)); gap: 25px var(--itchio_grid_gap, 10p= x); align-items: start; } @media (max-width: 650px) { .game_grid_widget { font-size: 14px; } } .game_grid_widget .game_cell { min-width: 0px; } .game_grid_widget .game_cell:hover .game_thumb .gif_overlay { opacity: 1; } .game_grid_widget .game_cell:hover .game_cell_tools { top: 10px; opacity: 1= ; } .game_grid_widget .game_cell .game_thumb { box-shadow: rgba(0, 0, 0, 0.15) = 0px 0px 2px; position: relative; background: rgba(0, 0, 0, 0.1); box-sizing= : border-box; overflow: hidden; } .dark_theme .game_grid_widget .game_cell .game_thumb { box-shadow: none; } .game_grid_widget .game_cell .game_thumb .no_cover_text { background-color:= var(--itchio_white_back); color: rgb(218, 218, 218); padding-bottom: 79.36= 51%; box-sizing: border-box; font-size: 120px; position: relative; } .game_grid_widget .game_cell .game_thumb .no_cover_text > .icon { position:= absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; a= lign-items: center; justify-content: center; } .game_grid_widget .game_cell .game_thumb .game_link { display: block; } .game_grid_widget .game_cell .game_thumb .gif_label { font-weight: bold; fo= nt-size: 12px; position: absolute; top: 10px; left: 10px; background: rgb(3= 4, 34, 34); padding: 1px 4px; border-radius: 2px; color: rgb(204, 204, 204)= ; opacity: 0.8; } .game_grid_widget .game_cell .game_thumb .gif_overlay { position: absolute;= inset: 0px; background-size: cover; background-position: 50% 50%; backgrou= nd-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.2s; } .game_grid_widget .game_cell .game_thumb img { display: block; width: 100%;= height: auto; } .game_grid_widget .game_cell .game_cell_tools { position: absolute; top: 5p= x; right: 10px; opacity: 0; transition: opacity 0.2s, top 0.2s; } @media (max-width: 650px) { .game_grid_widget .game_cell .game_cell_tools { display: none; } } .game_grid_widget .game_cell .game_cell_tools .action_btn { user-select: no= ne; font-family: var(--itchio_default_font, Lato),sans-serif; display: inli= ne-flex; align-items: center; color: rgb(238, 238, 238); padding: 0.142857e= m 0.285714em; cursor: pointer; margin-bottom: 10px; text-decoration: none; = text-align: left; border: 4px solid rgb(218, 44, 73); background: rgba(30, = 30, 30, 0.8); font-size: 14px; font-weight: bold; box-shadow: none; border-= radius: 3px; } .game_grid_widget .game_cell .game_cell_tools .action_btn .icon { margin-ri= ght: 5px; text-shadow: none; } .game_grid_widget .game_cell .game_cell_tools .action_btn > svg { display: = inline-block; margin-right: 4px; } .game_grid_widget .game_cell .game_cell_tools .action_btn > svg:not([fill])= { fill: white; } .game_grid_widget .game_cell .game_cell_tools .action_btn > svg[fill] { str= oke: white; } .game_grid_widget .game_cell .game_cell_tools .action_btn .icon, .game_grid= _widget .game_cell .game_cell_tools .action_btn .svgicon { width: 1.33333em= ; height: 1.33333em; display: inline-flex; align-items: center; justify-con= tent: center; } .game_grid_widget .game_cell .game_cell_tools .action_btn .icon-playlist_ad= d { font-size: 18px; } .game_grid_widget .game_cell .game_cell_tools .action_btn:hover { backgroun= d: rgba(20, 20, 20, 0.6); } .game_grid_widget .game_cell .game_cell_tools .action_btn:hover { border-co= lor: rgb(222, 66, 92); background: rgba(40, 40, 40, 0.8); } .game_grid_widget .game_cell .thumb_link { text-decoration: none; } .game_grid_widget .game_cell .game_cell_data { margin-top: 0.75em; display:= flex; flex-direction: column; gap: 5px; } @media (max-width: 650px) { .game_grid_widget .game_cell .game_cell_data { gap: 2px; } } .game_grid_widget .game_cell .game_title { font-size: 1em; display: -webkit= -box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden= ; } .game_grid_widget .game_cell .game_title a.title { font-weight: bold; color= : inherit; text-decoration: none; margin-right: 6px; overflow-wrap: break-w= ord; } .game_grid_widget .game_cell .game_title a.title:hover { text-decoration: u= nderline; } .game_grid_widget .game_cell .game_author { display: flex; align-items: cen= ter; font-size: 0.875em; color: var(--itchio_body_color_light); } .game_grid_widget .game_cell .game_author a { min-width: 0px; white-space: = nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; text-dec= oration: none; } .game_grid_widget .game_cell .game_author a:hover { text-decoration: underl= ine; } .game_grid_widget .game_cell .game_author .icon_verified { margin-left: 4px= ; color: var(--itchio_body_color_med); } .game_grid_widget .game_cell .game_genre, .game_grid_widget .game_cell .gam= e_platform, .game_grid_widget .game_cell .game_text, .game_grid_widget .gam= e_cell .game_promo { font-size: 0.875em; color: var(--itchio_body_color_lig= hter); } .game_grid_widget .game_cell .game_promo { font-weight: bold; } .game_grid_widget .game_cell .game_promo > a { color: inherit; text-decorat= ion: none; } .game_grid_widget .game_cell .game_promo > a:hover { text-decoration: under= line; } .game_grid_widget .game_cell .game_text { white-space: nowrap; overflow: hi= dden; text-overflow: ellipsis; color: var(--itchio_body_color_light); } .game_grid_widget .game_cell .game_platform > * { display: inline-block; ve= rtical-align: middle; margin-right: 3px; } .game_grid_widget .game_cell .player_count { display: flex; align-items: ce= nter; font-size: 0.875em; gap: 5px; } .game_grid_widget .game_cell .player_count .svgicon { color: var(--itchio_b= ody_color_gray); } .game_grid_widget .game_cell .web_flag { background: var(--itchio_body_colo= r_med); color: var(--itchio_gray_back); font-size: 0.75em; padding: 2px 6px= ; border-radius: 3px; display: inline-block; margin-right: 5px; } .game_grid_widget .game_cell a.meta_tag { text-decoration: none; color: whi= te !important; } .game_grid_widget .game_cell a.meta_tag:hover { opacity: 0.9; } .game_grid_widget .game_cell .meta_tag { color: white; font-size: 0.722222e= m; vertical-align: 2px; display: inline-flex; line-height: normal; } .game_grid_widget .game_cell .meta_tag > div { padding: 0.25em 0.5em; font-= weight: bold; background-color: rgb(115, 115, 115); background-image: linea= r-gradient(to right top, gray 0%, rgb(103, 103, 103) 100%); } .game_grid_widget .game_cell .meta_tag > div:first-child { border-radius: 2= px 0px 0px 2px; } .game_grid_widget .game_cell .meta_tag > div:last-child { border-radius: 0p= x 2px 2px 0px; } .game_grid_widget .game_cell .meta_tag > div:first-child:last-child { borde= r-radius: 2px; } .game_grid_widget .game_cell .meta_tag.free_tag > div { background-position= -x: ; background-position-y: ; background-size: ; background-repeat: ; back= ground-attachment: ; background-origin: ; background-clip: ; background-col= or: ; color: var(--itchio_body_color_med); background-image: none; } .game_grid_widget .game_cell .meta_tag .sale_tag { background: rgb(52, 160,= 242); color: rgba(255, 255, 255, 0.8); } .winter_sale_active .game_grid_widget .game_cell .meta_tag .sale_tag { back= ground: linear-gradient(rgb(108, 108, 246), rgb(158, 108, 205)); } .game_grid_widget .game_cell .meta_tag .sale_tag.reverse_sale { background:= rgb(254, 78, 80) !important; } .game_grid_widget .game_rating { font-size: 0.875em; color: var(--itchio_bo= dy_color_lighter); } .game_grid_widget .game_rating > * { display: inline-block; vertical-align:= middle; } .game_grid_widget.game_list { display: flex; } .game_grid_widget.game_list > .game_cell { width: 200px; flex: 0 0 auto; ma= rgin-bottom: 20px; } .game_header_widget { font-family: var(--itchio_default_font, Lato),sans-se= rif; position: relative; z-index: 3; } .theme_editor_open .game_header_widget .edit_theme_btn { background: rgba(2= 55, 255, 255, 0.2); } .game_header_widget .publish_status { display: inline-flex; flex-direction:= column; justify-content: center; margin-left: 15px; height: 100%; vertical= -align: top; text-align: center; } .game_header_widget .publish_status .pub_toggle { color: white; text-decora= tion: none; padding: 0px 10px; min-width: 70px; font-size: 12px; font-weigh= t: bold; border-radius: 2px; text-transform: uppercase; height: 30px; line-= height: 30px; } .game_header_widget .publish_status .pub_toggle.restricted { background: rg= b(162, 135, 192); } .game_header_widget .publish_status .pub_toggle.private { background: rgb(2= 51, 145, 117); height: 20px; line-height: 20px; } .game_header_widget .publish_status .pub_toggle.private:last-child { height= : 30px; line-height: 30px; } .game_header_widget .publish_status .pub_toggle.published { background: rgb= (144, 206, 89); } .game_header_widget .publish_status .secret_url { color: rgba(255, 255, 255= , 0.7); font-size: 12px; text-decoration: none; margin-top: 2px; } .game_header_widget .publish_status .secret_url:hover { text-decoration: un= derline; } @media (max-width: 900px) { .responsive .goal_banner_widget .cover_image { display: none; } .responsive .goal_banner_widget .center_column { margin-left: 0px; } } @media (max-width: 700px) { .responsive .goal_banner_widget .extra_stats { display: none; } .responsive .goal_banner_widget .stat_inline:nth-child(2) { border-right:= 0px; } } @media (max-width: 400px) { .responsive .goal_banner_widget .mini_logo { position: static; } .responsive .goal_banner_widget .stat_summary { display: none; } .responsive .goal_banner_widget .action_area { position: static; } .responsive .goal_banner_widget .action_area .button { display: block; } } .goal_banner_widget .cover_image { float: left; box-shadow: rgba(238, 238, = 238, 0.1) 0px 0px 0px 2px; width: 189px; height: 150px; background-size: co= ver; background-position: 50% 50%; } .goal_banner_widget .center_column { margin-left: 210px; min-height: 150px;= overflow: hidden; position: relative; } .goal_banner_widget h3 { border-bottom-width: 2px; border-bottom-style: sol= id; border-color: var(--itchio_border_color); padding-bottom: 10px; margin:= 5px 0px 10px; line-height: 15px; background-color: var(--itchio_white_back= ); position: relative; } .goal_banner_widget .mini_logo { position: absolute; z-index: 1; top: 0px; = right: 0px; opacity: 0.5; } .goal_banner_widget .action_area { margin-top: 8px; position: absolute; bot= tom: 0px; right: 0px; } .goal_progress_widget .progress_bar { height: 10px; background: rgb(233, 23= 3, 233); border-radius: 8px; overflow: hidden; } .dark_theme .goal_progress_widget .progress_bar { background: rgb(37, 37, 3= 7); } .goal_progress_widget .progress_bar .progress_inner { height: 100%; backgro= und: rgb(255, 36, 73); border-radius: 0px 8px 8px 0px; } .goal_progress_widget .stat_bar { margin-bottom: 10px; overflow: hidden; } .goal_progress_widget .stat_box { display: inline-block; text-align: left; = } .goal_progress_widget .stat_box.right_box { float: right; text-align: right= ; } .goal_progress_widget .stat_box .stat_value { font-size: 22px; } .goal_progress_widget .stat_box .stat_label { color: var(--itchio_body_colo= r_lighter); font-size: 12px; text-transform: uppercase; margin-bottom: 2px;= } .goal_progress_widget .stat_summary { margin-top: 10px; } .goal_progress_widget .stat_inline { display: inline-block; margin-right: 1= 0px; border-right-width: 1px; border-right-style: solid; border-color: var(= --itchio_border_color); padding-right: 10px; } .goal_progress_widget .stat_inline:last-child { border-right: 0px; padding-= right: 0px; } .goal_progress_widget .stat_inline .stat_value { font-size: 16px; } .goal_progress_widget .stat_inline .stat_label { font-size: 14px; color: va= r(--itchio_body_color_light); } .header_widget { height: 50px; position: relative; } @media print { .header_widget { display: none; } } .header_widget.sticky { position: fixed; top: 0px; right: 0px; left: 0px; z= -index: 100; } .header_widget.minimal_header .primary_header { justify-content: center; } .header_widget.minimal_header .header_buttons, .header_widget.minimal_heade= r .game_search, .header_widget.minimal_header .user_panel_widget, .header_w= idget.minimal_header .header_dropdown, .header_widget.minimal_header .bundl= e_link { display: none; } .header_widget.gray { --itchio_white_back: #111; --itchio_gray_back: #1b1b1= b; --itchio_body_color: #eee; --itchio_body_color_gray: #949494; --itchio_b= ody_color_med: #cacaca; --itchio_body_color_light: #ababab; --itchio_body_c= olor_lighter: #838383; --itchio_border_color: rgba(255,255,255,0.1); --itch= io_edge_border_color: rgba(255,255,255,0.1); --itchio_input_border_color: r= gba(255,255,255,0.1); --itchio_input_focus_color: white; --itchio_light_hig= hlight: rgba(255,36,73,0.1); --itchio_warning_bg: #3f3421; --itchio_target_= bg: rgba(215,252,175,0.2); } .header_widget.gray .header_logo > img { filter: invert(100%); } .header_widget.gray .primary_header { background: var(--itchio_ui_bg, #111)= ; } .header_widget.gray .user_panel_widget .drop_menu { --itchio_white_back: #f= ff; --itchio_gray_back: #F4F4F4; --itchio_bg_color: var(--itchio_white_back= ); --itchio_body_color: #222; --itchio_body_color_gray: #767676; --itchio_b= ody_color_med: #434343; --itchio_body_color_light: #606060; --itchio_body_c= olor_lighter: #858585; --itchio_border_color: #dadada; --itchio_edge_border= _color: #cdcdcd; --itchio_input_border_color: #cdcdcd; --itchio_input_focus= _color: #361275; --itchio_light_highlight: #FFF0F0; --itchio_warning_bg: #f= ffdbd; --itchio_target_bg: #D7FCAF; } .header_widget.mobile_nav_visible .mobile_nav_btn { display: inline-block; = } .header_widget.mobile_nav_visible .primary_header { padding-left: 5px !impo= rtant; } .header_widget input { font-family: var(--itchio_default_font, Lato),sans-s= erif; } .header_widget .primary_header { box-sizing: border-box; display: flex; ali= gn-items: center; font-size: 16px; background-image: ; background-position-= x: ; background-position-y: ; background-size: ; background-repeat: ; backg= round-attachment: ; background-origin: ; background-clip: ; background-colo= r: var(--itchio_white_back); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; pa= dding: 0px 20px 0px 22px; color: var(--itchio_body_color); height: 50px; po= sition: relative; z-index: 100; } .holidays .header_widget .primary_header { background-position-x: ; backgro= und-position-y: ; background-repeat: ; background-attachment: ; background-= origin: ; background-clip: ; background-color: ; background-image: url("ima= ges/snowrepeat.svg"); background-size: 100px; color: black; } .holidays .header_widget .primary_header .active_site_promotion_btn { font-= weight: 900; } .holidays .header_widget .primary_header .active_site_promotion_btn > span = { text-shadow: rgba(255, 255, 255, 0.7) -1px -1px 0px, rgba(255, 255, 255, = 0.7) 1px 1px 0px, rgba(255, 255, 255, 0.7) -1px 1px 0px, rgba(255, 255, 255= , 0.7) 1px -1px 0px, rgba(255, 255, 255, 0.7) 1px 0px 0px, rgba(255, 255, 2= 55, 0.7) -1px 0px 0px, rgba(255, 255, 255, 0.7) 0px 1px 0px, rgba(255, 255,= 255, 0.7) 0px -1px 0px; background: rgba(255, 255, 255, 0.9); box-shadow: = rgba(255, 255, 255, 0.9) 0px 0px 0px 6px; border-radius: 2px; } .dark_theme .header_widget .primary_header { box-shadow: none; } @media (max-width: 650px) { .header_widget .primary_header { padding-left: 10px; padding-right: 10px;= } } @media (max-width: 650px) { .header_widget.mobile_nav .primary_header { padding-left: 0px; } } .header_widget .header_dropdown { position: absolute; left: 0px; right: 0px= ; top: 50px; color: white; height: 40px; background: var(--itchio_ui_bg, #4= 0434E) linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.3)); z-index= : 99; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; padding: 0px 40px; font-s= ize: 16px; white-space: nowrap; overflow: hidden; display: flex; flex-wrap:= wrap; align-items: center; gap: 20px; opacity: 1; transform: translate(0px= , 0px); transition: 0.2s; } .header_widget .header_dropdown:not(.open) { display: none; } .header_widget .header_dropdown:not(.visible) { opacity: 0; transform: tran= slate(0px, -20%); } .header_widget .header_dropdown a { color: rgba(255, 255, 255, 0.9); text-d= ecoration: none; position: relative; } .header_widget .header_dropdown a::before { transition: 0.1s; transform: tr= anslate(0px, 2px); opacity: 0; content: " "; height: 2px; position: absolut= e; background: rgba(255, 255, 255, 0.5); left: 0px; right: 0px; top: 100%; = } .header_widget .header_dropdown a:hover::before { opacity: 1; transform: tr= anslate(0px, 0px); } .header_widget .header_dropdown .divider { width: 2px; height: 8px; border-= radius: 4px; background: rgba(255, 255, 255, 0.5); } .header_widget h1 { margin: 0px; } .header_widget h1 .visually_hidden { position: absolute; width: 1px; height= : 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0= px, 0px); white-space: nowrap; border-width: 0px; } .header_widget .header_logo { display: block; } .header_widget .header_logo > img { display: block; height: 35px; width: au= to; } .dark_theme .header_widget .header_logo > img { filter: invert(100%); } .header_widget .header_logo .minimal_logo { display: none; } @media (max-width: 650px) { .header_widget .header_logo.shrinkable .full_logo { display: none; } .header_widget .header_logo.shrinkable .minimal_logo { display: block; } } .header_widget.small_logo .header_logo.shrinkable .full_logo { display: non= e; } .header_widget.small_logo .header_logo.shrinkable .minimal_logo { display: = block; } .header_widget .user_panel_widget { z-index: 102; flex: 1 1 0%; } .header_widget .user_panel_widget .drop_menu_wrap.open .menu_tick { backgro= und-color: rgba(0, 0, 0, 0.1); } .header_widget .user_panel_widget .drop_menu_wrap .menu_tick:hover { backgr= ound-color: rgba(0, 0, 0, 0.1); } .header_widget .game_search { display: flex; flex: 2 1 0%; margin: 0px 10px= 0px 20px; background-color: var(--itchio_gray_back); border-radius: 3px; m= ax-width: 500px; min-width: 240px; } @media (max-width: 960px) { .header_widget .game_search .submit_btn { display: none; } } @media (max-width: 920px) { .header_widget .game_search { display: none; } } .header_widget .game_search .search_input { box-sizing: border-box; flex: 1= 1 0%; border: 0px; padding: 4px 0px 4px 10px; font-size: 14px; height: 30p= x; margin: 0px; background: transparent; color: var(--itchio_body_color); } html[dir=3D"rtl"] .header_widget .game_search .search_input { padding-right= : 10px; padding-left: 0px; } .header_widget .game_search .search_input:valid { border-radius: 3px 0px 0p= x 3px; } .header_widget .game_search .search_input:valid + .submit_btn { opacity: 1;= color: var(--itchio_ui_bg, #FF2449); } .header_widget .game_search .submit_btn { opacity: 0.5; transition: opacity= 0.1s; box-sizing: border-box; border: 0px; margin: 0px; background: transp= arent; color: var(--itchio_body_color_med); font-weight: bold; padding: 0px= 10px; cursor: pointer; font-size: 14px; border-radius: 0px 3px 3px 0px; } .dark_theme .header_widget .game_search .submit_btn { color: white; } .header_widget .game_search .submit_btn.is_active { opacity: 1; color: var(= --itchio_ui_bg, #FF2449); } .header_widget .bundle_link { background: rgba(255, 255, 255, 0.1); color: = white; font-weight: bold; padding: 2px 6px; border-radius: 3px; text-decora= tion: none; border: 2px solid rgba(255, 255, 255, 0.4); font-size: 14px; te= xt-align: center; white-space: nowrap; } .header_widget .bundle_link .tiny { font-size: 12px; font-weight: normal; } .header_widget .bundle_link:hover { background: rgba(255, 255, 255, 0.2); } @media (max-width: 1300px) { .header_widget .bundle_link { display: none; } } .header_widget .header_buttons { margin-left: 10px; height: 100%; overflow:= hidden; display: flex; flex-wrap: wrap; } html[dir=3D"rtl"] .header_widget .header_buttons { margin-right: 10px; } @media (max-width: 600px) { .header_widget .header_buttons { display: none; } } .header_widget .header_buttons .header_button { display: flex; align-items:= center; text-decoration: none; font-size: 16px; font-weight: bold; color: = inherit; margin: 0px 10px; position: relative; padding: 5px 0px; white-spac= e: nowrap; box-sizing: border-box; height: 100%; border-bottom: 4px solid t= ransparent; border-top: 4px solid transparent; } .header_widget .header_buttons .header_button.active_site_promotion_btn { c= olor: var(--itchio_button_color, #FF2449); } .winter_sale_active .header_widget .header_buttons .header_button.active_si= te_promotion_btn > span { background: linear-gradient(rgb(108, 108, 246), r= gb(158, 108, 205)); font-weight: 900; color: white; padding: 4px 8px; borde= r-radius: 12px; } .header_widget .header_buttons .header_button .icon { margin-right: 5px; } html[dir=3D"rtl"] .header_widget .header_buttons .header_button .icon { mar= gin-left: 5px; margin-right: 0px; } .header_widget .header_buttons .header_button:hover, .header_widget .header= _buttons .header_button.active { border-bottom: 4px solid var(--itchio_ui_b= g, #FF2449); } .header_widget .header_buttons .browse_btn.open::before { opacity: 1; } .header_widget .header_buttons .feed_bubble { top: 0px; right: -15px; point= er-events: none; position: absolute; font-size: 10px; text-transform: upper= case; white-space: nowrap; background: white; color: var(--itchio_button_co= lor, #FF2449); border-radius: 3px; padding: 0px 4px; font-weight: bold; lin= e-height: 15px; height: 15px; } .header_widget .header_buttons .alt_button { display: none; } @media (min-width: 1020px) { .header_widget .header_buttons .alt_button { display: inline; } } .header_widget .owner_tools { background: rgba(255, 255, 255, 0.08); paddin= g: 0px 15px; height: 100%; display: flex; align-items: center; } @media (max-width: 800px) { .header_widget .owner_tools { display: none; } } @media (min-width: 1150px) { .header_widget .owner_tools::before { content: "Manage:"; margin-right: 5= px; font-size: 16px; color: rgba(255, 255, 255, 0.8); position: relative; z= -index: 2; } } .header_widget .owner_tools .tool_button { box-sizing: border-box; transiti= on: 0.2s; display: inline-block; border-radius: 3px; text-decoration: none;= padding: 0px 10px; font-size: 14px; letter-spacing: 0.025em; white-space: = nowrap; border: 1px solid rgba(255, 255, 255, 0.6); color: white; line-heig= ht: 26px; height: 30px; cursor: pointer; background: transparent; margin-le= ft: 10px; } @media (max-width: 980px) { .header_widget .owner_tools .tool_button { display: none; } } .header_widget .owner_tools .tool_button .svgicon { display: inline-block; = vertical-align: -3px; margin-right: 5px; } .header_widget .owner_tools .tool_button .icon { display: inline-block; mar= gin-right: 5px; font-size: 20px; width: 20px; vertical-align: top; margin-t= op: 2px; } .header_widget .owner_tools .tool_button .icon-pencil { font-size: 16px; ma= rgin-top: 5px; } .header_widget .owner_tools .tool_button:hover { background-color: rgba(255= , 255, 255, 0.2); } .header_widget .admin_tools { font-size: 13px; display: flex; } .header_widget .admin_tools a { color: white; } .header_widget .admin_tools .bad { background: red; color: white; } .header_widget .admin_tools .admin_tool_column { background: red; } .header_widget .mobile_nav_btn { cursor: pointer; border: 0px; background: = none; padding: 16px 20px; display: none; } @media (max-width: 650px) { .header_widget .mobile_nav_btn { display: block; } } .header_widget .mobile_nav_btn:active { opacity: 0.8; } .header_widget .mobile_nav_btn .menu_bar_outer { position: relative; width:= 25px; height: 17px; } .header_widget .mobile_nav_btn .menu_bar { background: var(--itchio_body_co= lor); height: 3px; margin: auto; position: absolute; inset: 0px; } .header_widget .mobile_nav_btn .menu_bar:first-child { bottom: auto; } .header_widget .mobile_nav_btn .menu_bar:last-child { top: auto; } .pick_image_lightbox_widget { width: 700px; } .pick_image_lightbox_widget h2 { margin-bottom: 0px; } .pick_image_lightbox_widget .content_column { min-height: 100px; box-sizing= : border-box; padding: 0px; } .pick_image_lightbox_widget .tab_content { padding: 20px; } .pick_image_lightbox_widget .upload_image .instructions { margin: 0px 0px 1= 0px; font-size: 14px; } .pick_image_lightbox_widget .pick_image { max-height: 200px; overflow-y: au= to; } .pick_image_lightbox_widget .pick_image .empty_text { margin: 0px; } .pick_image_lightbox_widget .pick_image .pick_image_btn { background: url("= images/loader.gif") 50% 50% no-repeat rgb(244, 244, 244); border: 0px; min-= height: 50px; min-width: 50px; cursor: pointer; margin: 0px 10px 10px 0px; = vertical-align: top; padding: 5px; } .pick_image_lightbox_widget .pick_image .pick_image_btn:hover { background-= color: rgb(231, 231, 231); } .pick_image_lightbox_widget .pick_image .pick_image_btn > img { display: bl= ock; } .user_panel_widget { font-size: 16px; position: relative; display: flex; al= ign-items: center; justify-content: flex-end; } .user_panel_widget .notifications_bubble { width: 22px; height: 22px; color= : white; background: rgb(255, 36, 73); line-height: 22px; border-radius: 14= px; text-align: center; font-size: 14px; font-weight: bold; text-decoration= : none; animation: 0.2s ease-in-out 0.2s 1 normal none running bouncein; } html:not([dir=3D"rtl"]) .user_panel_widget .notifications_bubble { margin-r= ight: 15px; margin-left: 10px; } html[dir=3D"rtl"] .user_panel_widget .notifications_bubble { margin-left: 1= 5px; margin-right: 10px; } .user_panel_widget .notifications_bell { text-decoration: none; opacity: 0.= 8; color: inherit; } html:not([dir=3D"rtl"]) .user_panel_widget .notifications_bell { margin-rig= ht: 15px; margin-left: 10px; } html[dir=3D"rtl"] .user_panel_widget .notifications_bell { margin-left: 15p= x; margin-right: 10px; } .user_panel_widget .notifications_bell:hover { opacity: 1; } .user_panel_widget .profile_link { color: inherit; text-decoration: none; d= isplay: flex; align-items: center; } .user_panel_widget .profile_link .user_name { white-space: nowrap; text-ove= rflow: ellipsis; max-width: 150px; overflow: hidden; } html:not([dir=3D"rtl"]) .user_panel_widget .profile_link .user_name { margi= n-right: 10px; } html[dir=3D"rtl"] .user_panel_widget .profile_link .user_name { margin-left= : 10px; } .user_panel_widget .profile_link:hover { text-decoration: underline; } .user_panel_widget .profile_avatar { border-radius: 3px; width: 30px; heigh= t: 30px; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px; } html:not([dir=3D"rtl"]) .user_panel_widget .profile_avatar { margin-right: = 10px; } html[dir=3D"rtl"] .user_panel_widget .profile_avatar { margin-left: 10px; } .user_panel_widget .drop_menu_wrap { position: relative; } .no_theme_toggle .user_panel_widget .drop_menu_wrap .theme_toggle_form { di= splay: none; } html:not([dir=3D"rtl"]) .user_panel_widget .drop_menu_wrap .theme_toggle_fo= rm { margin-left: auto; } html[dir=3D"rtl"] .user_panel_widget .drop_menu_wrap .theme_toggle_form { m= argin-right: auto; } .user_panel_widget .drop_menu_wrap .theme_toggle_form button { color: var(-= -itchio_body_color); background: transparent; border: 0px; cursor: pointer;= } .user_panel_widget .drop_menu_wrap .theme_toggle_form button:hover { color:= var(--itchio_button_color, #FF2449); } .user_panel_widget .drop_menu_wrap.open .menu_tick { background-color: rgba= (255, 255, 255, 0.1); } .user_panel_widget .drop_menu_wrap.open .drop_menu { display: block; } .user_panel_widget .drop_menu_wrap .menu_tick { transition: background-colo= r 0.2s; cursor: pointer; background: transparent; padding: 4px; border-radi= us: 4px; border: 0px; color: inherit; } .user_panel_widget .drop_menu_wrap .menu_tick:hover { background-color: rgb= a(255, 255, 255, 0.1); } .user_panel_widget .drop_menu_wrap .drop_menu { background-color: var(--itc= hio_white_back); color: var(--itchio_body_color); display: none; line-heigh= t: normal; border-radius: 3px; box-shadow: 0 0 0 1px var(--itchio_edge_bord= er_color),0 2px 4px rgba(0,0,0,0.2); position: absolute; top: 100%; right: = -8px; margin-top: 5px; min-width: 200px; white-space: nowrap; z-index: 250;= overflow: hidden; } html[dir=3D"rtl"] .user_panel_widget .drop_menu_wrap .drop_menu { left: -8p= x; right: auto; } .user_panel_widget .drop_menu_wrap .menu_group { padding-bottom: 5px; } .user_panel_widget .drop_menu_wrap .menu_group:first-child .group_header { = border-top: 0px; } .user_panel_widget .drop_menu_wrap .menu_group .group_header { font-size: 1= 2px; font-weight: 900; height: 28px; box-sizing: border-box; display: flex;= align-items: center; color: var(--itchio_body_color_light); text-transform= : uppercase; letter-spacing: 0.5px; border-bottom-width: 1px; border-bottom= -style: solid; border-top-width: 1px; border-top-style: solid; margin-botto= m: 5px; background-color: var(--itchio_gray_back); border-color: var(--itch= io_border_color); user-select: none; } html:not([dir=3D"rtl"]) .user_panel_widget .drop_menu_wrap .menu_group .gro= up_header { padding-left: 14px; } html[dir=3D"rtl"] .user_panel_widget .drop_menu_wrap .menu_group .group_hea= der { padding-right: 14px; } .dark_theme .user_panel_widget .drop_menu_wrap .menu_group .group_header { = border: 0px; } .user_panel_widget .drop_menu_wrap .link_row { display: block; padding: 0px= 14px; line-height: 28px; color: inherit; text-decoration: none; letter-spa= cing: 0.03em; position: relative; font-size: 15px; } .user_panel_widget .drop_menu_wrap .link_row .link_bubble { top: 7px; right= : 50px; } .user_panel_widget .drop_menu_wrap .link_row.has_bubble { padding-right: 40= px; } .user_panel_widget .drop_menu_wrap .link_row:hover { background-color: var(= --itchio_light_highlight); color: var(--itchio_link_color, #da2c49); } .user_panel_widget .drop_menu_wrap .link_row:active { position: relative; t= op: 1px; } .user_panel_widget .panel_button { box-sizing: border-box; transition: 0.1s= ; white-space: nowrap; height: 30px; line-height: 26px; color: inherit; pad= ding: 0px 15px; border-width: 2px; border-style: solid; border-image: initi= al; border-color: var(--itchio_border_color); text-decoration: none; font-s= ize: 14px; font-weight: bold; border-radius: 3px; } html:not([dir=3D"rtl"]) .user_panel_widget .panel_button { margin-left: 10p= x; } html[dir=3D"rtl"] .user_panel_widget .panel_button { margin-right: 10px; } .user_panel_widget .panel_button:hover { background: rgba(255, 255, 255, 0.= 8); color: rgb(255, 36, 73); } .user_panel_widget .panel_button:active { background: rgba(255, 255, 255, 0= .4); } @media (max-width: 650px) { .user_panel_widget .panel_button.register_button { display: none; } } .library_rate_game_lightbox_widget { width: 100%; max-width: 600px; } .library_rate_game_lightbox_widget h2 .object_title::before { content: "=E2= =80=9C"; font-weight: normal; color: rgb(133, 133, 133); } .library_rate_game_lightbox_widget h2 .object_title::after { content: "=E2= =80=9D"; font-weight: normal; color: rgb(133, 133, 133); } .library_rate_game_lightbox_widget form { padding-right: ; padding-bottom: = ; padding-left: ; padding-top: 0px; } .library_rate_game_lightbox_widget form p { margin-left: 0px; margin-right:= 0px; } .library_rate_game_lightbox_widget .buttons { display: flex; } .library_rate_game_lightbox_widget .buttons .delete_rating_btn { margin-lef= t: auto; font-size: 14px; color: var(--itchio_body_color_med); } .library_rate_game_lightbox_widget .star_wrapper { text-align: center; marg= in-bottom: 20px; } .library_rate_game_lightbox_widget .star_wrapper .star_picker { border-widt= h: 2px; font-size: 26px; } .sponsors_placeholder_banner_widget { margin: 20px 0px; display: flex; alig= n-items: center; justify-content: center; } .sponsors_placeholder_banner_widget .sponsor_banner_wrapper { border-width:= 1px; border-style: solid; border-image: initial; border-color: var(--itchi= o_border_color); padding: 2px; } .sponsors_placeholder_banner_widget .banner_link { width: 300px; height: 10= 0px; box-sizing: border-box; background-color: var(--itchio_gray_back); col= or: var(--itchio_body_color_med); display: flex; flex-direction: column; al= ign-items: center; justify-content: center; text-decoration: none; font-siz= e: 16px; } .sponsors_placeholder_banner_widget .banner_link strong { font-size: 28px; = font-weight: 900; } .sponsors_placeholder_banner_widget .sponsor_message { font-size: 12px; col= or: var(--itchio_body_color_lighter); margin-bottom: 2px; text-align: cente= r; } .index_game_grid_widget { padding: 0px 20px; } @media (max-width: 650px) { .index_game_grid_widget { padding: 0px 10px; } } .index_game_grid_widget.preview_grid { display: grid; grid-template-columns= : repeat(auto-fill, minmax(170px, 1fr)); gap: 20px 10px; align-items: start= ; } @media (max-width: 650px) { .index_game_grid_widget.preview_grid { grid-template-columns: repeat(auto= -fill, minmax(160px, 1fr)); } } .index_game_cell_widget { margin-bottom: 25px; } body:not(.disable_hover) .index_game_cell_widget:hover .fading_data, .index= _game_cell_widget.focused .fading_data { opacity: 1; } body:not(.disable_hover) .index_game_cell_widget:hover .game_thumb::after, = .index_game_cell_widget.focused .game_thumb::after { opacity: 1; } .index_game_cell_widget .fading_data { opacity: 0; transition: opacity 0.2s= ease-in-out; } .index_game_cell_widget .game_thumb { text-decoration: none; display: block= ; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-s= hadow: rgba(0, 0, 0, 0.15) 0px 0px 2px; } .dark_theme .index_game_cell_widget .game_thumb { box-shadow: none; } .index_game_cell_widget .game_thumb::after { opacity: 0; transition: opacit= y 0.2s ease-in-out; content: ""; position: absolute; inset: 0px; background= : linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0= , 0) 75%, rgba(0, 0, 0, 0.3) 100%); } .index_game_cell_widget .missing_image { color: var(--itchio_body_color); d= isplay: flex; align-items: center; justify-content: center; opacity: 0.5; f= ont-size: 12px; font-weight: 900; position: absolute; top: 0px; left: 0px; = width: 100%; height: 100%; } .index_game_cell_widget .gif_label { font-weight: bold; font-size: 12px; po= sition: absolute; top: 10px; left: 10px; background: rgb(34, 34, 34); paddi= ng: 1px 4px; border-radius: 2px; color: rgb(204, 204, 204); opacity: 0.8; } .index_game_cell_widget .cell_tools { display: block; position: absolute; t= op: 5px; right: 5px; } .index_game_cell_widget .cell_tools > * { margin-left: 5px; } .index_game_cell_widget .cell_tools > :first-child { margin-bottom: 0px; } .index_game_cell_widget .cell_tools button, .index_game_cell_widget .cell_t= ools .add_to_collection_btn { display: inline-block; vertical-align: top; p= adding: 0px 5px; border: 2px solid white; background: rgba(30, 30, 30, 0.9)= ; font-weight: bold; font-size: 12px; box-shadow: none; border-radius: 3px;= color: white; text-decoration: none; line-height: 24px; cursor: pointer; } .index_game_cell_widget .cell_tools button:hover, .index_game_cell_widget .= cell_tools .add_to_collection_btn:hover { background: rgba(40, 40, 40, 0.9)= ; } .index_game_cell_widget .cell_tools .add_to_collection_btn { font-size: 18p= x; } .index_game_cell_widget .cell_tools .dismiss_btn { opacity: 0.7; transition= : opacity 0.1s; } .index_game_cell_widget .cell_tools .dismiss_btn:hover { opacity: 1; } .index_game_cell_widget .sale_flag { box-sizing: border-box; border-width: = 4px 0px 0px 4px; border-top-style: solid; border-left-style: solid; border-= top-color: white; border-left-color: white; border-image: initial; border-b= ottom-style: initial; border-bottom-color: initial; border-right-style: ini= tial; border-right-color: initial; position: absolute; text-align: center; = right: 0px; bottom: 0px; padding: 5px 12px; background: rgb(52, 160, 242); = color: white; } .dark_theme .index_game_cell_widget .sale_flag { border-color: rgb(17, 17, = 17); } .winter_sale_active .index_game_cell_widget .sale_flag { background: linear= -gradient(rgb(108, 108, 246), rgb(158, 108, 205)); overflow: hidden; } .winter_sale_active .index_game_cell_widget .sale_flag::before { content: "= "; display: block; position: absolute; top: -50%; left: -100%; width: 50%; = height: 200%; background: linear-gradient(to left, transparent, rgba(255, 2= 55, 255, 0.5), transparent); transform: rotate(20deg); transform-origin: ce= nter center; pointer-events: none; animation: 5s ease-in-out 1s infinite no= rmal none running shine; } .index_game_cell_widget .sale_flag.reverse_sale { background: rgb(242, 63, = 52); } .index_game_cell_widget .sale_flag .rate { font-size: 20px; opacity: 0.9; f= ont-weight: 900; } .index_game_cell_widget .sale_flag .mini_label { font-size: 12px; text-tran= sform: uppercase; line-height: 1.1; opacity: 0.5; font-weight: bold; } .index_game_cell_widget .meta_tag { border-radius: 3px; padding: 2px 5px; t= ext-transform: uppercase; margin-left: 10px; font-size: 12px; letter-spacin= g: 0.05em; float: right; font-weight: bold; } .index_game_cell_widget .meta_tag.price_tag { background-color: rgb(115, 11= 5, 115); background-image: linear-gradient(to right top, gray 0%, rgb(103, = 103, 103) 100%); color: white; } .index_game_cell_widget .meta_tag.free_tag { background: rgba(35, 35, 35, 0= .1); } .index_game_cell_widget .meta_tag.web_tag, .index_game_cell_widget .meta_ta= g.demo_tag { background: rgba(35, 35, 35, 0.1); } .index_game_cell_widget .label { font-size: 14px; margin-top: 6px; margin-b= ottom: 5px; overflow-wrap: break-word; } .index_game_cell_widget .label > .title { text-decoration: none; color: inh= erit; font-weight: bold; } .index_game_cell_widget .label > .title:hover { text-decoration: underline;= } .index_game_cell_widget .user_row { margin: 5px 0px; } .index_game_cell_widget .user_row .user_link { color: var(--itchio_body_col= or_light); text-decoration: none; } .index_game_cell_widget .user_row .user_link:hover { text-decoration: under= line; } .index_game_cell_widget .game_rating { color: var(--itchio_body_color_light= ); margin-bottom: 5px; } .index_game_cell_widget .short_text { margin-top: 5px; } .index_game_cell_widget .sub { color: inherit; opacity: 0.7; font-size: 12p= x; line-height: 1.2; margin-bottom: 5px; } .index_game_cell_widget .sub:last-child { margin-bottom: 0px; } .index_game_cell_widget .cell_tags { white-space: nowrap; overflow: hidden;= text-overflow: ellipsis; opacity: 1; color: var(--itchio_body_color_lighte= r); } .index_game_cell_widget .cell_tags a { font-weight: bold; text-decoration: = none; opacity: 0.7; } .index_game_cell_widget .cell_tags a:hover { opacity: 1; } .index_game_cell_widget .p_data { user-select: none; position: absolute; bo= ttom: 5px; left: 5px; padding: 2px 6px; height: 18px; line-height: 18px; co= lor: white; border-radius: 2px; background: rgba(0, 0, 0, 0.5); box-shadow:= rgba(255, 255, 255, 0.2) 0px 0px 0px 1px; text-shadow: black 0px 0px 4px; = cursor: default; white-space: nowrap; font-size: 14px; word-spacing: 5px; } .index_game_cell_widget .bordered { position: relative; background: rgba(0,= 0, 0, 0.1); padding-bottom: 79.3651%; box-sizing: border-box; } .index_game_cell_widget .bordered .gif_loading_overlay { position: absolute= ; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0,= 0.5); } .index_game_cell_widget .bordered img { position: absolute; top: 0px; left:= 0px; width: 100%; height: 100%; display: block; object-fit: cover; opacity= : 1; transition: opacity 0.2s; } .index_game_cell_widget .bordered img:not(.lazy_loaded) { opacity: 0; } @font-face { font-family: icomoon; src: url("icons/fonts/icomoon.ttf?4ibnvg= ") format("truetype"), url("icons/fonts/icomoon.woff?4ibnvg") format("woff"= ); font-weight: normal; font-style: normal; } [class^=3D"icon-"], [class*=3D" icon-"] { speak: none; font-style: normal; = font-weight: normal; font-variant: normal; text-transform: none; line-heigh= t: 1; -webkit-font-smoothing: antialiased; font-family: icomoon !important;= } .icon-brush::before { content: "=EE=A4=80"; } .icon-like::before { content: "=EE=98=91"; } .icon-hand::before { content: "=EE=98=89"; } .icon-playlist_add::before { content: "=EE=A4=83"; } .icon-cross::before { content: "=EE=98=97"; } .icon-shuffle::before { content: "=EE=98=8E"; } .icon-comment::before { content: "=EE=A4=84"; } .icon-file-zip::before { content: "=EE=A4=81"; } .icon-folder-open::before { content: "=EE=A4=82"; } .icon-triangle-right::before { content: "=EE=98=92"; } .icon-triangle-down::before { content: "=EE=98=93"; } .icon-play::before { content: "=EE=98=9C"; } .icon-stopwatch::before { content: "=EE=98=9A"; } .icon-neutral::before { content: "=EE=98=99"; } .icon-sort-alpha-asc::before { content: "=EE=98=94"; } .icon-menu::before { content: "=EE=98=95"; } .icon-filter::before { content: "=EE=98=96"; } .icon-copy::before { content: "=EE=98=98"; } .icon-facebook::before { content: "=EE=98=8C"; } .icon-twitter::before { content: "=EE=98=8D"; } .icon-lifebuoy::before { content: "=EE=A5=81"; } .icon-fire::before { content: "=EE=A6=A9"; } .icon-earth::before { content: "=EE=A7=8A"; } .icon-steam::before { content: "=EE=98=80"; } .icon-paypal::before { content: "=EE=98=87"; } .icon-credit-card::before { content: "=EE=98=88"; } .icon-pencil::before { content: "=EE=98=86"; } .icon-plus::before { content: "=EE=80=81"; } .icon-coin::before { content: "=EE=80=82"; } .icon-heart::before { content: "=EE=80=83"; } .icon-warning::before { content: "=EE=80=84"; } .icon-checkmark::before { content: "=EE=80=85"; } .icon-users::before { content: "=EE=80=86"; } .icon-moon::before { content: "=EE=80=87"; } .icon-download::before { content: "=EE=80=88"; } .icon-arrow-right::before { content: "=EE=80=8B"; } .icon-arrow-left::before { content: "=EE=80=8C"; } .icon-star::before { content: "=EE=80=8D"; } .icon-star2::before { content: "=EE=80=8E"; } .icon-upload::before { content: "=EE=80=8F"; } .icon-windows8::before { content: "=EE=80=90"; } .icon-apple::before { content: "=EE=80=91"; } .icon-tux::before { content: "=EE=80=92"; } .icon-globe::before { content: "=EE=80=93"; } .icon-mobile::before { content: "=EE=80=94"; } .icon-cart::before { content: "=EE=80=80"; } .icon-android::before { content: "=EE=98=81"; } .icon-stats::before { content: "=EE=98=82"; } .icon-tag::before { content: "=EE=98=83"; } .icon-delete::before { content: "=EE=98=84"; } .icon-link::before { content: "=EE=98=85"; } .icon-heart-filled::before { content: "=EE=98=8A"; } .icon-reddit::before { content: "=EE=AB=86"; } .icon-dice::before { content: "=EE=A4=95"; } .icon-checkbox-checked::before { content: "=EE=A9=92"; } .icon-checkbox-unchecked::before { content: "=EE=A9=93"; } .icon-gamepad::before { content: "=EE=98=9B"; } .icon-caret-up::before { content: "=EE=98=8F"; } .icon-caret-down::before { content: "=EE=98=90"; } .icon-bitcoin::before { content: "=EE=98=8B"; } ------MultipartBoundary--FuLzjnL3vXqK4L7mDt4fIKHl1K6k9C9QVaxdaSEdKw---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-2853e09c-35ab-4c1e-92d2-e49177292c08@mhtml.blink @charset "utf-8"; :root { --itchio_ui_bg: #2a4250; --itchio_ui_bg_dark: #233b4a; } .wrapper { --itchio_font_family: Lato; --itchio_bg_color: #077fc7; --itchio= _bg2_color: rgba(255, 255, 255, 1); --itchio_bg2_sub: #e5e5e5; --itchio_tex= t_color: #222222; --itchio_link_color: #fa5c5c; --itchio_border_color: #d8d= 8d8; --itchio_button_color: #fa5c5c; --itchio_button_fg_color: #ffffff; --i= tchio_button_shadow_color: #e54747; background-color: rgb(7, 127, 199); } .inner_column { color: rgb(34, 34, 34); font-family: Lato, Lato, LatoExtend= ed, sans-serif; background-color: rgb(255, 255, 255); } .inner_column ::selection { color: rgb(255, 255, 255); background: rgb(250,= 92, 92); } .inner_column h1, .inner_column h2, .inner_column h3, .inner_column h4, .in= ner_column h5, .inner_column h6 { font-family: inherit; font-weight: 900; c= olor: inherit; } .inner_column a, .inner_column .footer a { color: rgb(250, 92, 92); } .inner_column .button, .inner_column .button:hover, .inner_column .button:a= ctive { background-color: rgb(250, 92, 92); color: rgb(255, 255, 255); text= -shadow: rgb(229, 71, 71) 0px 1px 0px; } .inner_column hr { background-color: rgb(216, 216, 216); } .inner_column table { border-color: rgb(216, 216, 216); } .inner_column .redactor-box .redactor-toolbar li a { color: rgb(250, 92, 92= ); } .inner_column .redactor-box .redactor-toolbar li a:hover, .inner_column .re= dactor-box .redactor-toolbar li a:active, .inner_column .redactor-box .reda= ctor-toolbar li a.redactor-act { background-color: rgb(250, 92, 92) !import= ant; color: rgb(255, 255, 255) !important; text-shadow: rgb(229, 71, 71) 0p= x 1px 0px !important; } .inner_column .redactor-box .redactor-toolbar .re-button-tooltip { text-sha= dow: none; } .game_frame { background: rgb(229, 229, 229); } .game_frame .embed_info { background-color: rgba(255, 255, 255, 0.85); } .game_loading .loader_bar .loader_bar_slider { background-color: rgb(250, 9= 2, 92); } .view_game_page .reward_row, .view_game_page .bundle_row { border-color: rg= b(229, 229, 229) !important; } .view_game_page .game_info_panel_widget { background: rgb(229, 229, 229); } .view_game_page .star_value .star_fill { color: rgb(250, 92, 92); } .view_game_page .rewards .quantity_input { background: rgb(255, 255, 255); = border-color: rgba(34, 34, 34, 0.5); color: rgb(34, 34, 34); } .view_game_page .right_col { display: block; } .game_devlog_page li .meta_row .post_likes { border-color: rgb(229, 229, 22= 9); } .game_devlog_post_page .post_like_button { box-shadow: rgb(216, 216, 216) 0= px 0px 0px 1px inset; } .game_comments_widget .community_post .post_footer a, .game_comments_widget= .community_post .post_footer .vote_btn, .game_comments_widget .community_p= ost .post_header .post_date a, .game_comments_widget .community_post .post_= header .edit_message { color: rgba(34, 34, 34, 0.5); } .game_comments_widget .community_post .reveal_full_post_btn { background: l= inear-gradient(transparent, rgb(255, 255, 255) 50%, rgb(255, 255, 255)); co= lor: rgb(250, 92, 92); } .game_comments_widget .community_post .post_votes { border-color: rgba(34, = 34, 34, 0.2); } .game_comments_widget .community_post .post_votes .vote_btn:hover { backgro= und: rgba(34, 34, 34, 0.05); } .game_comments_widget .community_post .post_footer .vote_btn { border-color= : rgba(34, 34, 34, 0.5); } .game_comments_widget .community_post .post_footer .vote_btn span { color: = inherit; } .game_comments_widget .community_post .post_footer .vote_btn:hover, .game_c= omments_widget .community_post .post_footer .vote_btn.voted { background-co= lor: rgb(250, 92, 92); color: rgb(255, 255, 255); text-shadow: rgb(229, 71,= 71) 0px 1px 0px; border-color: rgb(250, 92, 92); } .game_comments_widget .form .redactor-box, .game_comments_widget .form .cli= ck_input, .game_comments_widget .form .forms_markdown_input_widget { border= -color: rgba(34, 34, 34, 0.5); background: transparent; } .game_comments_widget .form .redactor-layer, .game_comments_widget .form .r= edactor-toolbar, .game_comments_widget .form .click_input, .game_comments_w= idget .form .forms_markdown_input_widget { background: rgb(255, 255, 255); = } .game_comments_widget .form .forms_markdown_input_widget .markdown_toolbar = button { color: inherit; opacity: 0.6; } .game_comments_widget .form .forms_markdown_input_widget .markdown_toolbar = button:hover, .game_comments_widget .form .forms_markdown_input_widget .mar= kdown_toolbar button:active { opacity: 1; background-color: rgb(250, 92, 92= ) !important; color: rgb(255, 255, 255) !important; text-shadow: rgb(229, 7= 1, 71) 0px 1px 0px !important; } .game_comments_widget .form .forms_markdown_input_widget .markdown_toolbar,= .game_comments_widget .form .forms_markdown_input_widget li { border-color= : rgba(34, 34, 34, 0.5); } .game_comments_widget .form textarea { border-color: rgba(34, 34, 34, 0.5);= background: rgb(255, 255, 255); color: inherit; } .game_comments_widget .form .redactor-toolbar { border-color: rgba(34, 34, = 34, 0.5); } .game_comments_widget .hint { color: rgba(34, 34, 34, 0.5); } .game_community_preview_widget .community_topic_row .topic_tag { background= -color: rgb(229, 229, 229); } .footer .svgicon, .view_game_page .more_information_toggle .svgicon { fill:= rgb(34, 34, 34) !important; } ------MultipartBoundary--FuLzjnL3vXqK4L7mDt4fIKHl1K6k9C9QVaxdaSEdKw------

Blitz3D V1.112 now available!

Files

Get Blitz3D

Blitz3D
The classic Blitz3D compiler for PC.

More posts

Comments

Blitz3D V1.112 now available!

Files

Get Blitz3D

Blitz3DThe classic Blitz3D compiler for PC.

More posts

Comments

Blitz3D
The classic Blitz3D compiler for PC.