:root{--rounded-corner:24px;--gnomeblue:#4a86cf;--blue1:rgb(153, 193, 241);--blue2:rgb(98, 160, 234);--blue3:rgb(53, 132, 228);--blue4:rgb(28, 113, 216);--blue5:rgb(26, 95, 180);--green1:rgb(143, 240, 164);--green2:rgb(87, 227, 137);--green3:rgb(51, 209, 122);--green4:rgb(46, 194, 126);--green5:rgb(38, 162, 105);--yellow1:rgb(249, 240, 107);--yellow2:rgb(248, 228, 92);--yellow3:rgb(246, 211, 45);--yellow4:rgb(245, 194, 17);--yellow5:rgb(229, 165, 10);--orange1:rgb(255, 190, 111);--orange2:rgb(255, 163, 72);--orange3:rgb(255, 120, 0);--orange4:rgb(230, 97, 0);--orange5:rgb(198, 70, 0);--red1:rgb(246, 97, 81);--red2:rgb(237, 51, 59);--red3:rgb(224, 27, 36);--red4:rgb(192, 28, 40);--red5:rgb(165, 29, 45);--purple1:rgb(220, 138, 221);--purple2:rgb(192, 97, 203);--purple3:rgb(145, 65, 172);--purple4:rgb(129, 61, 156);--purple5:rgb(97, 53, 131);--brown1:rgb(205, 171, 143);--brown2:rgb(181, 131, 90);--brown3:rgb(152, 106, 68);--brown4:rgb(134, 94, 60);--brown5:rgb(99, 69, 44);--light1:rgb(255, 255, 255);--light2:rgb(246, 245, 244);--light3:rgb(222, 221, 218);--light4:rgb(192, 191, 188);--light5:rgb(154, 153, 150);--dark1:rgb(119, 118, 123);--dark2:rgb(94, 92, 100);--dark3:rgb(61, 56, 70);--dark4:rgb(36, 31, 49);--dark5:rgb(0, 0, 0);--text:#f6f5f4;--pill:64px;--inter:InterVariable, "Inter Variable", Inter, sans-serif;--grid-gap:3rem;--pagewidth:60rem;--pagepad:2rem;--btnround:500px;--btn-fg:#000;--btn-bg:rgba(0, 0, 0, 0.1);--fg-color:#000;--fg-color-dimmed:var(--dark4);--btn-fg-dark:#fff;--btn-bg-dark:rgba(255, 255, 255, 0.12);--btnsqr:0.8rem;--bg-color:#eee;--bg-color-dimmed:var(--light3);--narrowwidth:60%;--defaultsize:18px;--slickease:cubic-bezier(0.17, 0.89, 0.32, 1.28);--tile-bg:var(--light1);--tile-mid:#ddd;--osdfgcolor:var(--light1);--osdbgcolor:rgba(0, 0, 0, 0.3);font-feature-settings:"liga" 1,"calt" 1,"cv05" 1}@media(prefers-color-scheme:dark){:root{--fg-color:#eee;--fg-color-dimmed:var(--light4);--bg-color:#111;--bg-color-dimmed:var(--dark4);--btn-fg:var(--btn-fg-dark);--btn-bg:var(--btn-bg-dark);--tile-bg:var(--dark3);--tile-mid:var(--dark3)}}@media only screen and (max-width:600px){:root{--narrowwidth:100%;--pagepad:1rem}}*{-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0;font-size:var(--defaultsize);font-family:var(--inter);font-weight:400;line-height:1.6;letter-spacing:-.01em;word-spacing:-.01em;scroll-behavior:smooth}body{color:var(--fg-color);background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}strong{font-weight:600}code{background-color:#ddd;border-radius:6px;border:6px solid #ddd;padding:0 2px;font-size:.8rem;font-family:monospace}ul p{margin:.3rem 0 0}h1,h2,h3,h4,h5,h6{margin:3rem 0 1rem;font-weight:800;line-height:1.25}h2:first-child{margin:1rem 0}a{font-weight:600;text-decoration:none;color:var(--blue3);cursor:pointer;font-variation-settings:"wght" 600}a:hover{text-decoration:underline}a[href^=http]:after{display:inline-block;margin-left:3px;content:url(/img/extlink.svg)}a[href^=http]:has(img,svg):after,a.btn[href^=http]:after,.btn:after{content:none}img{max-width:100%;height:auto;margin-top:auto;margin-bottom:auto}figure{text-align:center;& img { border-radius: 0.8rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } & figcaption { text-align: center; font-size: 0.9rem; color: var(--dark3); & p { margin-top: 0.5rem; } }}footer{background-color:#1a1622;padding:2rem 0 4rem;color:#fff;text-align:center;flex-shrink:0;& .copy { font-size: 70%; } & .logo { width: 5rem; margin: 0 1rem; }}.btn{font-weight:600;font-variation-settings:"wght" 600;color:var(--btn-fg);background-color:var(--btn-bg);fill:var(--btn-fg);display:inline-block;font-size:100%;white-space:nowrap;padding:.6rem 1.5rem;margin:.3rem;max-width:20rem;vertical-align:middle;text-align:center;text-decoration:none;border-radius:var(--btnround);box-shadow:0 0 0 0 var(--btn-bg);min-width:4rem;transition:box-shadow .2s var(--slickease);&:hover { box-shadow:0 0 0 2px var(--btn-bg); text-decoration:none; } &.dark { color:var(--btn-fg-dark); background-color:var(--btn-bg-dark); fill:var(--btn-fg-dark); &:hover { box-shadow:0 0 0 2px var(--btn-bg-dark); } } > svg { margin-right:6px; vertical-align:middle; display:inline-block; width:20px; height:20px; }}.btn.standalone{display:block;padding:.6rem 2rem;margin:1rem auto;max-width:18ch}.btn.suggested{font-weight:700;font-variation-settings:"wght" 700;background-color:var(--gnomeblue);color:var(--light1);box-shadow:0 0 0 0 var(--gnomeblue);transition:box-shadow .2s var(--slickease)}.btn.suggested:hover{background-color:var(--blue3);box-shadow:0 0 0 2px var(--blue3)}.btn.suggested:active{background-color:var(--blue2)}.btn.heavy{background-color:var(--dark4)}.btn.heavy:hover{box-shadow:0 0 0 2px var(--dark4)}.btn.inline{font-size:90%;padding:.2rem .9rem;display:inline-block;vertical-align:baseline}.btn.square{border-radius:var(--btnsqr)}p>.btn{margin:.5rem .5rem 0 0}.pagination{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin-top:3rem;& li { font-size: 90%; vertical-align: baseline; font-weight: 600; font-variation-settings: "wght" 600; display: inline-block; white-space: nowrap; text-align: center; text-decoration: none; min-width: 4rem; & > a { color: var(--btn-fg); } } & li.disabled a { color: var(--dark1); } & li.disabled a:hover { text-decoration: none; cursor: auto; }}.hero{flex-shrink:0;color:var(--light1);background:#241f31;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0}.hero section.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:.3rem auto}@media only screen and (max-width:700px){.hero section.header{flex-direction:column}}.header #logo{font-weight:900;font-size:1.5rem;color:var(--light1);font-variation-settings:normal}.header #logo:hover{text-decoration:none}.header ul{min-height:62px;margin:0 0 0 -2em;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;align-items:center;max-width:var(--pagewidth)}@media only screen and (max-width:700px){.header ul{justify-content:center}}.header li{list-style:none}.header ul a{display:inline-block;padding:.3rem 1rem;font-weight:500;color:var(--light1);border-radius:var(--btnround);transition:box-shadow .3s ease-out;margin:0 .1rem;&:hover { background-color:#ffffff1a; text-decoration:none; }}.invisible{visibility:hidden}#language-selector>a{display:flex;& > svg { width: 1rem; }}.language-menu{position:absolute;display:flex;flex-direction:column;right:0;border-radius:var(--rounded-corner);padding:.5rem;background:#241f31}.columns{grid-template-columns:[main-start] repeat( var(--columnCount),minmax(1rem,calc(var(--pagewidth)/var(--columnCount))) ) [main-end];padding:0 1rem;display:grid;justify-content:center;gap:1.5rem;margin-top:2em}@media(max-width:850px){.columns.reflow{grid-template-columns:[main-start] repeat( calc(var(--columnCount) - 1),minmax(1rem,calc(var(--pagewidth)/calc(var(--columnCount) - 1))) ) [main-end]}}@media(max-width:450px){.columns.reflow{grid-template-columns:[main-start] repeat( calc(var(--columnCount) - 2),minmax(1rem,calc(var(--pagewidth)/calc(var(--columnCount) - 2))) ) [main-end]}}.container{margin:2rem 0 0;padding:0;flex:1;display:grid;gap:0 var(--grid-gap);grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat( 5,minmax(1rem,calc(var(--pagewidth)/5)) ) [main-end] minmax(0,1fr) [full-end];& * { grid-column: main; } & .tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 0.5rem 0 3rem; }}.tile{grid-column:auto;display:grid;text-decoration:none;color:var(--fg-color);grid-template-rows:auto 1fr auto;align-content:stretch;align-items:start;transition:all 300ms var(--slickease);gap:1rem;& * { grid-column: auto; } & h4 { margin: 0; font-size: 1.2rem; } & p { opacity: 0.5; overflow: visible; margin-top: 0.5em; } & a { justify-self: start; width: 100%; } & img { height: 300px; object-fit: cover; object-position: top center; z-index: 0; overflow: hidden; border-radius: 12px; width: 100%; }}.tile{&#image-block { grid-column: span 2; background-color: var(--dark3); color: var(--light1); border-radius: 24px; overflow: hidden; padding: 0; gap: 0; & > * { padding: 1.5rem; } & > img { padding: 0; border-radius: 0; } & .btn { max-width: 12rem; font-size: 80%; border-radius: var(--btnsqr); } }}#image-block.tile.main-screenshot{background-color:var(--bg-color-dimmed);& img { object-fit: contain; height: unset; max-height: 500px; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)); }}.post-tile{color:var(--fg-color);grid-column:span 1;& h4 { margin: 0.5em 0 0; font-size: 1.2rem; } & img { border-radius: 12px; width: 100%; background-color: var(--bg-color-dimmed); } & p { opacity: 0.5; margin-top: 0.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }}.left-text{grid-column:1/4;align-self:center}.right-img{grid-column:4/6;overflow:hidden}.right-text{grid-column:4/6;align-self:start}.left-img{grid-column:1/4;overflow:hidden;justify-self:end}@media only screen and (max-width:700px){.left-text{grid-column:main}.right-img{grid-column:main;order:-1}.right-text,.left-img{grid-column:main;justify-self:center;max-width:100%}}.row{display:grid;grid-template-columns:minmax(var(--pagepad),1fr)minmax(1rem,var(--pagewidth))minmax(var(--pagepad),1fr)}.row:has(+footer),.row:has(+.colored-row){margin-bottom:4rem}.row.narrow{grid-template-columns:minmax(var(--pagepad),1fr)minmax(1rem,calc(var(--pagewidth) - 15rem))minmax(var(--pagepad),1fr)}.colored-row{background-color:var(--blue5);color:#f6f5f4;padding:4rem 1rem;text-align:center;margin:2rem 0 3rem}.colored-row.nogap{margin:0}.centered-row{padding:4rem 1rem;text-align:center;margin:2rem 0}.row-child{grid-column:2/3}#header{background-color:#241f31;margin:0 0 2rem;padding:0 0 2rem;& .columns { --columnCount: 2; gap: 3rem; }}#header .left-img{grid-column:1/1;max-width:15rem;& svg { width: 6rem; padding: 1rem; border-radius: var(--rounded-corner); } & .news { background: radial-gradient(at left top, #869756, #59a26f); } & .download { background: radial-gradient(at left top, #567397, #63b3b6); }}#header .right-text{text-align:left;grid-column:2/6;& h1 { margin: 0; font-size: 3rem; color: var(--light2); } & p { margin: 0; color: var(--light3); }}#header.main .right-text{align-self:center;& h1 { margin-bottom: 0.5rem; } & p { margin: 0.7rem 0 0 0; }}@media only screen and (max-width:700px){#header .columns{--columnCount:1}#header .left-img{grid-column:1/1}#header .right-text{grid-column:1/1}}#features .columns{--columnCount:2;--pagewidth:50rem;justify-content:center;gap:3rem;margin-bottom:3rem}@media only screen and (max-width:700px){#features .columns{--columnCount:1}}#features .feature{border-radius:var(--rounded-corner);padding:2rem;hyphens:auto;& h2 { display: flex; align-items: center; margin-top: 0; } & svg { height: 2.2rem; margin-right: 0.8rem; } & p { margin-bottom: 0; color: var(--fg-color-dimmed); }}#features{& .feature.free { background: linear-gradient( 33deg, rgb(42 123 155 / 24%) 0%, rgb(87 199 133 / 25%) 50%, rgb(237 221 83 / 32%) 100% ); } & .feature.security { background: linear-gradient( 33deg, rgb(42 123 155 / 17%) 0%, rgb(151 170 191 / 53%) 50%, rgb(83 132 125 / 22%) 100% ); } & .feature.contact { background: linear-gradient( 33deg, rgb(42 155 48 / 14%) 0%, rgba(237, 221, 83, 0.5) 100% ); } & .feature.express { background: linear-gradient( 33deg, rgb(114 42 155 / 33%) 0%, rgb(237 221 83 / 46%) 100% ); }}#news-teaser h1{text-align:center}#post{background-color:#241f31;text-align:left;padding:2rem 0;margin-bottom:1rem;& h1 { margin-top: 0; }}.badge{padding:.2rem .4rem;border-radius:.7rem;font-size:.8rem;font-weight:500}.badge.release{background:linear-gradient(45deg,#17685a,#18a15b)}.badge.development{background:linear-gradient(45deg,#5f3d62,#2d5295)}.gajim-app-logo{filter:drop-shadow(0 .08rem .1rem rgba(0,0,0,.2))drop-shadow(0 .4rem .7rem rgba(0,0,0,.1))}.dimmed{color:var(--dark2)}@media(prefers-color-scheme:dark){.dimmed{color:var(--light2)}}#contact h1{margin-top:1rem}#donate{background:radial-gradient(at left top,#1a5fb4,#9141ac);& h1 { margin-top: 1rem; }}#install{padding:4rem 0;background:radial-gradient(at left bottom,var(--blue3),var(--green4));& img { height: 7rem; padding: 0 3rem; } & h2 { margin-top: 0; color: var(--light1); }}#install-container{display:flex;flex-direction:column;margin:2rem 0;& .row { order: 1; } & svg { height: 2rem; margin-right: 0.7rem; } & h1 { display: flex; align-items: center; justify-content: center; margin-top: 0.5rem; } & .row-child { text-align: center; background: var(--light2); border-radius: var(--rounded-corner); padding: 2rem; margin-bottom: 3rem; overflow-wrap: break-word; box-shadow: 0 0 0 1px #00000008, 0 1px 3px 1px #00000012, 0 2px 6px 2px #00000008; }}@media(prefers-color-scheme:dark){#install-container{& .row-child { background: var(--dark4); }}}