@charset "UTF-8";

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../images/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url(../images/flags@2x.png);
  }
}

.iti-flag.np {
  background-color: transparent;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.us-id {
  width: 19px;
}

.iti-flag.us-nd {
  width: 19px;
}

.iti-flag.us-ri {
  width: 16px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 6812px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0 0;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0;
}

.iti-flag.gb-eng {
  height: 12px;
  background-position: -1775px 0;
}

.iti-flag.gb-nir {
  height: 10px;
  background-position: -1797px 0;
}

.iti-flag.gb-sct {
  height: 12px;
  background-position: -1819px 0;
}

.iti-flag.gb-wls {
  height: 14px;
  background-position: -1841px 0;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1863px 0;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1885px 0;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1907px 0;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1929px 0;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1951px 0;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1973px 0;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1995px 0;
}

.iti-flag.gl {
  height: 14px;
  background-position: -2017px 0;
}

.iti-flag.gm {
  height: 14px;
  background-position: -2039px 0;
}

.iti-flag.gn {
  height: 14px;
  background-position: -2061px 0;
}

.iti-flag.gp {
  height: 14px;
  background-position: -2083px 0;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2105px 0;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2127px 0;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2149px 0;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2171px 0;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2193px 0;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2215px 0;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2237px 0;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2259px 0;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2281px 0;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2303px 0;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2325px 0;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2347px 0;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2369px 0;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2391px 0;
}

.iti-flag.id {
  height: 14px;
  background-position: -2413px 0;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2435px 0;
}

.iti-flag.il {
  height: 15px;
  background-position: -2457px 0;
}

.iti-flag.im {
  height: 10px;
  background-position: -2479px 0;
}

.iti-flag.in {
  height: 14px;
  background-position: -2501px 0;
}

.iti-flag.io {
  height: 10px;
  background-position: -2523px 0;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2545px 0;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2567px 0;
}

.iti-flag.is {
  height: 15px;
  background-position: -2589px 0;
}

.iti-flag.it {
  height: 14px;
  background-position: -2611px 0;
}

.iti-flag.je {
  height: 12px;
  background-position: -2633px 0;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2655px 0;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2677px 0;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2699px 0;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2721px 0;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2743px 0;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2765px 0;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2787px 0;
}

.iti-flag.km {
  height: 12px;
  background-position: -2809px 0;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2831px 0;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2853px 0;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2875px 0;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2897px 0;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2919px 0;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2941px 0;
}

.iti-flag.la {
  height: 14px;
  background-position: -2963px 0;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2985px 0;
}

.iti-flag.lc {
  height: 10px;
  background-position: -3007px 0;
}

.iti-flag.li {
  height: 12px;
  background-position: -3029px 0;
}

.iti-flag.lk {
  height: 10px;
  background-position: -3051px 0;
}

.iti-flag.lr {
  height: 11px;
  background-position: -3073px 0;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3095px 0;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3117px 0;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3139px 0;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3161px 0;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3183px 0;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3205px 0;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3227px 0;
}

.iti-flag.md {
  height: 10px;
  background-position: -3248px 0;
}

.iti-flag.me {
  height: 10px;
  background-position: -3270px 0;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3292px 0;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3314px 0;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3336px 0;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3358px 0;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3380px 0;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3402px 0;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3424px 0;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3446px 0;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3468px 0;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3490px 0;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3512px 0;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3534px 0;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3556px 0;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3578px 0;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3600px 0;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3622px 0;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3644px 0;
}

.iti-flag.my {
  height: 10px;
  background-position: -3666px 0;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3688px 0;
}

.iti-flag.na {
  height: 14px;
  background-position: -3710px 0;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3732px 0;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3754px 0;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3774px 0;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3796px 0;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3818px 0;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3840px 0;
}

.iti-flag.no {
  height: 15px;
  background-position: -3862px 0;
}

.iti-flag.np {
  height: 15px;
  background-position: -3884px 0;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3899px 0;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3921px 0;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3943px 0;
}

.iti-flag.om {
  height: 10px;
  background-position: -3965px 0;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3987px 0;
}

.iti-flag.pe {
  height: 14px;
  background-position: -4009px 0;
}

.iti-flag.pf {
  height: 14px;
  background-position: -4031px 0;
}

.iti-flag.pg {
  height: 15px;
  background-position: -4053px 0;
}

.iti-flag.ph {
  height: 10px;
  background-position: -4075px 0;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4097px 0;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4119px 0;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4141px 0;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4163px 0;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4185px 0;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4207px 0;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4229px 0;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4251px 0;
}

.iti-flag.py {
  height: 11px;
  background-position: -4273px 0;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4295px 0;
}

.iti-flag.re {
  height: 14px;
  background-position: -4317px 0;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4339px 0;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4361px 0;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4383px 0;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4405px 0;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4427px 0;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4449px 0;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4471px 0;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4493px 0;
}

.iti-flag.se {
  height: 13px;
  background-position: -4515px 0;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4537px 0;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4559px 0;
}

.iti-flag.si {
  height: 10px;
  background-position: -4581px 0;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4603px 0;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4625px 0;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4647px 0;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4669px 0;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4691px 0;
}

.iti-flag.so {
  height: 14px;
  background-position: -4713px 0;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4735px 0;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4757px 0;
}

.iti-flag.st {
  height: 10px;
  background-position: -4779px 0;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4801px 0;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4823px 0;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4845px 0;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4867px 0;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4889px 0;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4911px 0;
}

.iti-flag.td {
  height: 14px;
  background-position: -4933px 0;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4955px 0;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4977px 0;
}

.iti-flag.th {
  height: 14px;
  background-position: -4999px 0;
}

.iti-flag.tj {
  height: 10px;
  background-position: -5021px 0;
}

.iti-flag.tk {
  height: 10px;
  background-position: -5043px 0;
}

.iti-flag.tl {
  height: 10px;
  background-position: -5065px 0;
}

.iti-flag.tm {
  height: 14px;
  background-position: -5087px 0;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5109px 0;
}

.iti-flag.to {
  height: 10px;
  background-position: -5131px 0;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5153px 0;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5175px 0;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5197px 0;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5219px 0;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5241px 0;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5263px 0;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5285px 0;
}

.iti-flag.um {
  height: 11px;
  background-position: -5307px 0;
}

.iti-flag.us-ak {
  height: 14px;
  background-position: -5329px 0;
}

.iti-flag.us-al {
  height: 14px;
  background-position: -5351px 0;
}

.iti-flag.us-ar {
  height: 14px;
  background-position: -5373px 0;
}

.iti-flag.us-az {
  height: 14px;
  background-position: -5395px 0;
}

.iti-flag.us-ca {
  height: 14px;
  background-position: -5417px 0;
}

.iti-flag.us-co {
  height: 14px;
  background-position: -5439px 0;
}

.iti-flag.us-ct {
  height: 15px;
  background-position: -5461px 0;
}

.iti-flag.us-de {
  height: 14px;
  background-position: -5483px 0;
}

.iti-flag.us-fl {
  height: 14px;
  background-position: -5505px 0;
}

.iti-flag.us-ga {
  height: 14px;
  background-position: -5527px 0;
}

.iti-flag.us-hi {
  height: 10px;
  background-position: -5549px 0;
}

.iti-flag.us-ia {
  height: 14px;
  background-position: -5571px 0;
}

.iti-flag.us-id {
  height: 15px;
  background-position: -5593px 0;
}

.iti-flag.us-il {
  height: 12px;
  background-position: -5614px 0;
}

.iti-flag.us-in {
  height: 14px;
  background-position: -5636px 0;
}

.iti-flag.us-ks {
  height: 12px;
  background-position: -5658px 0;
}

.iti-flag.us-ky {
  height: 11px;
  background-position: -5680px 0;
}

.iti-flag.us-la {
  height: 13px;
  background-position: -5702px 0;
}

.iti-flag.us-ma {
  height: 12px;
  background-position: -5724px 0;
}

.iti-flag.us-md {
  height: 14px;
  background-position: -5746px 0;
}

.iti-flag.us-me {
  height: 14px;
  background-position: -5768px 0;
}

.iti-flag.us-mi {
  height: 14px;
  background-position: -5790px 0;
}

.iti-flag.us-mn {
  height: 13px;
  background-position: -5812px 0;
}

.iti-flag.us-mo {
  height: 12px;
  background-position: -5834px 0;
}

.iti-flag.us-ms {
  height: 14px;
  background-position: -5856px 0;
}

.iti-flag.us-mt {
  height: 14px;
  background-position: -5878px 0;
}

.iti-flag.us-nc {
  height: 14px;
  background-position: -5900px 0;
}

.iti-flag.us-nd {
  height: 15px;
  background-position: -5922px 0;
}

.iti-flag.us-ne {
  height: 12px;
  background-position: -5943px 0;
}

.iti-flag.us-nh {
  height: 14px;
  background-position: -5965px 0;
}

.iti-flag.us-nj {
  height: 14px;
  background-position: -5987px 0;
}

.iti-flag.us-nm {
  height: 14px;
  background-position: -6009px 0;
}

.iti-flag.us-nv {
  height: 14px;
  background-position: -6031px 0;
}

.iti-flag.us-ny {
  height: 10px;
  background-position: -6053px 0;
}

.iti-flag.us-oh {
  height: 13px;
  background-position: -6075px 0;
}

.iti-flag.us-ok {
  height: 14px;
  background-position: -6097px 0;
}

.iti-flag.us-or {
  height: 12px;
  background-position: -6119px 0;
}

.iti-flag.us-pa {
  height: 14px;
  background-position: -6141px 0;
}

.iti-flag.us-ri {
  height: 15px;
  background-position: -6163px 0;
}

.iti-flag.us-sc {
  height: 14px;
  background-position: -6181px 0;
}

.iti-flag.us-sd {
  height: 13px;
  background-position: -6203px 0;
}

.iti-flag.us-tn {
  height: 12px;
  background-position: -6225px 0;
}

.iti-flag.us-tx {
  height: 14px;
  background-position: -6247px 0;
}

.iti-flag.us-ut {
  height: 12px;
  background-position: -6269px 0;
}

.iti-flag.us-va {
  height: 14px;
  background-position: -6291px 0;
}

.iti-flag.us-vt {
  height: 12px;
  background-position: -6313px 0;
}

.iti-flag.us-wa {
  height: 12px;
  background-position: -6335px 0;
}

.iti-flag.us-wi {
  height: 14px;
  background-position: -6357px 0;
}

.iti-flag.us-wv {
  height: 11px;
  background-position: -6379px 0;
}

.iti-flag.us-wy {
  height: 14px;
  background-position: -6401px 0;
}

.iti-flag.us {
  height: 11px;
  background-position: -6423px 0;
}

.iti-flag.uy {
  height: 14px;
  background-position: -6445px 0;
}

.iti-flag.uz {
  height: 10px;
  background-position: -6467px 0;
}

.iti-flag.va {
  height: 15px;
  background-position: -6489px 0;
}

.iti-flag.vc {
  height: 14px;
  background-position: -6506px 0;
}

.iti-flag.ve {
  height: 14px;
  background-position: -6528px 0;
}

.iti-flag.vg {
  height: 10px;
  background-position: -6550px 0;
}

.iti-flag.vi {
  height: 14px;
  background-position: -6572px 0;
}

.iti-flag.vn {
  height: 14px;
  background-position: -6594px 0;
}

.iti-flag.vu {
  height: 12px;
  background-position: -6616px 0;
}

.iti-flag.wf {
  height: 14px;
  background-position: -6638px 0;
}

.iti-flag.ws {
  height: 10px;
  background-position: -6660px 0;
}

.iti-flag.xk {
  height: 15px;
  background-position: -6682px 0;
}

.iti-flag.ye {
  height: 14px;
  background-position: -6704px 0;
}

.iti-flag.yt {
  height: 14px;
  background-position: -6726px 0;
}

.iti-flag.za {
  height: 14px;
  background-position: -6748px 0;
}

.iti-flag.zm {
  height: 14px;
  background-position: -6770px 0;
}

.iti-flag.zw {
  height: 10px;
  background-position: -6792px 0;
}

body, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, p, pre {
  margin: 0;
  padding: 0;
}

dl, ol, ul {
  margin: 0;
}

fieldset, img {
  border: 0;
}

@-moz-document url-prefix() {
  img {
    font-size: 0;
  }

  img:-moz-broken {
    font-size: inherit;
  }
}

details, main, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  transition: object-position 0.5s ease 0s;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

input[type=button], input[type=reset], input[type=submit] {
  appearance: button;
}

body {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}

[lang|=en] {
  font-family: Arial, sans-serif;
}

[lang|=ja] {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}

blockquote, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
  margin: 10px 0 0 0;
}

blockquote:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ol:first-child, p:first-child, pre:first-child, ul:first-child {
  margin-top: 0;
}

h1 {
  color: #333;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  text-transform: none;
  margin: 30px 0 0 0;
}

h2 {
  color: #333;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25;
  text-transform: none;
  margin: 30px 0 0 0;
}

h3 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  margin: 30px 0 0 0;
}

h4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-transform: none;
  margin: 20px 0 0 0;
}

h5 {
  color: #333;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.42857143;
  text-transform: none;
  margin: 20px 0 0 0;
}

h6 {
  color: #707070;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.66666667;
  text-transform: uppercase;
  margin: 20px 0 0 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
  margin-top: 10px;
}

small {
  color: #707070;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}

code, kbd {
  font-family: monospace;
}

address, cite, dfn, var {
  font-style: italic;
}

cite:before {
  content: "— ";
}

blockquote {
  border-left: 1px solid #ccc;
  color: #707070;
  margin-left: 19px;
  padding: 10px 20px;
}

blockquote > cite {
  display: block;
  margin-top: 10px;
}

q {
  color: #707070;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

abbr {
  border-bottom: 1px #707070 dotted;
  cursor: help;
}

a {
  color: #44a5ff;
  text-decoration: none;
  font-weight: 700;
}

a:active, a:focus, a:hover {
  text-decoration: underline;
}

* {
  -webkit-user-select: none;
  user-select: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}

input, textarea {
  -webkit-user-select: text;
  user-select: text;
}

html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 0.75rem;
  font-weight: 400;
  overflow: hidden;
  color: #f1f1f1;
  background: #040404;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: 0;
}

.jitsi-icon-default svg {
  fill: #fff;
}

.disabled .jitsi-icon svg {
  fill: #929292;
}

.jitsi-icon.gray svg {
  fill: #5e6d7a;
  cursor: pointer;
}

p {
  margin: 0;
}

body, button, input, keygen, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, open_sanslight, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

button, input, select, textarea {
  margin: 0;
  vertical-align: baseline;
  font-size: 1em;
}

button, input[type=button], input[type=reset], input[type=submit], select {
  cursor: pointer;
}

textarea {
  word-wrap: break-word;
  resize: none;
  line-height: 1.5em;
}

input[type=password], input[type=text], textarea {
  outline: 0;
  resize: none;
}

button {
  color: #fff;
  background-color: #44a5ff;
  border-radius: 4px;
}

button.no-icon {
  padding: 0 1em;
}

button, form {
  display: block;
}

.watermark {
  display: block;
  position: absolute;
  top: 15;
  width: 71px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 253;
}

.leftwatermark {
  max-width: 140px;
  max-height: 70px;
  left: 32px;
  top: 32px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}

.leftwatermark.no-margin {
  left: 0;
  top: 0;
}

.rightwatermark {
  right: 32px;
  top: 32px;
  background-position: center right;
}

.poweredby {
  position: absolute;
  left: 25;
  bottom: 7;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  z-index: 253;
}

::-webkit-scrollbar {
  background: 0 0;
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track {
  background: 0 0;
}

::-webkit-scrollbar-track-piece {
  background: 0 0;
}

::-webkit-scrollbar-thumb {
  background: #3d3d3d;
  border-radius: 4px;
}

.jitsi-icon svg path {
  fill: inherit !important;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.flip-x {
  transform: scaleX(-1);
}

.hidden {
  display: none;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.show {
  display: block !important;
}

.as-link, .invisible-button {
  background: 0 0;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
}

.as-link {
  display: inline;
  color: #44a5ff;
  text-decoration: none;
  font-weight: 700;
}

.as-link:active, .as-link:focus, .as-link:hover {
  text-decoration: underline;
}

.overlay__container, .overlay__container-light {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1016;
  background: #474747;
}

.overlay__container-light {
  background-color: rgba(71, 71, 71, 0.7);
}

.overlay__content {
  position: absolute;
  margin: 0 auto;
  height: 100%;
  width: 56%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.overlay__content_bottom {
  position: absolute;
  bottom: 0;
}

.overlay__policy {
  position: absolute;
  bottom: 24px;
  width: 100%;
}

.overlay__spinner-container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.inlay {
  margin-top: 14%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 40px 38px 44px;
  color: #fff;
  background: #7a7a7a;
  text-align: center;
}

.inlay__title {
  margin: 17px 0;
  padding-bottom: 17px;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #fff;
}

.inlay__text {
  color: #fff;
  display: block;
  margin-top: 22px;
  font-size: 1rem;
}

.inlay__icon {
  margin: 0 10px;
  font-size: 3.125rem;
}

.reload_overlay_title {
  display: block;
  font-size: 1rem;
  line-height: 1.25rem;
}

.reload_overlay_text {
  display: block;
  font-size: 0.75rem;
  line-height: 1.875rem;
}

#reloadProgressBar {
  background: #e9e9e9;
  border-radius: 3px;
  height: 5px;
  margin: 5px auto;
  overflow: hidden;
  width: 180px;
}

#reloadProgressBar .progress-indicator-fill {
  background: #0074e0;
  height: 100%;
  transition: width 0.5s;
}

.always-on-top-toolbox {
  background-color: #131519;
  border-radius: 3px;
  display: flex;
  z-index: 250;
}

.always-on-top-toolbox .toolbox-icon {
  cursor: pointer;
  padding: 7px;
  width: 22px;
  height: 22px;
}

.always-on-top-toolbox .toolbox-icon.toggled {
  background: 0 0;
}

.always-on-top-toolbox .toolbox-icon.disabled {
  cursor: initial;
}

.always-on-top-toolbox {
  flex-direction: row;
  left: 50%;
  position: absolute;
  bottom: 10px;
  transform: translateX(-50%);
  padding: 3px !important;
}

.desktop-picker-pane {
  height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

.desktop-picker-pane.source-type-screen .desktop-picker-source {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.desktop-picker-pane.source-type-screen .desktop-source-preview-thumbnail {
  width: 100%;
}

.desktop-picker-pane.source-type-screen .desktop-source-preview-label {
  display: none;
}

.desktop-picker-pane.source-type-window .desktop-picker-source {
  display: inline-block;
  width: 30%;
}

.desktop-picker-pane-spinner {
  justify-content: center;
  display: flex;
  height: 100%;
  align-items: center;
}

.desktop-picker-source {
  margin-top: 10px;
  text-align: center;
}

.desktop-picker-source.is-selected .desktop-source-preview-image-container {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}

.desktop-source-preview-label {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.desktop-source-preview-thumbnail {
  box-shadow: 5px 5px 5px grey;
  height: auto;
  max-width: 100%;
}

.desktop-source-preview-image-container {
  padding: 10px;
}

.desktop-picker-tabs-container {
  width: 65%;
  margin-top: 3px;
}

.modal-dialog-form {
  margin-top: 5px !important;
}

.modal-dialog-form .input-control {
  background: #fafbfc;
  border: 1px solid #f4f5f7;
  color: inherit;
}

.modal-dialog-form-error {
  margin-bottom: 8px;
}

.shared-video-dialog-error {
  color: #e04757;
  margin-top: 2px;
  display: block;
}

.dialog-bottom-margin {
  margin-bottom: 5px;
}

.info-dialog {
  cursor: default;
  display: flex;
  font-size: 0.875rem;
}

.info-dialog .info-dialog-column {
  margin-right: 10px;
  overflow: hidden;
}

.info-dialog .info-dialog-column a, .info-dialog .info-dialog-column a:active, .info-dialog .info-dialog-column a:focus, .info-dialog .info-dialog-column a:hover {
  text-decoration: none;
}

.info-dialog .info-dialog-password, .info-dialog .info-password, .info-dialog .info-password-form {
  align-items: baseline;
  display: flex;
}

.info-dialog .info-label {
  font-weight: 700;
}

.info-dialog .info-password-field {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}

.info-dialog .info-password-none, .info-dialog .info-password-remote {
  color: #fff;
}

.info-dialog .info-password-local {
  user-select: text;
}

.dial-in-number {
  display: flex;
  justify-content: space-between;
  padding-right: 8px;
}

.dial-in-numbers-list {
  max-width: 334px;
  width: 100%;
  margin-top: 20px;
  font-size: 0.75rem;
  line-height: 1.5rem;
  border-collapse: collapse;
}

.dial-in-numbers-list * {
  user-select: text;
}

.dial-in-numbers-list thead {
  text-align: left;
}

.dial-in-numbers-list .flag-cell {
  vertical-align: top;
  width: 30px;
}

.dial-in-numbers-list .flag {
  display: block;
  margin: 5px 5px 0 5px;
}

.dial-in-numbers-list .country {
  font-weight: 700;
  vertical-align: top;
  padding: 0 20px 0 0;
}

.dial-in-numbers-list ul {
  padding: 0;
}

.dial-in-numbers-list .numbers-list {
  list-style: none;
  padding: 0 20px 0 0;
}

.dial-in-numbers-list .toll-free-list {
  font-weight: 700;
  list-style: none;
  vertical-align: top;
  text-align: right;
}

.dial-in-numbers-list li.toll-free:empty:before {
  content: ".";
  visibility: hidden;
}

.dial-in-page {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  max-height: 100%;
  overflow: auto;
  padding: 15pt;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 100%;
}

.dial-in-page .dial-in-conference-id {
  text-align: center;
  min-width: 200px;
  margin-top: 40px;
}

.dial-in-page .dial-in-conference-description {
  margin: 12px;
}

.dial-in-page *, .info-dialog * {
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
}

.share-audio-dialog .share-audio-animation {
  width: 100%;
  height: 90%;
  object-fit: contain;
  margin-bottom: 10px;
}

.share-audio-dialog .separator-line {
  margin: 24px 0 24px -20px;
  padding: 0 20px;
  width: 100%;
  height: 1px;
  background: #5e6d7a;
}

.share-audio-dialog .separator-line:last-child {
  display: none;
}

.share-screen-warn-dialog {
  font-size: 0.875rem;
}

.share-screen-warn-dialog .separator-line {
  margin: 24px 0 24px -20px;
  padding: 0 20px;
  width: 100%;
  height: 1px;
  background: #5e6d7a;
}

.share-screen-warn-dialog .separator-line:last-child {
  display: none;
}

.share-screen-warn-dialog .header {
  font-weight: 600;
}

.share-screen-warn-dialog .description {
  margin-top: 16px;
}

.whiteboard .excalidraw-wrapper {
  height: 100vh;
  width: 100vw;
}

#videoconference_page {
  min-height: 100%;
  position: relative;
  transform: translate3d(0, 0, 0);
  width: 100%;
}

#layout_wrapper {
  display: flex;
  height: 100%;
}

body[dir=rtl] #layout_wrapper {
  direction: ltr;
}

body[dir=rtl] #layout_wrapper > * {
  direction: rtl;
}

#videospace {
  display: block;
  height: 100%;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

#largeVideoBackgroundContainer, .large-video-background {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

#largeVideoBackgroundContainer #largeVideoBackground, .large-video-background #largeVideoBackground {
  min-height: 100%;
  min-width: 100%;
}

#largeVideoBackgroundContainer {
  filter: blur(40px);
}

.videocontainer {
  position: relative;
  text-align: center;
  overflow: hidden;
}

#localVideoWrapper {
  display: inline-block;
}

.flipVideoX {
  transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
}

#localVideoWrapper object, #localVideoWrapper video {
  border-radius: 4px !important;
  cursor: hand;
  object-fit: cover;
}

#largeVideo, #largeVideoContainer, #largeVideoWrapper {
  overflow: hidden;
  text-align: center;
}

#largeVideo.transition, #largeVideoContainer.transition, #largeVideoWrapper.transition {
  transition: width 1s, height 1s, top 1s;
}

.animatedFadeIn {
  opacity: 0;
  animation: fadeInAnimation 0.3s ease forwards;
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animatedFadeOut {
  opacity: 1;
  animation: fadeOutAnimation 0.3s ease forwards;
}

@keyframes fadeOutAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

#largeVideoContainer {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

#largeVideoWrapper {
  box-shadow: 0 0 20px -2px #444;
}

#largeVideo, #largeVideoWrapper {
  object-fit: cover;
}

#sharedVideo video {
  width: 100%;
  height: 100%;
}

#sharedVideo.disable-pointer {
  pointer-events: none;
}

#etherpad, #largeVideoWrapper, #largeVideoWrapper > object, #largeVideoWrapper > video, #localVideoWrapper, #localVideoWrapper object, #localVideoWrapper video, #sharedVideo, .videocontainer > object, .videocontainer > video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

#etherpad {
  text-align: center;
}

#etherpad {
  z-index: 0;
}

#alwaysOnTop .displayname {
  font-size: 0.875rem;
  position: inherit;
  width: 100%;
  left: 0;
  top: 0;
  margin-top: 10px;
}

.videocontainer > .audioindicator-container, .videocontainer > span.audioindicator {
  position: absolute;
  display: inline-block;
  left: 6px;
  top: 50%;
  margin-top: -17px;
  width: 6px;
  height: 35px;
  z-index: 2;
  border: none;
}

.videocontainer > .audioindicator-container .audiodot-bottom, .videocontainer > .audioindicator-container .audiodot-middle, .videocontainer > .audioindicator-container .audiodot-top, .videocontainer > span.audioindicator .audiodot-bottom, .videocontainer > span.audioindicator .audiodot-middle, .videocontainer > span.audioindicator .audiodot-top {
  opacity: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(9, 36, 77, 0.9);
  margin: 1px 0 1px 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
}

.videocontainer > .audioindicator-container span.audiodot-bottom::after, .videocontainer > .audioindicator-container span.audiodot-middle::after, .videocontainer > .audioindicator-container span.audiodot-top::after, .videocontainer > span.audioindicator span.audiodot-bottom::after, .videocontainer > span.audioindicator span.audiodot-middle::after, .videocontainer > span.audioindicator span.audiodot-top::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
  background: #44a5ff;
}

#dominantSpeaker {
  visibility: hidden;
  width: 300px;
  height: 300px;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#dominantSpeakerAvatarContainer, .dynamic-shadow {
  width: 200px;
  height: 200px;
}

#dominantSpeakerAvatarContainer {
  top: 50px;
  margin: auto;
  position: relative;
  overflow: hidden;
  visibility: inherit;
}

.dynamic-shadow {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transition: box-shadow 0.3s ease;
}

.avatar-container {
  max-width: 60px;
  max-height: 60px;
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  height: 50%;
  width: auto;
  overflow: hidden;
}

.avatar-container .userAvatar {
  height: 100%;
  object-fit: cover;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

#videoNotAvailableScreen {
  text-align: center;
}

#videoNotAvailableScreen #avatarContainer {
  border-radius: 50%;
  display: inline-block;
  height: 50dvh;
  margin-top: 25dvh;
  overflow: hidden;
  width: 50dvh;
}

#videoNotAvailableScreen #avatarContainer #avatar {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.sharedVideoAvatar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#remoteConnectionMessage, #remotePresenceMessage {
  position: absolute;
  width: auto;
  z-index: 2;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
  left: 50%;
  transform: translate(-50%, 0);
}

#remoteConnectionMessage, #remotePresenceMessage .presence-label {
  opacity: 0.8;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3), 1px 0 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

#remoteConnectionMessage {
  display: none;
}

.display-video .avatar-container {
  visibility: hidden;
}

.display-video video {
  visibility: visible;
}

.display-avatar-only .avatar-container {
  visibility: visible;
}

.display-avatar-only video {
  visibility: hidden;
}

.presence-label {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 100;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
  right: 0;
  text-align: center;
  text-overflow: ellipsis;
  top: calc(50% + 30px);
  white-space: nowrap;
  width: 100%;
}

.subject {
  color: #fff;
  transition: opacity 0.6s ease-in-out;
  z-index: 252;
  margin-top: 20px;
  opacity: 0;
}

.subject.visible {
  opacity: 1;
}

.subject#autoHide.with-always-on {
  overflow: hidden;
  animation: hideSubject forwards 0.6s ease-out;
}

.subject#autoHide.with-always-on > .subject-info-container {
  justify-content: flex-start;
}

.subject#autoHide.with-always-on.visible {
  animation: showSubject forwards 0.6s ease-out;
}

.subject-info-container {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: 28px;
}

@media (max-width: 500px) {
  .subject-info-container {
    flex-wrap: wrap;
  }
}

.details-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  height: 48px;
}

@keyframes hideSubject {
  0% {
    max-width: 100%;
  }
  100% {
    max-width: 0;
  }
}

@keyframes showSubject {
  0% {
    max-width: 0%;
  }
  100% {
    max-width: 100%;
  }
}

.popupmenu__contents .popupmenu__volume-slider::-webkit-slider-runnable-track {
  background-color: #246fe5;
}

.popupmenu__contents .popupmenu__volume-slider::-moz-range-track {
  background-color: #246fe5;
}

.popupmenu__contents .popupmenu__volume-slider::-ms-fill-lower {
  background-color: #246fe5;
}

.recording-dialog {
  flex: 0;
  flex-direction: column;
}

.recording-dialog .recording-header {
  align-items: center;
  display: flex;
  flex: 0;
  flex-direction: row;
  justify-content: space-between;
}

.recording-dialog .recording-header .recording-title {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  margin-left: 16px;
  max-width: 70%;
}

.recording-dialog .recording-header .recording-title-no-space {
  margin-left: 0;
}

.recording-dialog .recording-header.space-top {
  margin-top: 10px;
}

.recording-dialog .recording-header-line {
  border-top: 1px solid #5e6d7a;
  padding-top: 16px;
  margin-top: 16px;
}

.recording-dialog .local-recording-warning {
  margin-top: 8px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 8px 16px;
}

.recording-dialog .local-recording-warning.text {
  color: #fff;
  background-color: #3d3d3d;
}

.recording-dialog .local-recording-warning.notification {
  color: #040404;
  background-color: #f8ae1a;
}

.recording-dialog .recording-icon-container {
  display: inline-flex;
  align-items: center;
}

.recording-dialog .file-sharing-icon-container {
  background-color: #525252;
  border-radius: 4px;
  height: 40px;
  justify-content: center;
  width: 42px;
}

.recording-dialog .cloud-content-recording-icon-container {
  background-color: #fff;
  border-radius: 4px;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.recording-dialog .jitsi-recording-header {
  margin-bottom: 16px;
}

.recording-dialog .jitsi-content-recording-icon-container-with-switch {
  background-color: #fff;
  border-radius: 4px;
  height: 40px;
  width: 40px;
}

.recording-dialog .jitsi-content-recording-icon-container-without-switch {
  background-color: #fff;
  border-radius: 4px;
  height: 40px;
  width: 46px;
}

.recording-dialog .recording-icon {
  height: 40px;
  object-fit: contain;
  width: 40px;
}

.recording-dialog .content-recording-icon {
  height: 18px;
  margin: 10px 0 0 10px;
  object-fit: contain;
  width: 18px;
}

.recording-dialog .recording-file-sharing-icon {
  height: 18px;
  object-fit: contain;
  width: 18px;
}

.recording-dialog .recording-info {
  background-color: #ffd740;
  color: #000;
  display: inline-flex;
  margin: 32px 0;
  width: 100%;
}

.recording-dialog .recording-info-icon {
  align-self: center;
  height: 14px;
  margin: 0 24px 0 16px;
  object-fit: contain;
  width: 14px;
}

.recording-dialog .recording-info-title {
  display: inline-flex;
  font-size: 0.875rem;
  width: 290px;
}

.recording-dialog .recording-switch {
  margin-left: auto;
}

.recording-dialog .authorization-panel {
  display: flex;
  flex-direction: column;
  margin: 0 40px 10px 40px;
  padding-bottom: 10px;
}

.recording-dialog .authorization-panel .logged-in-panel {
  padding: 10px;
}

.live-stream-dialog {
  font-size: 0.875rem;
}

.live-stream-dialog .broadcast-dropdown {
  text-align: left;
}

.live-stream-dialog .form-footer {
  display: flex;
  margin-top: 5px;
  text-align: right;
  flex-direction: column;
}

.live-stream-dialog .form-footer .help-container {
  display: flex;
}

.live-stream-dialog .live-stream-cta a {
  cursor: pointer;
}

.live-stream-dialog .google-api {
  margin-top: 10px;
  min-height: 36px;
  text-align: center;
  width: 100%;
}

.live-stream-dialog .google-error {
  color: #c61600;
}

.live-stream-dialog .google-panel {
  align-items: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}

.warning-text {
  color: #ffd740;
  font-size: 0.75rem;
}

a.disabled {
  color: gray !important;
  pointer-events: none;
}

#chat-conversation-container {
  box-sizing: border-box;
  height: calc(100% - 64px);
  overflow: hidden;
  position: relative;
}

#chatconversation {
  box-sizing: border-box;
  flex: 1;
  font-size: 0.75rem;
  height: calc(100% - 10px);
  line-height: 1.25rem;
  overflow: auto;
  padding: 16px;
  text-align: left;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
}

#chatconversation.focus-visible {
  outline: 0;
  margin: 4px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 0 2px #4687ed;
}

#chatconversation > :first-child {
  margin-top: auto;
}

#chatconversation a {
  display: block;
}

#chatconversation a:link {
  color: #b8b8b8;
}

#chatconversation a:visited {
  color: #fff;
}

#chatconversation a:hover {
  color: #d5d5d5;
}

#chatconversation a:active {
  color: #000;
}

.chat-input-container {
  padding: 0 16px 24px;
}

#chat-input {
  display: flex;
  align-items: flex-end;
  position: relative;
}

.chat-input {
  flex: 1;
  margin-right: 8px;
}

#nickname {
  text-align: center;
  color: #9d9d9d;
  font-size: 1rem;
  margin: auto 0;
  padding: 0 16px;
}

#nickname label[for=nickinput] > div > span {
  color: #b8c7e0;
}

#nickname input {
  height: 40px;
}

#nickname label {
  line-height: 1.5rem;
}

.mobile-browser #nickname input {
  height: 48px;
}

.mobile-browser .chatmessage .usermessage {
  font-size: 1rem;
}

.chatmessage.error {
  border-radius: 0;
}

.chatmessage.error .display-name, .chatmessage.error .timestamp {
  display: none;
}

.chatmessage.error .usermessage {
  color: #fff;
  padding: 0;
}

.chatmessage .messagecontent {
  max-width: 100%;
  overflow: hidden;
}

#smileys {
  font-size: 1.625rem;
  margin: auto;
  cursor: pointer;
}

#smileys img {
  width: 22px;
  padding: 2px;
}

.smiley-input {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

#smileysContainer .smiley {
  font-size: 1.625rem;
}

.smileyContainer {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
}

.smileyContainer:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  cursor: pointer;
}

.chat-message-group.local {
  align-items: flex-end;
}

.chat-message-group.local .display-name {
  display: none;
}

.chat-message-group.local .timestamp {
  text-align: right;
}

.chat-message-group.error .display-name {
  display: none;
}

.chat-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: -5px;
}

.chat-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px;
  width: calc(100% - 32px);
  box-sizing: border-box;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}

.chat-dialog-header .jitsi-icon {
  cursor: pointer;
}

.chat-dialog #chatconversation {
  width: 100%;
}

.mobile-browser .chat-dialog-header .jitsi-icon {
  display: grid;
  place-items: center;
  height: 48px;
  width: 48px;
  background: #36383c;
  border-radius: 3px;
}

.ringing {
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 300;
  background-color: rgba(40, 52, 71, 0.95);
}

.ringing.solidBG {
  background: #040404;
}

.ringing__content {
  position: absolute;
  width: 400px;
  height: 250px;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  margin-top: -125px;
  text-align: center;
  font-weight: 400;
  color: #fff;
}

.ringing__avatar {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 2px solid #1b2638;
}

.ringing__status {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ringing__name {
  font-size: 1.5rem;
  line-height: 2rem;
}

body.welcome-page {
  background: inherit;
  overflow: auto;
}

.welcome {
  background-image: none;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  justify-content: space-between;
  min-height: 100dvh;
  position: relative;
}

.welcome .header {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/welcome-background.png);
  background-position: center;
  background-repeat: none;
  background-size: cover;
  padding: 1rem;
  background-color: #131519;
  overflow: hidden;
  position: relative;
}

.welcome .header .header-container {
  display: flex;
  flex-direction: column;
  margin: 104px auto 0;
  z-index: 2;
  align-items: center;
  position: relative;
  max-width: 688px;
}

.welcome .header .header-watermark-container {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: calc(20px - 104px);
}

.welcome .header .header-text-title {
  color: #fff;
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 0;
  max-width: initial;
  opacity: 1;
  text-align: center;
}

.welcome .header .header-text-subtitle {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  margin: 16px 0 32px 0;
  text-align: center;
}

.welcome .header .not-allow-title-character-div {
  color: #f03e3e;
  background-color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 10px 0 5px 0;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
}

.welcome .header .not-allow-title-character-div .not-allow-title-character-text {
  float: right;
  line-height: 1.9;
}

.welcome .header .not-allow-title-character-div .jitsi-icon {
  margin-right: 9px;
  float: left;
}

.welcome .header .not-allow-title-character-div .jitsi-icon svg {
  fill: #f03e3e;
}

.welcome .header .not-allow-title-character-div .jitsi-icon svg > :first-child {
  fill: none !important;
}

.welcome .header .insecure-room-name-warning {
  align-items: center;
  color: #d77976;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  max-width: 480px;
  width: calc(100% - 32px);
}


.welcome .header .insecure-room-name-warning .jitsi-icon{margin-right:15px}
.welcome .header .insecure-room-name-warning .jitsi-icon svg{fill:#d77976}
.welcome .header .insecure-room-name-warning .jitsi-icon svg>:first-child{fill:none!important}
.welcome .header ::placeholder{color:#253858}
.welcome .header #enter_room{display:flex;align-items:center;max-width:480px;width:calc(100% - 32px);z-index:2;height:fit-content}
.welcome .header #enter_room .join-meeting-container{margin:0 auto;padding:4px;border-radius:4px;background-color:#fff;display:flex;width:100%;text-align:left;color:#253858}
.welcome .header #enter_room .enter-room-input-container{flex-grow:1;padding-right:4px}
.welcome .header #enter_room .enter-room-input-container .enter-room-input{border-radius:4px;border:0;background:#fff;display:inline-block;height:50px;width:100%;font-size:.875rem;padding-left:10px}
.welcome .header #enter_room .enter-room-input-container .enter-room-input.focus-visible{outline:auto 2px #005fcc}
.welcome .header #moderated-meetings{max-width:calc(100% - 40px);padding:16px 0 0;width:calc(100% - 32px);text-align:center}
.welcome .header #moderated-meetings a{color:inherit;font-weight:600}
.welcome .tab-container{font-size:1rem;position:relative;text-align:left;display:flex;flex-direction:column}
.welcome .tab-container .tab-content{display:inherit;height:250px;margin:5px 0;overflow:hidden;flex-grow:1;position:relative}
.welcome .tab-container .tab-buttons{background-color:#c7ddff;border-radius:6px;color:#0163ff;font-size:.875rem;line-height:1.125rem;margin:4px;display:flex}
.welcome .tab-container .tab-buttons [role=tab]{background-color:#c7ddff;border-radius:7px;cursor:pointer;display:block;flex-grow:1;margin:2px;padding:7px 0;text-align:center;color:inherit;border:0}
.welcome .tab-container .tab-buttons [role=tab][aria-selected=true]{background-color:#fff}
.welcome .welcome-page-button{border:0;font-size:.875rem;background:#0074e0;border-radius:3px;color:#fff;cursor:pointer;padding:16px 20px;transition:all .2s}
.welcome .welcome-page-button:focus-within{outline:auto 2px #00225a}
.welcome .welcome-page-button:hover{background-color:#4687ed}
.welcome .welcome-page-settings{background:rgba(255,255,255,.38);border-radius:3px;color:#fff;padding:4px;position:absolute;top:calc(35px - 104px);right:0;z-index:2}
.welcome .welcome-page-settings *{cursor:pointer;font-size:2rem}
.welcome .welcome-page-settings .toolbox-icon{height:24px;width:24px}
.welcome .welcome-watermark{position:absolute;width:100%;height:100%}
.welcome .welcome-watermark .watermark.leftwatermark{width:71px;height:32px}
.welcome .without-content .welcome-card{max-width:100dvw}
.welcome .without-footer{justify-content:start}
.welcome .welcome-cards-container{color:#131519;padding-top:40px}
.welcome .welcome-card-column{display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:688px;margin:auto}
.welcome .welcome-card-column>div{margin-bottom:16px}
.welcome .welcome-card-text{padding:32px}
.welcome .welcome-card{width:100%;border-radius:8px}
.welcome .welcome-card--dark{background:#444447;color:#fff}
.welcome .welcome-card--blue{background:#d5e5ff}
.welcome .welcome-card--grey{background:#f2f3f4}
.welcome .welcome-footer{background:#111b35;color:#fff;margin-top:50px;position:relative;height:50px;width:100%;padding:10px}
.welcome .welcome-footer-centered{max-width:100%;text-align:center}
.welcome .welcome-footer-padded{padding:0 16px}
.welcome .welcome-footer-row-block{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #424447}
.welcome .welcome-footer-row-block:last-child{border-bottom:none}
.welcome .welcome-footer--row-1{padding:40px 0 24px 0}
.welcome .welcome-footer-row-1-text{max-width:200px;text-align:center}
.badge-round{background-color:#165ecc;border-radius:50%;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,open_sanslight,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.5rem;font-weight:700;line-height:.75rem;min-width:13px;overflow:hidden;text-align:center;text-overflow:ellipsis;vertical-align:middle}
.new-toolbox{bottom:calc((48px * 2) * -1);left:0;position:absolute;right:0;transition:bottom .3s ease-in;width:100%;pointer-events:none;z-index:252}
.new-toolbox.shift-up{bottom:calc(((48px + 30px) * 2) * -1)}
.new-toolbox.shift-up .toolbox-content{margin-bottom:46px}
.new-toolbox.visible{bottom:0}
.new-toolbox.no-buttons{display:none}
.toolbox-content{align-items:center;box-sizing:border-box;display:flex;margin-bottom:16px;position:relative;z-index:250;pointer-events:none}
.toolbox-content .toolbox-button-wth-dialog{display:inline-block}
.toolbar-button-with-badge{display:inline-block;position:relative}
.toolbar-button-with-badge .badge-round{bottom:-5px;font-size:.75rem;line-height:1.25rem;min-width:20px;pointer-events:none;position:absolute;right:-5px}
.toolbox-content-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:100%;pointer-events:all;border-radius:6px}body[dir=rtl] .toolbox-content-wrapper .toolbox-content-items{direction:ltr}body[dir=rtl] .toolbox-content-wrapper .toolbox-content-items>*{direction:rtl}
.toolbox-content-wrapper::after{content:"";background:#131519;padding-bottom:env(safe-area-inset-bottom,0)}
.overflow-menu-hr{border-top:1px solid #4c4d50;border-bottom:0;margin:8px 0}div.hangup-button{background-color:#cb2233}
@media (hover:hover) and (pointer:fine){div.hangup-button:hover{background-color:#e04757}div.hangup-button:active{background-color:#a21b29}}div.hangup-button svg{fill:#fff}div.hangup-menu-button{background-color:#cb2233}
@media (hover:hover) and (pointer:fine){div.hangup-menu-button:hover{background-color:#e04757}div.hangup-menu-button:active{background-color:#a21b29}}div.hangup-menu-button svg{fill:#fff}
.profile-button-avatar{align-items:center}
.fadeIn{opacity:1;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.fadeOut{opacity:0;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.audio-preview .toolbox-icon.toggled,.video-preview .toolbox-icon.toggled{background:0 0}
.audio-preview .toolbox-icon.toggled:hover,.video-preview .toolbox-icon.toggled:hover{background:rgba(255,255,255,.2)}
@media (max-width:500px){.toolbox-content-mobile{margin-bottom:0}
.toolbox-content-mobile .toolbox-content-wrapper{width:100%}
.toolbox-content-mobile .toolbox-content-items{border-radius:0;display:flex;justify-content:space-evenly;padding:8px 0;width:100%}body[dir=rtl] .toolbox-content-mobile .toolbox-content-items{direction:ltr}body[dir=rtl] .toolbox-content-mobile .toolbox-content-items>*{direction:rtl}
.toolbox-content-mobile .invite-more-container{margin:0 16px 8px}
.toolbox-content-mobile .invite-more-container.elevated{margin-bottom:52px}}
.redirectPageMessage{width:30%;margin:20% auto;text-align:center;font-size:1.5rem}
.redirectPageMessage .thanks-msg{border-bottom:1px solid #fff;padding-left:30px;padding-right:30px}
.redirectPageMessage .thanks-msg p{margin:30px auto;font-size:1.5rem;line-height:1.5rem}
.redirectPageMessage .hint-msg p{margin:26px auto;font-weight:600;font-size:1rem;line-height:1.125rem}
.redirectPageMessage .hint-msg p .hint-msg__holder{font-weight:200}
.redirectPageMessage .hint-msg .happy-software{width:120px;height:86px;margin:0 auto;background:0 0}
.redirectPageMessage .forbidden-msg p{font-size:1rem;margin-top:15px}input[type=range]{appearance:none;background:0 0}input[type=range]:focus{outline:1px solid #fff!important}input[type=range]::-webkit-slider-runnable-track{background:#474747;border:none;border-radius:3px;cursor:pointer;height:6px;width:100%}input[type=range]::-moz-range-track{background:#474747;border:none;border-radius:3px;cursor:pointer;height:6px;width:100%}input[type=range]::-ms-track{background:#474747;border:none;border-radius:3px;cursor:pointer;height:6px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #3572b0;border-radius:50%;box-shadow:0 0 1px #3572b0;cursor:pointer;height:14px;margin-top:-4px;width:14px}input[type=range]::-moz-range-thumb{appearance:none;background:#fff;border:1px solid #3572b0;border-radius:50%;box-shadow:0 0 1px #3572b0;cursor:pointer;height:14px;margin-top:-4px;width:14px}input[type=range]::-ms-thumb{appearance:none;background:#fff;border:1px solid #3572b0;border-radius:50%;box-shadow:0 0 1px #3572b0;cursor:pointer;height:14px;margin-top:-4px;width:14px}
.error_page{width:60%;margin:20% auto;text-align:center}
.error_page h2{font-size:3rem;color:#f2f2f2}
.error_page__message{font-size:1.5rem;margin-top:20px}
.policy__logo{display:block;width:200px;height:50px;margin:30px auto 0}
.policy__text{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:300}
.popover{z-index:8}
.popover .popover-content{position:relative}
.popover.hover{margin:-16px -24px}
.popover.hover .popover-content{margin:16px 24px}
.popover.hover .popover-content.top{bottom:8px}
.popover.hover .popover-content.bottom{top:4px}
.popover.hover .popover-content.left{right:4px}
.popover.hover .popover-content.right{left:4px}
.excalidraw .popover{margin:0}
.horizontal-filmstrip .filmstrip,.stage-filmstrip span:not(.tile-view) .filmstrip,.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos,.vertical-filmstrip span:not(.tile-view) .filmstrip,.vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start}
.horizontal-filmstrip .filmstrip{padding:10px 5px;z-index:251;box-sizing:border-box;width:100%;position:fixed}
.horizontal-filmstrip .filmstrip.reduce-height{bottom:calc(calc(48px + 24px) + 7px)}
.horizontal-filmstrip .filmstrip__videos{position:relative;padding:0;bottom:0;width:auto}
.horizontal-filmstrip .filmstrip__videos#remoteVideos{border:2px solid transparent;transition:bottom 2s;flex-grow:1;display:flex;flex-direction:row-reverse;min-height:0;min-width:0}


.horizontal-filmstrip .filmstrip__videos#filmstripLocalScreenShare, .horizontal-filmstrip .filmstrip__videos#filmstripLocalVideo {
  align-self: flex-end;
  display: block;
  margin-bottom: 8px;
}

.horizontal-filmstrip .filmstrip__videos.hidden {
  bottom: calc(-196px - calc(48px + 24px) + 50px);
}

.horizontal-filmstrip .filmstrip .remote-videos {
  overscroll-behavior: contain;
}

.horizontal-filmstrip .filmstrip .remote-videos > div {
  transition: opacity 1s;
  position: absolute;
}

.horizontal-filmstrip .filmstrip .remote-videos.is-not-overflowing > div {
  right: 2px;
}

.horizontal-filmstrip .filmstrip.hide-videos .remote-videos > div {
  opacity: 0;
  pointer-events: none;
}

.horizontal-filmstrip .filmstrip .videocontainer {
  margin-bottom: 10px;
}

.filmstrip__videos .videocontainer {
  display: inline-block;
  position: relative;
  background-size: contain;
  border: 2px solid transparent;
  border-radius: 4px;
  margin: 0 2px;
}

.filmstrip__videos .videocontainer:hover {
  cursor: hand;
}

.filmstrip__videos .videocontainer > video {
  cursor: hand;
  border-radius: 4px;
  object-fit: cover;
  overflow: hidden;
}

.filmstrip__videos .videocontainer .presence-label {
  position: absolute;
  z-index: 3;
}

.tile-view .remote-videos {
  align-items: center;
  box-sizing: border-box;
  overscroll-behavior: contain;
}

.tile-view .filmstrip__videos .videocontainer:hover:not(.active-speaker), .tile-view .filmstrip__videos .videocontainer:not(.active-speaker) {
  border: none;
  box-shadow: none;
}

.tile-view #remoteVideos {
  height: 100% !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: margin-bottom 0.3s ease-in;
}

.tile-view .filmstrip {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tile-view .filmstrip.collapse #remoteVideos {
  height: calc(100% - 60px) !important;
  margin-bottom: 60px;
}

.tile-view .filmstrip.collapse .remote-videos {
  overflow: hidden auto !important;
}

.tile-view .filmstrip__videos.hidden {
  display: block;
}

.tile-view .filmstrip__videos.has-scroll {
  padding-left: 7px;
}

.tile-view .remote-videos {
  box-sizing: border-box;
}

.tile-view .remote-videos > div {
  align-content: center;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
}

.tile-view .remote-videos > div .videocontainer {
  border: 0;
  box-sizing: border-box;
  display: block;
  margin: 2px;
}

.stage-filmstrip .avatar-container, .tile-view .avatar-container, .whiteboard-container .avatar-container {
  max-height: initial;
  max-width: initial;
}

.stage-filmstrip #dominantSpeaker, .stage-filmstrip #largeVideoElementsContainer, .stage-filmstrip #sharedVideo, .tile-view #dominantSpeaker, .tile-view #largeVideoElementsContainer, .tile-view #sharedVideo, .whiteboard-container #dominantSpeaker, .whiteboard-container #largeVideoElementsContainer, .whiteboard-container #sharedVideo {
  display: none;
}

.stage-filmstrip #largeVideoElementsContainer, .stage-filmstrip #remoteConnectionMessage, .stage-filmstrip #remotePresenceMessage, .tile-view #largeVideoElementsContainer, .tile-view #remoteConnectionMessage, .tile-view #remotePresenceMessage, .whiteboard-container #largeVideoElementsContainer, .whiteboard-container #remoteConnectionMessage, .whiteboard-container #remotePresenceMessage {
  display: none !important;
}

.stage-filmstrip span:not(.tile-view) .filmstrip, .vertical-filmstrip span:not(.tile-view) .filmstrip {
  align-items: flex-end;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  width: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 251;
}

.stage-filmstrip span:not(.tile-view) .filmstrip.hide-videos .remote-videos > div, .vertical-filmstrip span:not(.tile-view) .filmstrip.hide-videos .remote-videos > div {
  opacity: 0;
  pointer-events: none;
}

.stage-filmstrip span:not(.tile-view) .filmstrip.no-vertical-padding, .vertical-filmstrip span:not(.tile-view) .filmstrip.no-vertical-padding {
  padding: 0;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos, .vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos {
  bottom: 0;
  padding: 0;
  position: relative;
  right: 0;
  width: auto;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos#remoteVideos, .vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos#remoteVideos {
  border: 2px solid transparent;
  padding-left: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo {
  align-self: initial;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column-reverse;
  height: auto;
  justify-content: flex-start;
  width: 100%;
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo #filmstripLocalVideoThumbnail, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo #filmstripLocalVideoThumbnail {
  width: calc(100% - 15px);
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo #filmstripLocalVideoThumbnail .videocontainer, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo #filmstripLocalVideoThumbnail .videocontainer {
  height: 0;
  width: 100%;
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare {
  align-self: initial;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column-reverse;
  height: auto;
  justify-content: flex-start;
  width: 100%;
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare #filmstripLocalScreenShareThumbnail, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare #filmstripLocalScreenShareThumbnail {
  width: calc(100% - 15px);
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare #filmstripLocalScreenShareThumbnail .videocontainer, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare #filmstripLocalScreenShareThumbnail .videocontainer {
  height: 0;
  width: 100%;
}

.stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare, .stage-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo, .stage-filmstrip span:not(.tile-view) .filmstrip .remote-videos, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalScreenShare, .vertical-filmstrip span:not(.tile-view) .filmstrip #filmstripLocalVideo, .vertical-filmstrip span:not(.tile-view) .filmstrip .remote-videos {
  padding: 0;
}

.stage-filmstrip span:not(.tile-view) .filmstrip #remoteVideos, .vertical-filmstrip span:not(.tile-view) .filmstrip #remoteVideos {
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  flex-grow: 1;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .resizable-filmstrip #remoteVideos .videocontainer, .vertical-filmstrip span:not(.tile-view) .filmstrip .resizable-filmstrip #remoteVideos .videocontainer {
  border-left: 0;
  margin: 0;
}

.stage-filmstrip span:not(.tile-view) .filmstrip.reduce-height, .vertical-filmstrip span:not(.tile-view) .filmstrip.reduce-height {
  height: calc(100% - calc(calc(48px + 24px) + 7px));
}

.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos, .vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos {
  align-items: center;
  border: 0;
  padding-right: 7px;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos.has-scroll, .vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos.has-scroll {
  padding-right: 0;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos .remote-videos > div, .vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos .remote-videos > div {
  left: 0;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos .videocontainer, .vertical-filmstrip span:not(.tile-view) .filmstrip .filmstrip__videos.vertical-view-grid#remoteVideos .videocontainer {
  border: 0;
  margin: 2px;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .remote-videos, .vertical-filmstrip span:not(.tile-view) .filmstrip .remote-videos {
  display: flex;
  overscroll-behavior: contain;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .remote-videos.height-transition, .vertical-filmstrip span:not(.tile-view) .filmstrip .remote-videos.height-transition {
  transition: height 0.3s ease-in;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .remote-videos > div, .vertical-filmstrip span:not(.tile-view) .filmstrip .remote-videos > div {
  position: absolute;
  transition: opacity 1s;
}

.stage-filmstrip span:not(.tile-view) .filmstrip .remote-videos.is-not-overflowing > div, .vertical-filmstrip span:not(.tile-view) .filmstrip .remote-videos.is-not-overflowing > div {
  bottom: 0;
}

.stage-filmstrip #etherpad, .stage-filmstrip #sharedvideo, .vertical-filmstrip #etherpad, .vertical-filmstrip #sharedvideo {
  text-align: left;
}

.stage-filmstrip .filmstrip__videos .videocontainer .self-view-mobile-portrait video, .vertical-filmstrip .filmstrip__videos .videocontainer .self-view-mobile-portrait video {
  object-fit: contain;
}

.stage-filmstrip .large-video-labels.with-filmstrip, .vertical-filmstrip .large-video-labels.with-filmstrip {
  right: 150px;
}

.stage-filmstrip .large-video-labels.with-filmstrip.opening, .vertical-filmstrip .large-video-labels.with-filmstrip.opening {
  transition: 0.9s;
  transition-timing-function: ease-in-out;
}

.stage-filmstrip .large-video-labels.without-filmstrip, .vertical-filmstrip .large-video-labels.without-filmstrip {
  transition: 1.2s ease-in-out;
  transition-delay: 0.1s;
}

.stage-filmstrip .self-view-mobile-portrait #localVideo_container, .vertical-filmstrip .self-view-mobile-portrait #localVideo_container {
  object-fit: contain;
}

.unsupported-desktop-browser {
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  text-align: center;
}

.unsupported-desktop-browser__title {
  color: #fff;
  font-weight: 300;
  font-size: 1.5rem;
  letter-spacing: 1px;
}

.unsupported-desktop-browser__description, .unsupported-desktop-browser__description_small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 16px;
}

.unsupported-desktop-browser__description_small {
  font-size: 1rem;
}

.unsupported-desktop-browser__link {
  color: #489afe;
  -moz-transition: color 0.1s ease-out;
  -o-transition: color 0.1s ease-out;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}

.unsupported-desktop-browser__link:hover {
  color: #287ade;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}

.deep-linking-desktop {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}

.deep-linking-desktop .header {
  width: 100%;
  height: 55px;
  background-color: #f1f2f5;
  padding-top: 15px;
  padding-left: 50px;
  display: flex;
  flex-flow: row;
  flex: 0 0 55px;
}

.deep-linking-desktop .header .logo {
  height: 40px;
}

.deep-linking-desktop .content {
  padding-top: 40px;
  padding-bottom: 40px;
  left: 0;
  right: 0;
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: row;
}

.deep-linking-desktop .content .leftColumn {
  left: 0;
  width: 50%;
  min-height: 156px;
  display: flex;
  flex-flow: column;
}

.deep-linking-desktop .content .leftColumn .leftColumnContent {
  padding: 20px;
  display: flex;
  flex-flow: column;
  height: 100%;
}

.deep-linking-desktop .content .leftColumn .leftColumnContent .image {
  background-image: url(../images/deep-linking-image.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 100%;
  width: 100%;
}

.deep-linking-desktop .content .rightColumn {
  top: 0;
  width: 50%;
  min-height: 156px;
  display: flex;
  flex-flow: row;
  align-items: center;
}

.deep-linking-desktop .content .rightColumn .rightColumnContent {
  display: flex;
  flex-flow: column;
  padding: 20px 20px 20px 60px;
}

.deep-linking-desktop .content .rightColumn .rightColumnContent .title {
  color: #1c2946;
}

.deep-linking-desktop .content .rightColumn .rightColumnContent .description {
  color: #606a80;
  margin-top: 8px;
}

.deep-linking-desktop .content .rightColumn .rightColumnContent .buttons {
  margin-top: 16px;
  display: flex;
  align-items: center;
}

.deep-linking-desktop .content .rightColumn .rightColumnContent .buttons > button:first-child {
  margin-right: 8px;
}

.deep-linking-mobile {
  background-color: #fff;
  height: 100dvh;
  overflow: auto;
  position: relative;
  width: 100vw;
}

.deep-linking-mobile .header {
  width: 100%;
  height: 70px;
  background-color: #f1f2f5;
  text-align: center;
}

.deep-linking-mobile .header .logo {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
}

.deep-linking-mobile a {
  text-decoration: none;
  color: inherit;
}

.deep-linking-mobile__body {
  color: #4a4a4a;
  margin: auto;
  max-width: 40em;
  padding: 35px 0 40px 0;
  text-align: center;
  width: 90%;
}

.deep-linking-mobile__body a:active {
  text-decoration: none;
}

.deep-linking-mobile__body .image {
  max-width: 80%;
}

.deep-linking-mobile__text {
  font-weight: bolder;
  font-size: inherit;
  line-height: inherit;
  padding: 10px 10px 0 10px;
}

.deep-linking-mobile .deep-linking-dial-in, .deep-linking-mobile__text {
  font-size: 1em;
  line-height: 1.380952381em;
  margin-bottom: 0.65em;
}

.deep-linking-mobile .deep-linking-dial-in_small, .deep-linking-mobile__text_small {
  font-size: 1.5em;
  margin-bottom: 1em;
  margin-top: 1.1666666667em;
}

.deep-linking-mobile .deep-linking-dial-in_small strong, .deep-linking-mobile__text_small strong {
  font-size: 1.1666666667em;
}

.deep-linking-mobile .deep-linking-dial-in table, .deep-linking-mobile__text table {
  font-size: 1em;
}

.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-id, .deep-linking-mobile__text .dial-in-conference-id {
  text-align: center;
  min-width: 200px;
  margin-top: 40px;
}

.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-id, .deep-linking-mobile__text .dial-in-conference-id {
  margin: 10px 0 10px 0;
  padding: inherit;
  background-color: inherit;
  border-radius: inherit;
}

.deep-linking-mobile .deep-linking-dial-in .dial-in-conference-description, .deep-linking-mobile__text .dial-in-conference-description {
  font-size: 0.8em;
  line-height: inherit;
  margin-bottom: none;
}

.deep-linking-mobile .deep-linking-dial-in .toll-free-list, .deep-linking-mobile__text .toll-free-list {
  min-width: 80px;
}

.deep-linking-mobile .deep-linking-dial-in .numbers-list, .deep-linking-mobile__text .numbers-list {
  min-width: 150px;
}

.deep-linking-mobile .deep-linking-dial-in li.toll-free:empty:before, .deep-linking-mobile__text li.toll-free:empty:before {
  content: ".";
  visibility: hidden;
}

.deep-linking-mobile__href {
  height: 2.2857142857em;
  line-height: 2.2857142857em;
  margin: 18px auto 20px;
  max-width: 300px;
  width: auto;
  font-weight: bolder;
  font-size: inherit;
}

.deep-linking-mobile__button {
  border: 0;
  height: 2.2857142857em;
  line-height: 2.2857142857em;
  margin: 18px auto 10px;
  padding: 0 10px 0 10px;
  max-width: 300px;
  width: auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: rgba(9, 30, 66, 0.04);
  color: #505f79;
  font-weight: 700;
  font-size: inherit;
}

.deep-linking-mobile__button:active {
  background-color: rgba(9, 30, 66, 0.04);
}

.deep-linking-mobile__button_primary {
  background-color: #0052cc;
  color: #fff;
  border-radius: inherit;
}

.deep-linking-mobile__button_primary:active {
  background-color: #0052cc;
}

.deep-linking-mobile .deep-linking-dial-in {
  display: none;
}

.deep-linking-mobile .deep-linking-dial-in.has-numbers {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.deep-linking-mobile .deep-linking-dial-in .dial-in-numbers-list {
  color: #4a4a4a;
  padding-left: 20px;
}

.deep-linking-mobile .deep-linking-dial-in .dial-in-numbers-body {
  vertical-align: top;
}

.no-mobile-app {
  margin: 30% auto 0;
  max-width: 25em;
  text-align: center;
  width: auto;
}

.no-mobile-app__title {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding-bottom: 0.7083333333em;
}

.no-mobile-app__description {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 1em;
}

.meetings-list {
  font-size: 0.875rem;
  color: #253858;
  line-height: 1.25rem;
  text-align: left;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  flex-grow: 1;
}

.meetings-list .meetings-list-empty {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.meetings-list .meetings-list-empty .description {
  color: #2f3237;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: 16px;
  max-width: 436px;
}

.meetings-list .meetings-list-empty-image {
  text-align: center;
  margin: 24px 0 20px 0;
}

.meetings-list .meetings-list-empty-button {
  align-items: center;
  color: #0163ff;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 24px 0 32px 0;
}

.meetings-list .meetings-list-empty-icon {
  display: inline-block;
  margin-right: 8px;
}

.meetings-list .button {
  background: #0074e0;
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  cursor: pointer;
}

.meetings-list .calendar-action-buttons .button {
  margin: 0 10px;
}

.meetings-list .item {
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  display: inline-flex;
  margin: 4px 4px 0 4px;
  min-height: 60px;
  width: calc(100% - 8px);
  word-break: break-word;
  display: flex;
  flex-direction: row;
  text-align: left;
}

.meetings-list .item:first-child {
  margin-top: 0;
}

.meetings-list .item .left-column {
  order: -1;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  padding-left: 16px;
  padding-top: 13px;
}

.meetings-list .item .right-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding-left: 16px;
  padding-top: 13px;
  position: relative;
}

.meetings-list .item .title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 4px;
}

.meetings-list .item .subtitle {
  color: #5e6d7a;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

.meetings-list .item .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  margin-right: 16px;
}

.meetings-list .item.with-click-handler {
  cursor: pointer;
}

.meetings-list .item.with-click-handler:focus, .meetings-list .item.with-click-handler:hover {
  background-color: #c7ddff;
}

.meetings-list .item .add-button {
  width: 30px;
  height: 30px;
  padding: 0;
}

.meetings-list .item i {
  cursor: inherit;
}

.meetings-list .item .join-button {
  display: none;
}

.meetings-list .item:hover .join-button {
  display: block;
}

.meetings-list .delete-meeting {
  display: none;
  margin-right: 16px;
  position: absolute;
}

.meetings-list .delete-meeting > svg {
  fill: #0074e0;
}

.meetings-list .item:focus .delete-meeting, .meetings-list .item:focus-within .delete-meeting, .meetings-list .item:hover .delete-meeting {
  display: block;
}

.meetings-list .item:focus .delete-meeting:hover > svg, .meetings-list .item:focus-within .delete-meeting:hover > svg, .meetings-list .item:hover .delete-meeting:hover > svg {
  fill: #4687ed;
}

@media (max-width: 1024px) {
  .meetings-list .item .delete-meeting {
    display: block !important;
  }
}

.navigate-section-section-header, .navigate-section-tile-body, .navigate-section-tile-title {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  text-align: left;
  font-family: open_sanslight, Helvetica, sans-serif;
}

.navigate-section-tile-body, .navigate-section-tile-title {
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.navigate-section-list-tile {
  background-color: #1754a9;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin-bottom: 8px;
  margin-right: 8px;
  min-height: 100px;
  padding: 16px;
  width: 100%;
}

.navigate-section-list-tile.with-click-handler {
  cursor: pointer;
}

.navigate-section-list-tile.with-click-handler:hover {
  background-color: #1a5dbb;
}

.navigate-section-list-tile i {
  cursor: inherit;
}

.navigate-section-list-tile .element-after {
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigate-section-list-tile .join-button {
  display: none;
}

.navigate-section-list-tile:hover .join-button {
  display: block;
}

.navigate-section-tile-body {
  font-weight: 400;
  line-height: 1.5rem;
}

.navigate-section-list-tile-info {
  flex: 1;
  word-break: break-word;
}

.navigate-section-tile-title {
  font-weight: 700;
  line-height: 1.5rem;
}

.navigate-section-section-header {
  font-weight: 700;
  margin-bottom: 16px;
  display: block;
}

.navigate-section-list {
  position: relative;
  margin-top: 36px;
  margin-bottom: 36px;
  width: 100%;
}

.google-sign-in {
  background-color: #4285f4;
  border-radius: 2px;
  cursor: pointer;
  display: inline-flex;
  font-family: Roboto, arial, sans-serif;
  font-size: 0.875rem;
  padding: 1px;
}

.google-sign-in .google-cta {
  color: #fff;
  display: inline-block;
  line-height: 2rem;
  margin: 0 15px;
}

.google-sign-in .google-logo {
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 8px;
  height: 18px;
  width: 18px;
}

.microsoft-sign-in {
  align-items: center;
  background: #fff;
  border: 1px solid #8c8c8c;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-family: Segoe UI, Roboto, arial, sans-serif;
  height: 41px;
  padding: 12px;
}

.microsoft-sign-in .microsoft-cta {
  display: inline-block;
  color: #5e5e5e;
  font-size: 0.875rem;
  line-height: 2.5rem;
}

.microsoft-sign-in .microsoft-logo {
  display: inline-block;
  margin-right: 12px;
}

.chrome-extension-banner {
  position: fixed;
  width: 406px;
  height: 128px;
  background: #fff;
  box-shadow: 0 2px 48px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  z-index: 1000;
  float: right;
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
  top: 80px;
  right: 16px;
}

.chrome-extension-banner__pos_in_meeting {
  top: 10px;
  right: 10px;
}

.chrome-extension-banner__container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.chrome-extension-banner__button-container {
  display: flex;
}

.chrome-extension-banner__checkbox-container {
  display: flex;
  margin-left: 45px;
  margin-top: 16px;
}

.chrome-extension-banner__checkbox-label {
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.006em;
  color: #1c2025;
}

.chrome-extension-banner__icon-container {
  display: flex;
  background: url(../images/chromeLogo.svg);
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
}

.chrome-extension-banner__text-container {
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.006em;
  color: #151531;
  width: 329px;
}

.chrome-extension-banner__close-container {
  display: flex;
  width: 12px;
  height: 12px;
}

.chrome-extension-banner__gray-close-icon {
  fill: #5e6d7a;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.chrome-extension-banner__button-open-url {
  background: #0a57eb;
  border-radius: 24px;
  margin-left: 45px;
  width: 236px;
  height: 40px;
  cursor: pointer;
}

.chrome-extension-banner__button-text {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 2.5rem;
  text-align: center;
  letter-spacing: -0.006em;
  color: #fff;
}

.settings-button-container {
  position: relative;
}

.settings-button-container .toolbox-icon {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.disabled .settings-button-container .toolbox-icon, .settings-button-container .toolbox-icon.disabled {
  cursor: initial;
  color: #929292;
  background-color: #36383c;
}

.disabled .settings-button-container .toolbox-icon:hover, .settings-button-container .toolbox-icon.disabled:hover {
  background-color: #36383c;
}

.settings-button-small-icon {
  background: #36383c;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: pointer;
  padding: 1px;
  position: absolute;
  right: -4px;
  top: -3px;
}

.settings-button-small-icon:hover {
  background: #f2f3f4;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.settings-button-small-icon:hover svg {
  fill: #040404;
}

.settings-button-small-icon:hover.settings-button-small-icon--disabled {
  background: #36383c;
}

.settings-button-small-icon:hover.settings-button-small-icon--disabled svg {
  fill: #929292;
}

.settings-button-small-icon svg {
  fill: #fff;
}

.settings-button-small-icon--disabled {
  background-color: #36383c;
  cursor: default;
}

.settings-button-small-icon--disabled svg {
  fill: #929292;
}

.settings-button-small-icon-container {
  position: absolute;
  right: -4px;
  top: -3px;
}

.settings-button-small-icon-container .settings-button-small-icon {
  position: relative;
  top: 0;
  right: 0;
}

.jitsi-icon.metr {
  display: inline-block;
}

.jitsi-icon.metr > svg {
  fill: #525252;
  width: 38px;
}

.jitsi-icon.metr--disabled > svg {
  fill: #525252;
}

.metr-l-0 rect:first-child {
  fill: #1ec26a;
}

.metr-l-1 rect:nth-child(-n+2) {
  fill: #1ec26a;
}

.metr-l-2 rect:nth-child(-n+3) {
  fill: #1ec26a;
}

.metr-l-3 rect:nth-child(-n+4) {
  fill: #1ec26a;
}

.metr-l-4 rect:nth-child(-n+5) {
  fill: #1ec26a;
}

.metr-l-5 rect:nth-child(-n+6) {
  fill: #1ec26a;
}

.metr-l-6 rect:nth-child(-n+7) {
  fill: #1ec26a;
}

.metr-l-7 rect:nth-child(-n+8) {
  fill: #1ec26a;
}

.lobby-screen {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.lobby-screen-content {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.lobby-screen-content .spinner {
  margin: 8px;
}

.lobby-screen-content .lobby-chat-container {
  background-color: #131519;
  width: 100%;
  height: 314px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 16px;
  border-radius: 5px;
}

.lobby-screen-content .lobby-chat-container .lobby-chat-header {
  display: none;
}

.lobby-screen-content .joining-message {
  color: #fff;
  margin: 24px auto;
  text-align: center;
}

.lobby-screen-content .open-chat-button {
  display: none;
}

#lobby-section {
  display: flex;
  flex-direction: column;
}

#lobby-section .description {
  font-size: 0.75rem;
}

#lobby-section .control-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 15px;
}

#lobby-section .control-row label {
  font-size: 0.875rem;
  font-weight: 700;
}

#notification-participant-list {
  background-color: #131519;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  left: 0;
  margin: 20px;
  max-height: 600px;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  top: 30px;
  z-index: 251;
}

#notification-participant-list:empty {
  border: none;
}

#notification-participant-list.toolbox-visible {
  top: 120px;
}

#notification-participant-list.avoid-chat {
  left: 315px;
}

#notification-participant-list .title {
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 1.2em;
  padding: 15px;
}

#notification-participant-list button {
  align-self: stretch;
  margin-bottom: 8px 0;
  padding: 12px;
  transition: 0.2s transform ease;
}

#notification-participant-list button:disabled {
  opacity: 0.5;
}

#notification-participant-list button:hover {
  transform: scale(1.05);
}

#notification-participant-list button:hover:disabled {
  transform: none;
}

#notification-participant-list button.borderLess {
  background-color: transparent;
  border-width: 0;
}

#notification-participant-list button.primary {
  background-color: #0376da;
  border-width: 0;
}

.knocking-participants-container {
  list-style-type: none;
  padding: 0 15px 15px 15px;
}

.knocking-participant {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 8px 0;
}

.knocking-participant .details {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-evenly;
  margin: 0 30px 0 10px;
}

.knocking-participant button {
  align-self: unset;
  margin: 0 5px;
}

@media (max-width: 300px) {
  #knocking-participant-list {
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #knocking-participant-list .avatar {
    display: none;
  }
  .knocking-participant {
    flex-direction: column;
  }
  .knocking-participant .details {
    margin: 0;
  }
}

@media (max-width: 1000px) {
  .lobby-screen-content .lobby-chat-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 255;
  }
  .lobby-screen-content .lobby-chat-container.hidden {
    display: none;
  }
  .lobby-screen-content .lobby-chat-container .lobby-chat-header {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .lobby-screen-content .lobby-chat-container .lobby-chat-header .title {
    flex: 1;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    letter-spacing: -1.2%;
  }
  .lobby-screen-content .open-chat-button {
    display: block;
  }
}

.lobby-button-margin {
  margin-bottom: 16px;
}

.lobby-prejoin-error {
  background-color: #e04757;
  border-radius: 6px;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 16px;
  margin-top: -8px;
  padding: 4px;
  text-align: center;
  width: 100%;
}

.lobby-prejoin-input {
  margin-bottom: 16px;
  width: 100%;
}

.lobby-prejoin-input input {
  text-align: center;
}

.premeeting-screen .action-btn {
  border-radius: 6px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 16px;
  padding: 7px 16px;
  position: relative;
  text-align: center;
  width: 100%;
}

.premeeting-screen .action-btn.primary {
  background: #0376da;
  border: 1px solid #0376da;
}

.premeeting-screen .action-btn.secondary {
  background: #3d3d3d;
  border: 1px solid transparent;
}

.premeeting-screen .action-btn.text {
  width: auto;
  font-size: 0.75rem;
  margin: 0;
  padding: 0;
}

.premeeting-screen .action-btn.disabled {
  background: #5e6d7a;
  border: 1px solid #5e6d7a;
  color: #afb6bc;
  cursor: initial;
}

.premeeting-screen .action-btn.disabled .icon > svg {
  fill: #afb6bc;
}

.premeeting-screen .action-btn .options {
  border-radius: 3px;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
}

.premeeting-screen .action-btn .options:hover {
  background-color: #0262b6;
}

.premeeting-screen .action-btn .options svg {
  pointer-events: none;
}

.premeeting-screen #new-toolbox {
  bottom: 0;
  position: relative;
  transition: none;
}

.premeeting-screen #new-toolbox .toolbox-content {
  margin-bottom: 4px;
}

.premeeting-screen #new-toolbox .toolbox-content-items {
  background: 0 0;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}

body[dir=rtl] .premeeting-screen #new-toolbox .toolbox-content-items {
  direction: ltr;
}

body[dir=rtl] .premeeting-screen #new-toolbox .toolbox-content-items > * {
  direction: rtl;
}

.premeeting-screen #new-toolbox .toolbox-content, .premeeting-screen #new-toolbox .toolbox-content-items, .premeeting-screen #new-toolbox .toolbox-content-wrapper {
  box-sizing: border-box;
  width: auto;
}

@media (max-width: 400px) {
  .premeeting-screen .device-status-error {
    border-radius: 0;
    margin: 0 -16px;
  }
  .premeeting-screen .action-btn {
    font-size: 1rem;
    margin-bottom: 8px;
    padding: 11px 16px;
  }
}

#preview {
  background: #040404;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

#preview .avatar text {
  fill: #fff;
}

#preview video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.prejoin-third-party {
  flex-direction: column-reverse;
  z-index: auto;
  align-items: center;
}

.prejoin-third-party .content {
  height: auto;
  margin: 0 auto;
  width: auto;
}

.prejoin-third-party .content .new-toolbox {
  width: auto;
}

.prejoin-third-party #preview {
  background-color: transparent;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.prejoin-third-party #preview .avatar {
  display: none;
}

.prejoin-third-party.splash .content {
  margin-left: calc((100% - 336px + 300px)/ 2);
}

.prejoin-third-party.guest .content {
  margin-bottom: auto;
}

.invite-more-dialog {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.invite-more-dialog.separator {
  margin: 24px 0 24px -20px;
  padding: 0 20px;
  width: 100%;
  height: 1px;
  background: #5e6d7a;
}

.invite-more-dialog.stream {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  margin-top: 8px;
  width: calc(100% - 26px);
  height: 22px;
  background: #2a3a4b;
  border: 1px solid #5e6d7a;
  border-radius: 3px;
  cursor: pointer;
}

.invite-more-dialog.stream:hover {
  font-weight: 600;
}

.invite-more-dialog.stream-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 292px;
}

.invite-more-dialog.stream-text.selected {
  font-weight: 600;
}

.invite-more-dialog.stream.clicked {
  background: #31b76a;
  border: 1px solid #31b76a;
}

.invite-more-dialog.stream > div > svg > path {
  fill: #fff;
}

.security-dialog {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.security-dialog.password-section {
  display: flex;
  flex-direction: column;
}

.security-dialog.password-section .description {
  font-size: 0.75rem;
}

.security-dialog.password-section .password {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
  flex-direction: column;
}

.security-dialog.password-section .password-actions {
  margin-top: 10px;
}

.security-dialog.password-section .password-actions button {
  cursor: pointer;
  text-decoration: none;
  font-size: 0.875rem;
  color: #6fb1ea;
}

.security-dialog.password-section .password-actions > :not(:last-child) {
  margin-right: 24px;
}

.security-dialog .separator-line {
  margin: 24px 0 24px -20px;
  padding: 0 20px;
  width: 100%;
  height: 1px;
  background: #5e6d7a;
}

.security-dialog .separator-line:last-child {
  display: none;
}

.new-toolbox .toolbox-content .toolbox-icon.toggled.security-toolbar-button {
  border-width: 0;
}

.new-toolbox .toolbox-content .toolbox-icon.toggled.security-toolbar-button:not(:hover) {
  background: unset;
}

@media only screen and (max-width: 500px) {
  .welcome {
    display: block;
  }
  .welcome #enter_room .welcome-page-button {
    font-size: 1rem;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .welcome .header {
    background-color: #002637;
  }
  .welcome .header .insecure-room-name-warning {
    width: 100%;
  }
  .welcome .header #enter_room {
    width: 100%;
  }
  .welcome .header #enter_room .join-meeting-container {
    padding: 0;
    flex-direction: column;
    background: 0 0;
  }
  .welcome .header #enter_room .enter-room-input-container {
    padding-right: 0;
    margin-bottom: 10px;
  }
  .welcome .header-text-title {
    text-align: center;
  }
  .welcome .welcome-cards-container {
    padding: 0;
  }
  .welcome.without-content .header {
    height: 100%;
  }
  .welcome #moderated-meetings {
    display: none;
  }
  .welcome .welcome-footer-row-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
}

.jitsi-icon-dominant-speaker {
  background-color: #1ec26a;
  border-radius: 3px;
}

.reactions-menu {
  width: 330px;
  background: #242528;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.6), 0 0 4px 1px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 16px;
}

.reactions-menu.with-gif {
  width: 380px;
}

.reactions-menu.with-gif .reactions-row .toolbox-button:last-of-type {
  top: 3px;
}

.reactions-menu.with-gif .reactions-row .toolbox-button:last-of-type .toolbox-icon.toggled {
  background-color: #000;
}

.reactions-menu.overflow {
  width: 100%;
}

.reactions-menu.overflow .toolbox-icon {
  width: 48px;
  height: 48px;
}

.reactions-menu.overflow .toolbox-icon span.emoji {
  width: 48px;
  height: 48px;
}

.reactions-menu.overflow .reactions-row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.reactions-menu.overflow .reactions-row .toolbox-button {
  margin-right: 0;
}

.reactions-menu.overflow .reactions-row .toolbox-button:last-of-type {
  top: 0;
}

.reactions-menu .toolbox-icon {
  width: 40px;
  height: 40px;
  border-radius: 6px;
}

.reactions-menu .toolbox-icon span.emoji {
  width: 40px;
  height: 40px;
  font-size: 1.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: font-size ease 0.1s;
}

.reactions-menu .toolbox-icon span.emoji.increase-1 {
  font-size: calc(1.25rem + 1px);
}

.reactions-menu .toolbox-icon span.emoji.increase-2 {
  font-size: calc(1.25rem + 2px);
}

.reactions-menu .toolbox-icon span.emoji.increase-3 {
  font-size: calc(1.25rem + 3px);
}

.reactions-menu .toolbox-icon span.emoji.increase-4 {
  font-size: calc(1.25rem + 4px);
}

.reactions-menu .toolbox-icon span.emoji.increase-5 {
  font-size: calc(1.25rem + 5px);
}

.reactions-menu .toolbox-icon span.emoji.increase-6 {
  font-size: calc(1.25rem + 6px);
}

.reactions-menu .toolbox-icon span.emoji.increase-7 {
  font-size: calc(1.25rem + 7px);
}

.reactions-menu .toolbox-icon span.emoji.increase-8 {
  font-size: calc(1.25rem + 8px);
}

.reactions-menu .toolbox-icon span.emoji.increase-9 {
  font-size: calc(1.25rem + 9px);
}

.reactions-menu .toolbox-icon span.emoji.increase-10 {
  font-size: calc(1.25rem + 10px);
}

.reactions-menu .toolbox-icon span.emoji.increase-11 {
  font-size: calc(1.25rem + 11px);
}

.reactions-menu .toolbox-icon span.emoji.increase-12 {
  font-size: calc(1.25rem + 12px);
}

.reactions-menu .reactions-row .toolbox-button {
  margin-right: 8px;
  touch-action: manipulation;
  position: relative;
}

.reactions-menu .reactions-row .toolbox-button:last-of-type {
  margin-right: 0;
}

.reactions-menu .raise-hand-row {
  margin-top: 16px;
}

.reactions-menu .raise-hand-row .toolbox-button {
  width: 100%;
}

.reactions-menu .raise-hand-row .toolbox-icon {
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.reactions-menu .raise-hand-row .toolbox-icon span.text {
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-left: 8px;
}

.reactions-animations-overflow-container {
  position: absolute;
  width: 20%;
  bottom: 0;
  left: 40%;
  height: 0;
}

.reactions-menu-popup-container {
  display: inline-block;
  position: relative;
}

.reactions-animations-container {
  left: 50%;
  bottom: 0;
  display: inline-block;
  position: absolute;
}

.reaction-emoji {
  position: absolute;
  font-size: 1.5rem;
  line-height: 2rem;
  width: 32px;
  height: 32px;
  top: 0;
  left: 20px;
  opacity: 0;
  z-index: 1;
}

.reaction-emoji.reaction-0 {
  animation: flowToRight 5s forwards ease-in-out;
}

.reaction-emoji.reaction-1 {
  animation: animation-1 5s forwards ease-in-out;
  top: -32.9211071479px;
  left: 3.2584295985px;
}

.reaction-emoji.reaction-2 {
  animation: animation-2 5s forwards ease-in-out;
  top: -2.3725965566px;
  left: 0.2486027668px;
}

.reaction-emoji.reaction-3 {
  animation: animation-3 5s forwards ease-in-out;
  top: 5.6030151698px;
  left: 3.6406666306px;
}

.reaction-emoji.reaction-4 {
  animation: animation-4 5s forwards ease-in-out;
  top: -19.7071939123px;
  left: 8.6695791328px;
}

.reaction-emoji.reaction-5 {
  animation: animation-5 5s forwards ease-in-out;
  top: -31.4803280881px;
  left: 12.0638124161px;
}

.reaction-emoji.reaction-6 {
  animation: animation-6 5s forwards ease-in-out;
  top: -6.2596994216px;
  left: 1.8447854717px;
}

.reaction-emoji.reaction-7 {
  animation: animation-7 5s forwards ease-in-out;
  top: -14.2229673252px;
  left: 16.7924925139px;
}

.reaction-emoji.reaction-8 {
  animation: animation-8 5s forwards ease-in-out;
  top: -1.2193681898px;
  left: 25.9196228903px;
}

.reaction-emoji.reaction-9 {
  animation: animation-9 5s forwards ease-in-out;
  top: -37.6500202195px;
  left: 4.9665519832px;
}

.reaction-emoji.reaction-10 {
  animation: animation-10 5s forwards ease-in-out;
  top: -37.5532959856px;
  left: 18.2133987824px;
}

.reaction-emoji.reaction-11 {
  animation: animation-11 5s forwards ease-in-out;
  top: -10.2233458261px;
  left: 11.7392429207px;
}

.reaction-emoji.reaction-12 {
  animation: animation-12 5s forwards ease-in-out;
  top: 1.8884998309px;
  left: 5.9977698219px;
}

.reaction-emoji.reaction-13 {
  animation: animation-13 5s forwards ease-in-out;
  top: -3.8370472477px;
  left: 3.9521335013px;
}

.reaction-emoji.reaction-14 {
  animation: animation-14 5s forwards ease-in-out;
  top: -0.611614013px;
  left: 10.6595167385px;
}

.reaction-emoji.reaction-15 {
  animation: animation-15 5s forwards ease-in-out;
  top: -22.7886935074px;
  left: 15.1801341459px;
}

.reaction-emoji.reaction-16 {
  animation: animation-16 5s forwards ease-in-out;
  top: -3.3240578014px;
  left: 23.8753881051px;
}

.reaction-emoji.reaction-17 {
  animation: animation-17 5s forwards ease-in-out;
  top: -6.1782610797px;
  left: 22.677009152px;
}

.reaction-emoji.reaction-18 {
  animation: animation-18 5s forwards ease-in-out;
  top: 7.1113231943px;
  left: 22.7469183063px;
}

.reaction-emoji.reaction-19 {
  animation: animation-19 5s forwards ease-in-out;
  top: -29.3655537612px;
  left: 11.0479617153px;
}

.reaction-emoji.reaction-20 {
  animation: animation-20 5s forwards ease-in-out;
  top: -2.6716748108px;
  left: 19.5200941055px;
}

@keyframes flowToRight {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(40px, -70dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(40px, -70dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(140px, -50dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-1 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-22.4999551896px, -65.9691808998dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-22.4999551896px, -65.9691808998dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-165.9166345957px, -49.2130942755dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-2 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-78.5211412372px, -66.1785339497dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-78.5211412372px, -66.1785339497dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-151.2353361358px, -40.5506361573dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-3 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-97.9888667496px, -69.7990351464dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-97.9888667496px, -69.7990351464dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-174.19699439px, -49.0072046578dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-4 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-91.9451095885px, -67.7798267265dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-91.9451095885px, -67.7798267265dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-170.7023688732px, -43.8212195738dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-5 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(11.3913899961px, -72.1936551827dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(11.3913899961px, -72.1936551827dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(198.9663588823px, -47.297717297dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-6 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(32.5511196443px, -74.4169484191dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(32.5511196443px, -74.4169484191dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(169.3982731508px, -45.6115189217dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-7 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(38.236912715px, -72.7731728258dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(38.236912715px, -72.7731728258dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(194.1667829681px, -48.0300485031dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-8 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-58.298537617px, -70.8043961804dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-58.298537617px, -70.8043961804dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-199.6856354079px, -41.0888522173dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-9 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(68.79962065px, -72.5897848677dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(68.79962065px, -72.5897848677dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(151.6258124741px, -48.400087492dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-10 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(59.812952936px, -65.8818758143dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(59.812952936px, -65.8818758143dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(188.8351983575px, -45.2414898128dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-11 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(93.5190609936px, -66.0926633067dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(93.5190609936px, -66.0926633067dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(166.462389939px, -45.1896676953dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-12 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(67.8275591007px, -66.7504662218dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(67.8275591007px, -66.7504662218dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(169.4388008117px, -43.2907761422dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-13 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-21.8923490251px, -65.623169207dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-21.8923490251px, -65.623169207dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-160.9527667077px, -49.5928678031dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-14 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-79.6719588795px, -73.0856706268dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-79.6719588795px, -73.0856706268dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-178.7729697224px, -42.1176176313dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-15 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(41.7151227601px, -67.0965978084dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(41.7151227601px, -67.0965978084dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(189.3075304463px, -41.0507892354dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-16 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-89.0246423269px, -74.5947085389dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-89.0246423269px, -74.5947085389dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-199.3957878902px, -43.432113373dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-17 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(26.2920151071px, -66.171110773dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(26.2920151071px, -66.171110773dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(162.8259896758px, -46.1492022929dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-18 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-46.1718894402px, -67.5818903539dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-46.1718894402px, -67.5818903539dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-168.6259648213px, -41.3258388485dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-19 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(-57.9361130035px, -71.0426337206dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(-57.9361130035px, -71.0426337206dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-152.0771720858px, -41.6728338355dvh) scale(1);
    opacity: 0;
  }
}

@keyframes animation-20 {
  0% {
    transform: translate(0, 0) scale(0.6);
    opacity: 1;
  }
  70% {
    transform: translate(51.1300058118px, -71.486304168dvh) scale(1.5);
    opacity: 1;
  }
  75% {
    transform: translate(51.1300058118px, -71.486304168dvh) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(187.277703584px, -41.0079503111dvh) scale(1);
    opacity: 0;
  }
}