{"version":3,"file":"renderer.css","mappings":"AAAA;;AAEA;ACCA;;ADEA;ACCA;;ADEA;;AAEA;ACCA;;ADEA;ACCA;;ADEA;;AAEA;ACCA;;ADEA;ACCA;;ADEA;EACE;EACA;EACA;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;ACQF;ADNA;EACE;EAAA;EAAA;EACA;EAAA;MAAA;UAAA;EACA;MAAA;UAAA;ACeF;;ADZA;EACE;EACA;EACA;EACA;EACA;ACeF;;ADZA;;EAEE;EACA;ACeF;ADbA;EACE;EACA;ACeF;;ADZA;;EAEE;ACeF;ADbA;EACE;ACeF;;ADZA;EACE;EAAA;EAAA;EACA;MAAA;UAAA;ACmBF;ADjBA;EACE;MAAA;UAAA;EACA;EACA;EACA;ACqBF;;ADlBA;;AAEA;ACqBA;;AAEA,oqGAAoqG,C;ACnGpqG,WAAW;;AAEX;EACE,gEAAgE;EAChE,sBAAsB;EACtB,aAAa;EACb,YAAY;EACZ,cAAc;AAChB;;AAEA,YAAY;;AAEZ;EACE,cAAc,EAAE,oCAAoC;AACtD;AACA;;EAEE,cAAc,EAAE,kCAAkC;AACpD;;AAEA;EACE,uBAAuB,EAAE,iDAAiD;AAC5E;;AAEA,WAAW;;AAEX;EACE,4BAA4B;EAC5B,yBAAyB;EACzB,mBAAmB;AACrB;AACA,yBAAyB;AACzB;EACE,oBAAoB;EACpB,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,mBAAmB;AACrB;;AAEA,2BAA2B,YAAY,EAAE;AACzC,kCAAkC,WAAW,EAAE;;AAE/C,WAAW;;AAEX;EACE,4BAA4B;EAC5B,kBAAkB;EAClB,QAAQ;AACV;AACA,6CAA6C;AAC7C;EACE,6BAA6B;AAC/B;AACA;EACE,WAAW;EACX,oBAAoB;EACpB,gBAAgB;AAClB;AACA;EACE,UAAU;AACZ;AACA;;2DAE2D,uBAAuB,EAAE;AACpF;;gEAEgE,uBAAuB,EAAE;AACzF,iBAAiB,wBAAwB,EAAE;AAC3C;EACE,IAAI;EACJ,MAAM,6BAA6B,EAAE;EACrC,MAAM;AACR;AACA;EACE,IAAI;EACJ,MAAM,6BAA6B,EAAE;EACrC,MAAM;AACR;AACA;EACE,IAAI;EACJ,MAAM,6BAA6B,EAAE;EACrC,MAAM;AACR;;AAEA,8DAA8D;AAC9D,0CAA0C;;AAE1C,UAAU,qBAAqB,EAAE,wBAAwB,EAAE;;AAE3D;EACE,kBAAkB;EAClB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS;EACxC,gBAAgB;AAClB;AACA;EACE,2BAA2B;EAC3B,MAAM,EAAE,SAAS;EACjB,kBAAkB;AACpB;;AAEA,kBAAkB;;AAElB,0BAA0B,WAAW,CAAC;AACtC,yBAAyB,WAAW,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,wBAAwB,iBAAiB,CAAC;AAC1C,QAAQ,kBAAkB,CAAC;AAC3B,UAAU,0BAA0B,CAAC;AACrC,mBAAmB,6BAA6B,CAAC;;AAEjD,2BAA2B,WAAW,CAAC;AACvC,wBAAwB,WAAW,CAAC;AACpC,0BAA0B,WAAW,CAAC;AACtC,uBAAuB,WAAW,CAAC;AACnC;;;4BAG4B;AAC5B,8BAA8B,WAAW,CAAC;AAC1C,sDAAsD,WAAW,CAAC;AAClE,2BAA2B,WAAW,CAAC;AACvC,0BAA0B,WAAW,CAAC;AACtC,4BAA4B,WAAW,CAAC;AACxC,wBAAwB,WAAW,CAAC;AACpC,6BAA6B,WAAW,CAAC;AACzC,2BAA2B,WAAW,CAAC;AACvC,2BAA2B,WAAW,CAAC;AACvC,uBAAuB,WAAW,CAAC;AACnC,6BAA6B,WAAW,CAAC;AACzC,sBAAsB,WAAW,CAAC;AAClC,wBAAwB,WAAW,CAAC;;AAEpC,yBAAyB,WAAW,CAAC;AACrC,iBAAiB,WAAW,CAAC;;AAE7B,wBAAwB,wBAAwB,EAAE;;AAElD,qCAAqC;;AAErC,gDAAgD,WAAW,CAAC;AAC5D,mDAAmD,WAAW,CAAC;AAC/D,0BAA0B,iCAAiC,EAAE;AAC7D,mCAAmC,mBAAmB,CAAC;;AAEvD,SAAS;;AAET;mDACmD;;AAEnD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,2BAA2B,EAAE,4CAA4C;EACzE,wEAAwE;EACxE,wCAAwC;EACxC,oBAAoB,EAAE,mBAAmB;EACzC,oBAAoB;EACpB,YAAY;EACZ,aAAa,EAAE,mDAAmD;EAClE,kBAAkB;EAClB,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,oCAAoC;AACtC;;AAEA;;0BAE0B;AAC1B;EACE,kBAAkB;EAClB,UAAU;EACV,aAAa;EACb,aAAa;AACf;AACA;EACE,QAAQ,EAAE,MAAM;EAChB,kBAAkB;EAClB,kBAAkB;AACpB;AACA;EACE,SAAS,EAAE,OAAO;EAClB,kBAAkB;EAClB,kBAAkB;AACpB;AACA;EACE,QAAQ,EAAE,SAAS;AACrB;AACA;EACE,OAAO,EAAE,SAAS;AACpB;;AAEA;EACE,kBAAkB,EAAE,OAAO,EAAE,MAAM;EACnC,gBAAgB;EAChB,UAAU;AACZ;AACA;EACE,mBAAmB;EACnB,YAAY;EACZ,qBAAqB;EACrB,mBAAmB;EACnB,oBAAoB;AACtB;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,2BAA2B;EAC3B,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,MAAM,EAAE,SAAS;EACjB,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,eAAe;EACf,UAAU;AACZ;AACA,yCAAyC,8BAA8B;AACvE,8CAA8C,8BAA8B;;AAE5E;EACE,YAAY;EACZ,eAAe,EAAE,0CAA0C;AAC7D;AACA;;EAEE,+DAA+D;EAC/D,qBAAqB,EAAE,wBAAwB,EAAE,gBAAgB;EACjE,eAAe;EACf,uBAAuB;EACvB,oBAAoB;EACpB,kBAAkB;EAClB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,oBAAoB;EACpB,cAAc;EACd,UAAU;EACV,kBAAkB;EAClB,iBAAiB;EACjB,wCAAwC;EACxC,0CAA0C;EAC1C,kCAAkC;AACpC;AACA;;EAEE,qBAAqB;EACrB,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS;EACpC,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,cAAc,EAAE,yDAAyD;AAC3E;;AAEA,oBAAoB;;AAEpB,sBAAsB,cAAc,EAAE;;AAEtC;EACE,aAAa;AACf;;AAEA,iEAAiE;AACjE;;;;;EAKE,4BAA4B;EAC5B,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,oBAAoB;AACtB;AACA,0BAA0B,gBAAgB,EAAE;;AAE5C;EACE,kBAAkB;EAClB,kBAAkB;EAClB,UAAU;AACZ;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA,uBAAuB,mBAAmB,EAAE;AAC5C,2CAA2C,mBAAmB,EAAE;AAChE,wBAAwB,iBAAiB,EAAE;AAC3C,6GAA6G,mBAAmB,EAAE;AAClI,4HAA4H,mBAAmB,EAAE;;AAEjJ;EACE,sBAAsB;EACtB,uCAAuC;AACzC;;AAEA,4CAA4C;AAC5C,mBAAmB,mBAAmB,EAAE;;AAExC;EACE,kCAAkC;EAClC;IACE,kBAAkB;EACpB;AACF;;AAEA,oBAAoB;AACpB,0BAA0B,WAAW,EAAE;;AAEvC,iEAAiE;AACjE,+BAA+B,gBAAgB,EAAE;;ACvVjD;EACE,kBAAkB;EAClB,OAAO,EAAE,QAAQ;EACjB,mBAAmB;EACnB,WAAW;EACX,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;AAChB;;AAEA;EACE,6BAA6B;EAC7B,MAAM;AACR;;AAEA;EACE,0BAA0B;EAC1B,SAAS;AACX;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,WAAW;EACX,cAAc;EACd,sBAAsB;AACxB;;AAEA;EACE,cAAc;AAChB;;AC/BA;;;CAGC;;AAED;;;CAGC;;AAED,oBAAoB,cAAc,EAAE;AACpC,oBAAoB,cAAc,EAAE;AACpC,oBAAoB,cAAc,EAAE;AACpC,oBAAoB,cAAc,EAAE;AACpC,mBAAmB,cAAc,EAAE;AACnC,mBAAmB,cAAc,EAAE;AACnC,mBAAmB,cAAc,EAAE;AACnC,oBAAoB,cAAc,EAAE;AACpC,2BAA2B,cAAc,EAAE;AAC3C,2BAA2B,cAAc,EAAE;AAC3C,uBAAuB,cAAc,EAAE;AACvC,2BAA2B,cAAc,EAAE;AAC3C,2BAA2B,cAAc,EAAE;AAC3C,wBAAwB,cAAc,EAAE;AACxC,wBAAwB,cAAc,EAAE;AACxC,yBAAyB,cAAc,EAAE;;AAEzC,iCAAiC;;AAEjC;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;AACxB;AACA;EACE,cAAc;EACd,yBAAyB;AAC3B;AACA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,iBAAiB;AACnB;;AAEA,6BAA6B,cAAc,EAAE;AAC7C,4BAA4B,cAAc,EAAE;;AAE5C,8BAA8B,cAAc,EAAE;AAC9C,2BAA2B,cAAc,EAAE;AAC3C,6BAA6B,cAAc,EAAE;AAC7C,0BAA0B,cAAc,EAAE;;AAE1C,+BAA+B,cAAc,EAAE;AAC/C,iCAAiC,cAAc,EAAE;AACjD,2DAA2D,cAAc,EAAE;;AAE3E,+BAA+B,cAAc,EAAE;AAC/C,+BAA+B,cAAc,EAAE;;AAE/C,8BAA8B,cAAc,EAAE,iBAAiB,EAAE;;AAEjE,6BAA6B,cAAc,EAAE;AAC7C,+BAA+B,cAAc,EAAE;;AAE/C,2BAA2B,cAAc,EAAE;AAC3C,gCAAgC,cAAc,EAAE;AAChD,8BAA8B,cAAc,EAAE;AAC9C,8BAA8B,cAAc,EAAE;AAC9C,8CAA8C,cAAc,EAAE;AAC9D,iDAAiD,cAAc,EAAE;AACjE,0BAA0B,cAAc,EAAE;AAC1C,gCAAgC,cAAc,EAAE;AAChD;EACE,kBAAkB;EAClB,6BAA6B;EAC7B,cAAc;AAChB;AACA,2BAA2B,cAAc,EAAE,eAAe,EAAE;AAC5D,8BAA8B,cAAc,EAAE;AAC9C;EACE,WAAW;EACX,0BAA0B;EAC1B,6BAA6B;AAC/B;AACA;;EAEE,cAAc;EACd,iCAAiC;AACnC;;AAEA,oDAAoD,mBAAmB,EAAE;AACzE,mDAAmD,iCAAiC,EAAE;AACtF,4KAA4K,iCAAiC,EAAE;;AAE/M,qDAAqD,mBAAmB,EAAE;AAC1E,gKAAgK,mBAAmB,EAAE;AACrL,+KAA+K,mBAAmB,EAAE;;AAEpM,mBAAmB;;;;AAInB,sDAAsD;AACtD;EACE,2CAA2C;EAC3C,8CAA8C;EAC9C,sCAAsC;AACxC;;AAEA,yBAAyB;AACzB;EACE,eAAe;AACjB;;AAEA,+EAA+E;;AAE/E,SAAS;AACT;EACE,yBAAyB;AAC3B;;AAEA;EACE,cAAc;AAChB;;AAEA,UAAU;AACV;EACE,yBAAyB;AAC3B;;AAEA;EACE,cAAc;AAChB;;AAEA,WAAW;AACX;EACE,cAAc;AAChB;AACA,kDAAkD,cAAc,EAAE;AAClE,qDAAqD,WAAW,EAAE;AAClE,sDAAsD,cAAc,EAAE;;AAEtE;EACE,cAAc;AAChB;;AAEA,WAAW;AACX,qCAAqC,8BAA8B,EAAE;;AAErE,eAAe;AACf,8DAA8D,mBAAmB,EAAE;AACnF,oDAAoD,yBAAyB,EAAE;AAC/E,6DAA6D,mBAAmB,EAAE;AAClF,mDAAmD,yBAAyB,EAAE;;AAE9E,gBAAgB;AAChB;EACE,qCAAqC;AACvC;AACA;EACE,+BAA+B;AACjC;;ACpKA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,2BAA2B;EAC3B,sBAAsB;EACtB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,SAAS,EAAE,OAAO;EAClB,WAAW;AACb;AACA;EACE,SAAS;EACT,YAAY;AACd;;AAEA;EACE,QAAQ,EAAE,MAAM;EAChB,UAAU;AACZ;AACA;EACE,QAAQ;EACR,WAAW;AACb;;;AAGA;EACE,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,UAAU;AACZ;;AAEA;EACE,SAAS,EAAE,OAAO;EAClB,WAAW;AACb;AACA;EACE,SAAS;EACT,YAAY;AACd;;AAEA;EACE,QAAQ,EAAE,MAAM;EAChB,UAAU;AACZ;AACA;EACE,QAAQ;EACR,WAAW;AACb;;ACpDA,MACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,yBAEA,sBAEA,6BACA,4BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,wEACA,0CACA,iDACA,iEACA,+CAMA,yBACA,oCAGA,oCACA,kCACA,6CAGA,qEACA,iEAMA,8GACA,mJAKA,4BAKA,yBAIA,kBACA,qBACA,qBACA,qBACA,qBACA,sBAGA,oBAQA,wDAQA,+DASA,gDACA,oCAKA,yCACA,oJAKA,4BAGA,qCACA,mCAKA,yCAQA,gCAQA,sCAKA,mCAKA,qCAKA,gDAKA,mCAKA,uCAKA,4CAOA,4GAOA,+DACA,kEACA,2GACA,uHACA,oIASA,iCAKA,0CACA,sCAKA,iDACA,uCAMA,+BACA,4CAMA,gCAEA,gBACA,2CACA,2CACA,yCACA,0CACA,yCACA,0CAEA,qBAIA,8BACA,iDACA,8DAEA,uCACA,iDAEA,uBAEA,oCACA,gCACA,2BACA,wCAEA,kDACA,+CACA,qCACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,iEAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,mEACA,yFACA,yCACA,6DACA,gFACA,kDAQA,0CACA,iDAEA,uBACA,gCACA,iCACA,0CAGA,yCACA,0CAOA,iCACA,4CACA,0CACA,qDACA,iDACA,yDACA,4CAGA,8BACA,8BAUA,sBACA,oBACA,4BACA,sBACA,0BACA,2BACA,yBAEA,2CACA,8CAOA,oCACA,6DAEA,oDACA,gCAGA,uBACA,uCAKA,0BACA,yDAKA,+CACA,iDACA,uCAMA,2BAEA,2BACA,6BACA,6BACA,wDAEA,kCACA,sCAEA,0CACA,sCACA,sCACA,oDAEA,qCACA,iCACA,iCACA,4CACA,2CAEA,8CACA,wCACA,oCACA,oCACA,+CACA,8CACA,iDAEA,sCACA,kCACA,kCACA,6CACA,gCAEA,uCACA,mCACA,mCACA,iDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,iFACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAIA,iCAGA,uBACA,iCACA,mCACA,iCAEA,4CACA,8CACA,4CAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,qCACA,+CACA,qCACA,qCAGA,yCACA,8BACA,oDAGA,oCACA,yBACA,+CAGA,mCACA,yCACA,6CAGA,gEAGA,8DAGA,wDAGA,sCAGA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kDACA,wCACA,sDACA,+BACA,6CACA,oDACA,8CAEA,8CACA,uCAEA,sDACA,iEAGA,mCACA,gDACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BAGF,WACE,+CCvhBF,gBACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,4BAEA,6BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,+CACA,wEACA,iDACA,iEACA,+CAMA,4BAGA,oCACA,kCACA,6CAGA,qEACA,iEAQA,8DAQA,qEASA,gCACA,oCAKA,yCACA,2IAKA,4BAIA,qCACA,mCAKA,yCAQA,0CAQA,sCAKA,6CAKA,qCAKA,gDAKA,uCAKA,4CAOA,6GAOA,kEACA,qEACA,gGACA,4GACA,oIAKA,iCAKA,0CACA,sCAKA,iDACA,6CAEA,iDACA,8DAEA,mCACA,iDAEA,oCACA,gDACA,wCACA,4DAEA,kDACA,+CACA,uDACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,0CAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,kDACA,mDACA,yCACA,6DACA,0CACA,kCAQA,0CACA,iDAEA,gCACA,wDACA,0CAGA,yCACA,0CAOA,2CACA,4CACA,uCACA,qDACA,iDACA,yDACA,4CAOA,8CACA,0DAGA,uBACA,uCAKA,yDAKA,+CACA,iDACA,uCAMA,qCACA,6BACA,6BACA,wCAEA,sDACA,sCAEA,0CACA,sCACA,sCACA,8CAEA,qCACA,iCACA,iCACA,4CACA,2CACA,8CAEA,wCACA,oCACA,oCACA,+CACA,8CACA,kCAEA,sCACA,kCACA,kCACA,6CACA,oDAEA,uCACA,mCACA,mCACA,gDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,8EACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAGA,uBACA,iCACA,mCACA,2CAEA,0DACA,8CACA,sDAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,qCACA,+CACA,qCACA,qCAGA,wDACA,8BACA,oDAGA,oCACA,yBACA,gCAGA,mCACA,yCAOA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kCACA,sDACA,6CACA,mCACA,8CAEA,kDACA,oCAEA,mDACA,8BAGA,mCACA,iCACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BApCA,kCACE,yDAyCJ,mBACE,+BC1aF,KACE,sBAGF,qBAGE,mBASF,UAEE,YACA,WACA,SACA,UACA,gBAGF,KAEE,2BAKA,kBAGF,KAEE,0CACA,2BACA,gBAEA,wBACA,yCAIA,8EAGE,iBACA,eAIJ,iBACE,iBACA,YAGF,IACE,uBACA,iBACA,oBAaF,kBAME,aACA,oBAGF,SAEE,yCAKF,OACE,2BAGF,SACE,aAEA,YACA,WAGF,YACE,2CACA,kCACA,aACA,OACA,mBACA,uBACA,kBACA,uBAIF,aACE,kBACA,aACA,mBACA,qBACA,uBACA,MACA,QACA,SACA,OAKF,OACE,aAGF,eACE,aACA,iCAGF,eACE,mCACA,2BAEA,wBACE,iCACA,UAIJ,WACE,kBAGF,IACE,mCACA,0BAEA,qBAEA,gBACA,cACA,gBAEA,+BACA,kBACA,gBAIE,0CACE,iBCpLN,QACE,8BACA,kCAGF,mBACE,0BCLA,uBACE,WACA,YACA,gBAIF,oBACE,aACA,sBAEA,WACA,YAIF,sBACE,aACA,sBACA,cACA,YACA,aAMA,8NAGE,mBAMI,6XAGE,eAIA,wHACE,oBAKF,uSAEE,oDACA,8DAEA,wBACA,6DACA,YAIJ,0IACE,oDACA,8DAEA,wBACA,6DACA,YAON,qQAGE,eAaI,mIACE,oDACA,8DAEA,wBACA,6DAIA,iIACE,oBAUhB,SACE,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UCvHF,kBACE,aACA,eAGF,WACE,gBACA,mCAIA,6BACE,+BAGF,iBACE,aAMF,yCACE,aAGF,sBACE,aACA,mBACA,YACA,YAEA,+BACE,WAGF,+BACE,oDACA,8DAEA,wBACA,6DAGF,6BACE,YACA,kCACA,4BC5CJ,gBACA,uBACA,mBD8CE,qCACE,cACA,WAEA,YACA,4BAGF,mCACE,cACA,4BACA,kCAIA,qCACE,cAOF,oCACE,YACA,gDAIJ,4CACE,0BAIJ,cACE,WACA,YACA,WACA,sDEhEF,wCACE,mCACA,oCACA,uBACA,eAEA,8CACE,0DACA,2CAMA,yBACA,mBACA,iBACA,4BAGA,qDACE,iEAIF,yGAEE,iBACA,iEACA,eAQN,wCACE,mCACA,oCACA,uBACA,eAEA,8CACE,0DACA,2CAMA,yBACA,mBACA,iBACA,4BAGA,qDACE,iEAIF,yGAEE,iBACA,iEACA,eC3FR,uBACE,wBACA,YACA,cACA,WAEA,aACA,mBCsBA,4CDnBE,sCACA,gEACA,6BCLF,2CDSE,qCACA,mDACA,6BAEA,qDACE,4CACA,wBACA,kBAIJ,sCACE,kBACA,QACA,SACA,2BAEA,0CACE,WACA,WAGF,2CACE,UACA,qCAQJ,wCACE,YACA,cACA,iBAIA,+CACE,2BAEA,qBACA,kBACA,WACA,YACA,UACA,SACA,gBAGA,YACA,gBACA,gBAEA,cACA,6BACA,sCAIA,iBAEA,qDACE,aAGF,qDACE,sBACA,WAMA,4DACE,sBAGA,gBAMJ,2DACE,yBACA,WAEA,kEACE,yBAGA,gBAKJ,mDACE,kBAMR,uCAWE,eACA,UCxGA,4DD8FE,uBACA,mBCrHF,2DDyHE,uBACA,mBAQE,qEACE,yBACA,WAEA,4EACE,sBAIJ,2EACE,yBAEA,+EACE,UAGF,kFACE,yBE5JV,cACE,aAEA,qCACE,yBACA,SAEA,2DACE,0BAIJ,4DACE,gEACA,0CAGF,kEACE,mCACA,uBAEA,gJAEE,yCACA,yDAIJ,0CAME,uBAWA,oBAEA,qDACE,0DACA,mCAEA,yCACA,wBAEA,6DAEA,mBClDF,kTAGE,WCTN,kBACE,oBAEA,aACA,uBACA,mBAEA,kBACA,WACA,YACA,MACA,OAEA,sBACE,uBACA,gBACA,sDACA,sCACA,kBACA,oBACA,8BACA,wCAIA,WAIA,kCACE,sBACA,UAKF,mCACE,sBACA,UAMF,+EACE,UACA,kCAEF,mFACE,mBACA,UACA,8BCnDN,8BACE,oBAEA,aACA,uBACA,mBAEA,kBACA,WACA,YACA,MACA,OAEA,kDACE,6CACA,gBACA,sDACA,sCACA,kBACA,oBACA,8BACA,wCAIA,WAGF,kCACE,4BACA,oBCxBc,CD6BhB,wBACE,sBACA,WAEF,+BACE,mBACA,UACA,8BAGF,6BACE,UACA,8BE/CJ,qCAEE,aACA,kBACA,OACA,MACA,+BACA,oBAEA,iBACA,gBAEA,qBACA,sBACA,yBAEA,iDACA,2BACA,mCACA,2CACA,2BACA,kDAEA,uEACE,cACA,8BAGF,qDACE,kBACA,UACA,qBACA,QACA,SACA,oBACA,WACA,6BACA,sCAMA,+NACE,UACA,UACA,YACA,kBACA,oDAOF,+NACE,aACA,UACA,SACA,kBACA,iDAKF,yEACE,QACA,WACA,YACA,gBACA,kDAKF,yEACE,QACA,WACA,WACA,gBACA,mDAMF,sJACE,WACA,eAMF,sJACE,UAIJ,6DACE,oBAGF,6FACE,iBACA,YAIA,mEACE,iBACA,yBACA,mBAIJ,uDACE,gBAEA,yFACE,aACA,mBACA,mBACA,iBACA,uBAGF,iEACE,6BACA,iBACA,YAGF,qEACE,cACA,gBACA,mBACA,gCACA,+BACA,YACA,4DACA,eACA,mBACA,yBACA,mBACA,eACA,8BACA,cAGF,iFACE,gCAGF,mFACE,gBACA,cAIJ,2FACE,aACA,mBACA,8BAEA,2GACE,WACA,YACA,4BAIJ,6EACE,eAEE,6HACE,gBAGF,yIACE,WAMJ,2IACE,aACA,sBACA,yBAEA,+KACE,uBAGF,qLACE,4BAGF,mLACE,2BAGF,mLACE,2BAGF,6JACE,kCACA,sBAKN,qFACE,yDACA,0DAEA,qGACE,4DAKN,cAGE,kBAGF,iBAEE,iBACA,sBACA,oBACA,oBACA,kBACA,gBACA,YACA,cACA,yBC9OF,WAIE,YAEA,sBACE,iCCPA,+JACE,sBAEF,qKACE,sBAEF,yKACE,2BAEF,uKACE,0BAEF,uKACE,0BAEF,6KACE,6BAEF,yKACE,sBAIJ,mKACE,6BDHF,iBACE,aACA,mBACA,YAGA,YACA,YACA,yBAEA,qCACE,cACA,WAGF,gDAEE,cAGF,0BACE,2BAEF,sBACE,iBACA,yBACA,wBEjDN,YAEE,kBACA,cCHF,MACE,YACA,YAKA,YAMA,gBAEA,8BACE,mCAGF,kCACE,cACA,eACA,aAGF,eACE,eACA,oCACA,2CAKF,0BACE,kBAaA,qEACE,aAIF,uCACE,aAIA,6CAGE,cAGA,kBACA,QACA,UACA,WAGA,gBACA,kBAQN,wFACE,oDACA,8DAEA,wBACA,6DAIJ,WACE,aACA,mBACA,mBAEA,WACA,YAEA,oBACE,6CACA,uDAEA,wBACA,sDAGF,iBACE,aAGF,sCACE,mDAGF,sCACE,aACA,mBACA,mBAEA,WACA,YCrHJ,6BACE,WACA,YACA,aACA,sBAGF,sBACE,kBACA,OACA,QACA,YAEA,0BACE,MAGF,6BACE,SAIJ,+BACE,oBACA,kBACA,UAEA,2CACE,UACA,QACA,WACA,oCAEA,+CACE,SAEF,kDACE,YAIJ,6CACE,OACA,WACA,YACA,gCACA,kBACA,mBACA,iBAEA,iDACE,SAEF,oDACE,YCpDN,iBACE,YACA,aACA,mBAQA,kBASA,uCACE,yBAGA,aACA,mBAGA,mBAIA,WAEA,4DAEE,iCAGA,cAGA,WAGF,6Cf1CF,gBACA,uBACA,mBe4CI,qDACE,kCAIF,kDACE,iBAEA,yBACA,mBAIJ,8CACE,kBAGF,wDACE,iBACA,aACA,yBACA,mBACA,iCAGF,iEACE,aACA,eACA,uBACA,mBACA,gCAEA,0EACE,kCACA,WAIJ,qDACE,YACA,mDACA,mCACA,mBACA,iBZ/DJ,0EYoEM,YACA,iBZ3FN,yEY+FM,YACA,iBAGF,8DACE,SACA,YACA,WAKN,2CACE,2BACA,uBACA,kBACA,mBAGF,wCACE,cAEA,iDACE,gBAIJ,2BACE,kBACA,uBACA,qBAEA,6CACE,cACA,gBACA,eAGF,kCACE,wCAGF,mCACE,kCACA,mCACA,oCAEA,kBACA,8BAEA,iDACE,qBAGF,uCACE,mCACA,0BACA,oBP3JU,CO6JV,qBAEA,gBACA,cACA,gBAEA,+BACA,kBAUF,8EACE,4DACA,4CASA,2FACE,mEACA,mDAIA,gHACE,wBAMR,qDACE,wBC1MN,0BACE,6CACA,sBACA,cACA,gBAEA,aACA,iDAEA,uBAEA,6DACE,aAEA,gEACE,gBACA,2BClBJ,oEACE,cAEA,SACA,YACA,WAMA,0CACA,UACA,uBAEA,kCACA,eAKA,6EACE,oBAGF,0EACE,wBAGF,0EACE,mBDPF,oEACE,eAIJ,mCACE,kBACA,aACA,mBACA,+BAEA,kDACE,OACA,6BAEA,wDACE,WAIJ,4DACE,mBAGF,gHAIE,kBACA,OAHmB,CAInB,QACA,WACA,gBANmB,CAOnB,4CACA,aACA,uBACA,mBAEA,kIACE,YAIJ,gEACE,YACA,gBAEA,sEACE,oDAGF,8EACE,sCAGF,4EACE,oCAKN,6CAGE,YAIA,0JAEE,4BACA,6BAIJ,0CACE,kCAEA,gDACE,wBAGF,gDACE,mBAIJ,6CACE,kCAEA,mDACE,wBAGF,mDACE,mBAIJ,6DACE,+BAEA,mEACE,qCAQF,sEACE,gBAMA,4BACA,6BALA,0BAHF,sEAII,iBAQN,uDACE,8BACA,mCACA,mCAEA,YAEA,oEACE,aACA,gCACA,0DAGF,wFACE,kBAEA,8FACE,WACA,kBACA,WACA,WACA,WACA,+EACA,iCAIJ,gEACE,YACA,mBACA,2BACA,0CACA,4BACA,YACA,iBAEA,sEACE,UACA,YACA,gBAIJ,mEACE,aAEA,uBACA,uCAEA,+CACA,gDAGA,eAIA,yEACE,aAGF,4EACE,2CAGF,8EACE,UACA,gCACA,iCACA,eACA,kBACA,mCAIJ,iJAGE,YACA,kBACA,wBACA,uBACA,UACA,SACA,gBACA,mBACA,cAEA,YACA,WACA,eAEA,mKACE,oBAKA,kWACE,UAIJ,yJACE,YACA,WACA,oBAKN,yCACE,eACA,0BhB/PF,gBACA,uBACA,mBgBiQE,kDACE,cACA,YACA,iCACA,YAEA,kBE5QN,iBACE,6CACA,sBACA,cACA,gBAEA,aACA,iDACA,uBAEA,0CACE,gCACA,kBAGF,gCACE,eACA,aACA,uBACA,mBAEA,yCACE,cACA,YACA,iCAUF,qClB/BF,gBACA,uBACA,mBmBLF,cACE,aAIF,wBACE,YACA,aACA,sBACA,iBAEA,gCACE,2CACA,gDACA,yBACA,YACA,cAGF,gDACE,mBACA,YACA,kBAMA,sDACE,kBACA,OACA,WACA,eACA,kBnB9BJ,gBACA,uBACA,mBmBiCE,qEACE,YACA,cAKF,8DACE,iBAEA,qFACE,aACA,8BACA,mBAEA,wFACE,kCAIJ,8EACE,wBAEF,+EACE,uBF/DN,qEACE,cAEA,SACA,YACA,WAMA,0CACA,UACA,uBAEA,kCACA,eAKA,8EACE,oBAGF,2EACE,wBAGF,2EACE,mBEsCA,qEACE,SAIJ,sDACE,aACA,YACA,sBACA,2CACA,SAEA,4EACE,aACA,mBACA,kCACA,4BAEA,kFACE,4DAGF,2FACE,4DACA,kBACA,wCACA,wBACA,8BACA,oBACA,mBACA,kCACA,kBAGE,mHACE,kDAIJ,yGACE,kBACA,WACA,QAEA,mHACE,YACA,kBACA,oDAEA,0HACE,UACA,WACA,6DACA,kBAKN,iGACE,kCACA,yBAEA,2GACE,oDAMR,0EACE,aACA,mBAEA,kFACE,YAIJ,8EACE,YAEA,oFACE,iBAEF,oFACE,gBACA,UACA,eAMR,qCAGE,aAGF,4CACE,kBACA,8BAIJ,wBnBzKE,gBACA,uBACA,mBmByKA,gBAEA,aACA,mBACA,YACA,yBACA,WAKA,0CACA,2BAEA,yBAEA,yCACA,oDAEA,YACA,8BACA,gBACA,UAEA,iCACE,WAGF,4DAEE,0DACA,gDAGF,wEAEE,4CACA,6DAEA,gGACE,2CAIJ,oCACE,2BAGF,8BACE,YACA,6BACA,iBAGF,iCACE,cAIJ,YACE,aACA,gBAGF,8BAGE,iBAEA,6DAGF,WACE,iBAGF,4BACE,aAEA,8DAGF,wBACE,sDACA,2CACA,yDACA,sDAGA,mBACA,UAEA,iCACE,gCACA,iCACA,2BAGF,+CACE,eCnRJ,aACE,aACA,mBACA,8BAEA,8BACA,2CAEA,0BACE,2CACA,gBACA,iCAEA,YACA,aACA,sBACA,8BAEA,kEpBbF,gBACA,uBACA,mBoBeE,+BACE,kCAOJ,sBACE,uBAGA,eClCJ,sBACE,4BACA,WACA,gBACA,aACA,sBACA,mBACA,gBACA,kBAEA,2CACE,aACA,mBA2BA,oCAzBA,iDACE,YACA,mCAEA,oDACE,UACA,SACA,8BACA,qCAGF,mDACE,SAIJ,6DACE,OACA,YACA,WACA,eACA,gBACA,oBAMJ,+BACE,WACA,gBAKE,kFACE,gBAMN,qCAxDF,sBAyDI,+BAIF,qCACE,gDACE,cC9DJ,iCACE,iBAEA,6CACE,iBACA,gBACA,yCACA,6BAEA,gDACE,gBACA,SACA,UAEA,mDACE,eACA,gBAKN,iDACE,0BCrBN,0BACE,sBACA,cACA,+BAEA,aACA,iDAEA,2CACE,gBACA,kBACA,kCAEA,kDACE,wBACA,qBAIJ,kDACE,YACA,kBACA,kBAEA,kMAGE,6CAUA,2CACA,mCACA,yBACA,uBACA,kBACA,UAbA,qPACE,sCAGF,yOACE,+CAWJ,wDACE,cACA,iCACA,WACA,kBACA,UACA,cACA,WACA,mBCtDJ,sBACE,aACA,mBACA,uBACA,WACA,8BACA,UACA,kBAEA,+BACE,OAGF,+BACE,gBAEA,yCACE,sCAGF,6CACE,4BAGF,0CACE,uBAGF,4CACE,2BAGF,8CACE,2BAKN,6BAEE,uBACA,YACA,UACA,YACA,eAEA,sCAEE,kBAGF,oCACE,kCCnDN,yBAGE,uBAEA,kBACA,YAQA,iBAMA,8BAGA,mBAGA,0CAIE,eAEA,aACA,mBACA,mBAEA,6BAIF,kCACE,WACA,YAGA,4BAGA,UAKA,eAIF,gCACE,8BACA,qCAEA,mBACA,uBACA,gBAGF,kCACE,eACA,YACA,mBACA,uBACA,gBACA,uBAGF,kCACE,eACA,WACA,6BC7EJ,kBACE,YACA,YACA,gBAGF,8BACE,YACA,6BACA,mCACA,8BACA,yCAEA,mCAEE,qBAGF,kCACE,YAIF,oCACE,UAGF,yGAEE,sCAEA,6JACE,iBACA,oBAGF,6LACE,gBACA,mBAGF,uIACE,WACA,wBACA,qBACA,gBACA,mBAIJ,+CAEE,iCAGF,kDACE,uBACA,YAGF,yDACE,MACA,SAGF,qDACE,YAGF,2CACE,YAGF,wDACE,UACA,0BACA,aACA,qBACA,4DACA,2CACA,kCAEA,iKAEE,aAGF,sFACE,uCACA,wBACA,2BACA,0CACA,gCACA,UACA,YAGF,iEACE,qBAIJ,iEACE,YAMJ,oCACE,aACA,YACA,+CACA,sBACA,kBACA,eAEA,sCACE,eAGF,iDACE,kBACA,YACA,WACA,WACA,MAGF,mDACE,iBACA,sBACA,oBACA,oBACA,kBACA,gBACA,YACA,eACA,cACA,yBAEA,kBACA,QACA,WACA,kBAEA,yEACE,WACA,SAGF,2EACE,WACA,MAGF,4EACE,YACA,SAKF,mEACE,aAMF,4JACE,aAMF,4TAEE,aAIJ,6CACE,mDAGF,gDACE,sDAGF,8CACE,oDAEA,oNAGE,oDAGF,gEACE,WACA,YACA,aACA,mBACA,uBAIA,iHACE,aAKF,qHACE,aAKF,uHACE,aASF,mRACE,eAEA,8CACA,4CACA,mCAEA,+TACE,4CAMR,4CACE,gDAGF,2CACE,gDAGF,sDACE,UACA,8BAKA,iIACE,eAIJ,qDACE,uBAIJ,kBACE,qBACA,oCACA,iBAIA,oCACE,4CAGF,uCACE,+CAGF,wCACE,mCAGF,qCACE,6CAIJ,uCACE,iCAEA,yDACE,0CAEA,oEACE,0CAKN,0CACE,oCAEA,4DACE,6CAEA,uEACE,6CAKN,2CACE,6BAEA,6DACE,sCAEA,wEACE,sCAOJ,2BACE,kCAEF,6BACE,oCAEF,0BACE,iCAEF,8BACE,6BAIJ,sBACE,qDAGF,mBACE,kDAGF,wCACE,kCAEA,0DACE,2CAEA,qEACE,2CAIJ,yLAGE,eAEA,8CACA,4CACA,mCAEA,0NACE,4CAMJ,mEACE,iDACA,+CACA,sCAEA,8EACE,+CAOJ,kIACE,8CACA,4CACA,mCAEA,wJACE,4CAMA,sMACE,kDACA,gDACA,uCAEA,4NACE,gDAMJ,4MACE,qDACA,mDACA,0CAEA,kOACE,mDAOV,aACE,2BAGF,oBACE,+CACA,iBACA,kBACA,cAGF,UACE,eACA,gBACA,YACA,aACA,mBACA,UAGF,aACE,aACA,OACA,uBACA,YACA,aAEA,sBACE,YACA,6BAIF,4BACE,YACA,aACA,kBAGF,kCACE,2BAEF,iCACE,uBAGF,mEAEE,aACA,sBACA,mBACA,uBACA,aACA,YAEA,2ECpeF,yDDseI,8BAIJ,gCACE,wCACA,oBAGF,gCACE,kCACA,wCACE,wCAKN,sBACE,aACA,WACA,YACA,sBACA,uBACA,mBACA,aACA,YAEA,yCACE,aACA,gBACA,aACA,YACA,gCAEA,8DACE,iCACA,kCAEF,6DACE,gCACA,kCAIJ,0CACE,kCACA,wCACA,iDACE,uBAEF,mDACE,2BAKN,uBACE,aACA,sBACA,OACA,aACA,YAEA,yCACE,OACA,aACA,uBACA,mBACA,aACA,YAEA,0DACE,kBAEA,6JAEE,kBACA,YACA,WAEA,qKACE,SACA,uBAOV,uBACE,aACA,sBACA,OACA,aACA,YAEA,+BACE,kBAGF,yCACE,SACA,kCACA,OACA,aACA,uBACA,mBACA,aACA,YAEA,2HAEE,kBACA,WACA,YAEA,mIACE,uBAIJ,0DC/lBF,yDDimBI,kBAKN,kBACE,aACA,sBACA,OACA,aACA,YAEA,0BACE,kBAGF,oCACE,SACA,kCACA,OACA,aACA,uBACA,mBACA,aACA,YAEA,qDACE,kBC5nBJ,yDD+nBI,mJAEE,kBAEA,2JACE,uBAIJ,6DACE,SACA,gBACA,kBACA,QASN,2BACE,mCAGF,0BACE,kCAGF,uBACE,+BAEF,yBACE,cAGF,sBACE,cAGF,wBACE,gCAGF,0DAEE,uCAEF,iDAEE,kCAEF,oDAEE,iCAEA,4EACE,cAGJ,4BACE,oCAEF,uBACE,+BAEF,0BACE,cAEF,0BACE,cAEF,sBACE,8BAEF,4BACE,oCAEF,qBACE,cAEF,uBACE,0BACA,+BAEF,yBACE,iCAIA,iCACE,+BAKF,oCACE,+BAKF,qCACE,+BAKF,uCACE,mCAKF,+CACE,iCAKJ,oCACE,+CAGF,iCACE,4CAIJ,wBACE,aACA,sBACA,YACA,YACA,gBACA,kBAEA,+BACE,2BAEA,aACA,OAEA,kHAGE,uBACA,mBAEF,0CACE,6BACA,kBACA,wBAEA,4DACE,iBAGF,uDACE,0BACA,6BAEA,yDACE,SAMR,2CACE,kBACA,QACA,SACA,aACA,UACA,oBAGF,yDACE,sDACA,6CACA,yDAEA,kEACE,4BACA,gCACA,2BAGF,iFACE,cAIF,iGACE,6BACA,yDACA,8BAOF,kCACE,iCAGF,mDACE,cAMA,kEACE,cACA,UAUF,iEACE,cACA,UAIF,uEACE,WAMN,mEACE,qCACA,mCAGA,iBACA,kBAIJ,gBACE,aACA,sBACA,YACA,YACA,gBAEA,wBAKE,2CACA,iDAEA,aACA,mBACA,cACA,YACA,mBAEA,2CAbA,6BACE,iBft4BF,oCACE,sBAEF,uCACE,sBAEF,yCACE,2BAEF,wCACE,0BAEF,wCACE,0BAEF,2CACE,6BAEF,yCACE,sBAIJ,sCACE,6Be83BA,gDACE,iCACA,cAGF,wCACE,cACA,2BACA,kBACA,kBACA,cAGF,sCACE,iCAGF,yCACE,iCEv6BN,SACE,aACA,sBACA,OACA,gBAIA,YAGF,0BACE,YAGF,cACE,aACA,sBACA,OACA,aAEA,6CACE,SAGF,4BACE,2CACA,aACA,4BACA,iCAGF,mCACE,OACA,aACA,sBACA,aAGF,4BACE,mCACA,mCACA,yBACA,uBACA,kBACA,UAGF,6BACE,iBACA,iCAEA,qCACE,gBAKJ,oCACE,0BAGF,yBACE,8BACA,aACA,sBACA,8BACA,uBACA,iDACE,kBAIJ,2BACE,kCACA,iCAGF,qCACE,kCACA,aACA,yBACA,OACA,8BAEA,0CACE,aACA,mBAEA,sDACE,iCAIJ,8CACE,iCACA,UACA,gBAEA,yDACE,eAKN,uBACE,4BACA,iCACA,eAEA,4BACE,gBACA,2CACA,0BAEA,0CACE,4DAGF,yCACE,4DAGF,qCACE,uDACA,4CACA,4CAKN,gCACE,YAGF,+BACE,aACA,YACA,sBAEA,8CACE,sBC9IN,aACE,aACA,sBACA,OACA,aAEA,6CAEE,WACA,YAIA,0EAcE,sDAbA,8FACE,4DACA,4CAEF,oFACE,4DACA,4CACA,wDAEF,8FACE,4DAQJ,gDACE,uBAEA,kEACE,YAMJ,sDACE,wBAMA,wFAeE,6DAdA,4GACE,mEACA,mDAEF,kGACE,mEACA,mDACA,+DAEF,4GACE,mEACA,mDASN,gEACE,qCACA,sDAEA,wEACE,qCAKN,2CACE,yCACA,0BACA,mCACA,uBAEA,6CACE,6BAEA,wDACE,gBAMR,kDAEE,aACA,mBACA,mBAEA,yCACA,iCAGA,yDACA,4BAEA,8DACE,aACA,cACA,sBACA,gBACA,gBACA,eAEA,wFACE,aACA,mBACA,eAGF,gFACE,wCAEA,4GACE,kCAIJ,8J7BhIF,gBACA,uBACA,mB6BoIA,wFACE,aACA,qBACA,cACA,yBACA,2BACA,mCACA,YACA,iBACA,cAEA,sHACE,aACA,cACA,YACA,YAEA,0IACE,cACA,8BACA,mCACA,mDACA,2CACA,U7B7JN,gBACA,uBACA,mB6B+JI,8JACE,cACA,qBACA,iBACA,4DACA,mDAIJ,gIACE,cACA,YACA,kBACA,8BACA,mDACA,gCAIJ,wFACE,aCvLJ,gBACE,aACA,sBACA,aAEA,wBACE,WACA,YAGF,0BACE,kBACA,WACA,mBACA,qBACA,uBACA,UACA,YACA,wBACA,kBACA,mBACA,oBAEA,8BACE,wBACA,iCAKF,iEACE,iBACA,cACA,eAEA,wEACE,aAMJ,8EACE,mBAKF,yDACE,oBAOA,+EACE,WACA,iDACA,kBACA,YACA,WACA,WACA,oBAKN,yCACE,2CACA,iCACA,aACA,mBAEA,kDACE,iCAGF,gEACE,iCAWJ,2CAEE,uBAEA,qEACE,uBAGF,yEACE,2BAIJ,sBACE,8BACA,wCACA,iBACA,uBACA,qBAEA,oCACE,kCAIJ,sCACE,aAEA,kBACA,iCACA,aAGF,wCACE,gBACA,OACA,oBACA,4BAEA,qBAIF,kDAEE,iBACA,YAEA,sDACE,kBACA,qBACA,YAIJ,4BACE,yCACA,8BACA,qBACA,qBACA,uBACA,aAGF,qBACE,aACA,gBACA,SACA,wCAGF,mDACE,cACA,YAGF,0BACE,aACA,mBACA,YACA,4BACA,8BACA,cAEA,qEAEE,qBACA,kCACA,sBAGF,sCACE,iBAGF,gC9BvLF,gBACA,uBACA,mB8BuLI,cAIJ,uBACE,iCCjMJ,2BACE,aACA,sBACA,aACA,iCAEA,4CACE,gBACA,uBACA,cACA,mCAGF,sCACE,8BACA,wCACA,iBACA,qBACA,aACA,uBACA,mCAEA,uDACE,gCAGF,oDACE,kCAGF,gDACE,uBACA,UACA,YACA,wBACA,kBACA,mBACA,oBACA,2BACA,YAEA,oDACE,wBAKN,4CACE,aACA,kBACA,gBACA,mCAEA,yEACE,gBACA,gBACA,OAGF,kEACE,yCACA,8BACA,qBACA,qBACA,aAIJ,qCACE,aACA,eAEA,oDACE,aACA,4BACA,8BACA,mBAEA,4DACE,cAEA,oEACE,WACA,YAIA,sFACE,iBAMJ,oEACE,iCAGF,4EACE,gCAGA,uBACA,YACA,UACA,YACA,eAEA,mFACE,kCAMJ,4EACE,kCAGF,qFACE,uBAGF,uFACE,2BAIJ,yDACE,cACA,YAEA,kEACE,kCAGF,8D/BrIN,gBACA,uBACA,mB+B0IA,4CACE,aACA,sBAGF,iDACE,2CACA,4BAIA,uEACE,gBACA,gBAKF,qDACE,qDACA,4BACA,wDACA,gDAGF,8CACE,cAEA,6DACE,kCACA,kBACA,eAEA,wEACE,gBAGF,qEACE,cAEA,6EACE,kBACA,aAGE,4FACE,uBAON,6EACE,uBAKF,8FACE,iCAKF,uEACE,mBAOV,oDACE,aACA,mBACA,uBACA,cAEA,6DACE,iCAGF,2EACE,iCAIJ,uCACE,iBACA,YAEA,yCACE,kBACA,qBACA,YAON,yBAGM,qDACE,cAGF,qDACE,YAEA,2EACE,iCCjQR,oBACE,aACA,OAEA,gCCLJ,2BACE,UACA,cACA,8BACE,eAGF,kCACE,YACA,gBCNJ,YACE,aACA,mBACA,cACA,8BACA,YACA,aAEA,6BACE,aAGF,oBACE,aACA,sBACA,+CAEA,6BACE,cAGF,2BACE,YACA,cACA,aACA,gBC5BN,qBACE,aACA,sBACA,cAGA,kBAEA,oCACE,kBACA,WACA,QACA,YACA,WACA,iBAGA,gBACA,YCfJ,qBACE,6BACA,oDAEA,aACA,mBAEA,YACA,cAOA,YAEA,gCACA,iDAEA,sCACE,aACA,mBACA,cAEA,kDAGE,YAKF,+CAEE,YACA,iCAGF,sDACE,YAEA,gEACE,WAGJ,2DACE,YAEA,qEACE,WAGJ,qDACE,YAEA,+DACE,WAGJ,mEACE,WACA,6EACE,cAMR,gBACE,KACE,iCACA,0BAIJ,MACE,kCAGF,cACE,aAEA,iDAYA,kBACA,cAEA,8BACA,wCjCvEA,mCiC4DE,YjClFF,kCiCsFE,YASF,mBACE,aACA,mBAIA,gCACE,gCAGF,4BACE,WACA,iCCpHN,gBACE,aACA,mBACA,oBAIA,YAQA,kBAEA,yCACE,WACA,YAQF,uBAEE,wBACA,YACA,gBACA,uBACA,gBACA,gBACA,SACA,UA6CA,YACA,WA5CA,8BACE,gBAGF,6BACE,8DAIA,oBAGA,gDACA,gBAEA,uCACE,sDAIF,iDACE,wDAEA,2DACE,gDAKN,4CACE,8DACA,wCACA,sDAEA,yDACE,4CAGF,sDACE,sDAQN,uBACE,kBAEA,aACA,mBACA,mBAEA,uBACA,SACA,gBAEA,wDACA,kCAEA,0DAEA,6BACE,cACA,4BACA,kBAGF,sCACE,cACA,kBAGF,6BACE,aACA,sBACA,YACA,YACA,4BACA,kBAGF,8BACE,wCACA,kBAGF,oCACE,4CACA,8BACA,kBAGF,kErC/HF,gBACA,uBACA,mBqCkIE,iCACE,kBACA,QACA,SACA,WACA,YACA,gDACA,sBACA,oBACA,sDASF,6CACE,UC5JN,kBAGE,YAEA,aACA,mBAEA,4BAEE,YAGF,kCACE,WACA,YAGF,iDACE,WAIA,4IAEE,yCACA,+DAKA,uDAEA,sKACE,kCAGF,gKACE,6DCtCR,oBACE,aACA,sBACA,eACA,UACA,eAEA,6CACE,aACA,mBACA,mBACA,aACA,SACA,wBACA,6CACA,mBAGA,iBACA,aACA,oBACA,4BAEA,sDACE,YACA,WAIF,mDACE,6CAGF,mDACE,8DACA,0DAGF,8DAEE,2DAGF,6DACE,aACA,sBACA,YAEA,oEACE,gBAGF,qEACE,kCAEA,8EACE,iDACA,0BAEA,6FACE,gBC5DZ,SACE,aACA,mBACA,6BAEA,kBACE,sBACA,oBACA,YACA,cACA,yBAGF,cAEE,YACA,gBACA,wBACA,mCACA,0CACA,2BAGF,4BACE,gBAGA,OAGA,aACA,mBACA,uBAEA,gDACA,+CAKA,uCACE,kBAOF,qCACE,wDAGF,kCACE,iDAGF,4CACE,aACA,mBAGF,uCACE,kCACA,gBACA,eAGF,qCACE,iCACA,uDACA,gBACA,gBACA,8BACA,wCACA,mBACA,cAGF,0CACE,oBAGF,mDACE,wCACA,qBACA,8BACA,2DACA,yCACA,gBACA,mCACA,iCAIJ,8BACE,eACA,gBAGA,OAGA,aACA,mBACA,uBAEA,+CAKA,yCACE,kBAOF,uCACE,wCAIJ,gCACE,mCACA,gBAQA,aACA,qBAEA,uBACA,kDAVA,8CACE,4CACA,mBAaF,2CACE,kBAOF,yCACE,6CACA,4CAIA,qDACE,cAGF,qDACE,iDAIJ,sCACE,sBACA,4BCxKN,OACE,aACA,sBACA,OCHF,OACE,aACA,sBACA,gBACA,gBACA,4CACA,iDACA,6BAGF,eACE,uBAIF,qBACE,0BACA,mCACA,mCAGF,eACE,0BAGF,oBACE,yCACA,8BACA,SACA,qBAGF,eACE,qCAEA,gBACA,WACA,YCrCF,SACE,wBACA,YACA,iDAEA,+BACE,6BAGF,iCACE,mCAGF,uBACE,iIACA,8CAEA,sEAIJ,oDACE,KACE,+BCrBJ,oBACE,YACA,aACA,sBACA,YAEA,6BACE,8BAGF,mCACE,YACA,aAGF,8BACE,WAEA,6CACE,WAGE,wDACE,gBAKN,gDACE,2BAIJ,wCACE,YAGA,sDACE,oBAGF,wDACE,+BACA,YACA,iBAKN,0BACE,aACA,OAGF,kBACE,aACA,mBAEA,mBAEA,yBACE,aAEA,iDACA,iCAEA,gCAcA,kBACA,cAEA,8BACA,wCzCvDF,8CyC0CI,YACA,iBzCjEJ,6CyCqEI,YACA,iBAWN,mBACE,YACA,WAEA,iDAGE,kCAIA,wDACE,cAIJ,sCACE,yBACA,aACA,mBACA,mBACA,YACA,YACA,YAGA,sDACE,oBAGF,4CACE,gCACA,4BACA,cAGA,sBACA,eAGF,iDACE,gCAEF,kDACE,iCAGF,4CACE,aACA,sBACA,YACA,YACA,iCAEA,mD5C3IJ,gBACA,uBACA,mB4C2IM,YACA,wCAGF,sD5CjJJ,gBACA,uBACA,mB4CiJM,YACA,qCACA,8BACA,kCAIJ,2DACE,iCACA,eACA,kBACA,cAIJ,6C5ClKA,gBACA,uBACA,mB4CsKA,oBACE,yBAGF,oBACE,aACA,mBACA,YACA,YACA,mBAEA,0BACE,iCACA,WACA,cAGF,0BACE,Y5C1LJ,gBACA,uBACA,mB4C0LI,cACA,iCAGA,+BACE,iBAEA,yBACA,mBAIJ,iCACE,iCACA,kCACA,8BACA,YACA,iBACA,mBAKN,kBACE,YACA,aACA,sBAEA,mBACA,kBACA,uBAEA,yBACE,wCAGF,0BACE,8BAGF,kCACE,8BACA,yDACE,cC5ON,OACE,WACA,YACA,2BCHF,SAEE,aACA,sBAGA,YAOA,YCXF,0BACE,kBACA,aACA,sBAKA,gBAGF,sBACE,gBAGF,sBACE,aACA,YAEA,mCAYA,yCAEA,sCAZA,4BACE,YAEF,2BACE,YAEF,4BACE,YAOF,0DAEE,mBAEA,8FACE,8BAGF,4EACE,oDACA,8DAEA,wBACA,6DACA,6DAEA,kGACE,6DAMR,qBACE,YACA,YACA,YACA,yBAGA,0BACE,iBAEA,yBACA,mBAGF,4BACE,aACA,YAEA,YACA,WACA,mBAEA,kCACE,cACA,YACA,WACA,eACA,iCAGF,mC/CrFF,gBACA,uBACA,mB+CqFI,eAIJ,4BACE,aACA,YACA,mBAEA,YACA,WAEA,oCACE,kCAGF,mC/CvGF,gBACA,uBACA,mB+CuGI,wCAIJ,2BACE,aACA,YACA,mBAEA,YACA,WAGE,6CACE,kBAGF,gD/C1HJ,gBACA,uBACA,mB+C0HM,kCACA,kBACA,8BAIJ,qC/ClIF,gBACA,uBACA,mB+CkII,wCACA,iCAGF,iC/CxIF,gBACA,uBACA,mB+CwII,kCC/IN,SAIE,mBAkBA,mEACA,yEACA,yEACA,2EAIA,6EACA,yEACA,0DAEA,4DACA,iDAEA,oBACA,uBACA,mBACA,sCAjCA,6DANF,SAOI,sBAGF,6DAVF,SAWI,sBAGF,6DAdF,SAeI,sBAGF,6DAlBF,SAmBI,sBAsBF,2BACE,kCACA,mCAGF,wBACE,YACA,uBAEA,4CACE,8BAEE,qFACE,mCAEF,0KAEE,sCAGF,qFACE,yBACA,0BAGF,6GACE,qCACA,0BAMR,kBACE,aAGF,0BACE,aACA,sBAEA,0CACE,cAGF,mCACE,iCAGF,6BACE,+BAKF,2CACE,aAEA,kDACE,eAIJ,6CACE,iCAGF,sCACE,qBACA,iCAGF,gCACE,+BAKF,4DACE,0BAKF,uCACE,SAIJ,+CAGE,sCAGF,eACE,4BAGF,gBAGE,cAGF,gBACE,4BACA,2CAIA,6CACE,6BAIJ,kBACE,0BAIA,+BACE,uCACA,4BAEF,gCACE,uCACA,2BAIJ,8BACE,wCAGF,+BACE,+BAEA,iDACE,mCACA,oCACA,gDAGA,qCANF,iDAOI,gBAIJ,6CACE,4BACA,cAKN,6BAEE,SAGF,eACE,uCACA,qCACA,iBACA,6BAEA,oBACE,qBAIJ,cACE,wBAGF,eACE,WAGF,eACE,YACA,UAGF,cACE,aACA,mBACA,UACA,4BACA,kBACA,aACA,gBAEA,+BACE,uCACA,WAEA,uCAEE,iBAIJ,sCACE,kBACA,qBACA,sBAEA,YACA,gBACA,UAEA,WAGF,mCACE,kBACA,WACA,SAEA,YACA,gBACA,UAEA,WAIJ,OAGE,iDACA,aACA,sBAEA,sBAEE,YACA,aACA,sBACA,uBAKA,iBAGF,qBACE,sCACA,kCAIJ,eACE,yBACA,uBACA,mBACA,aACA,oDACA,kBACA,gBAEA,gCACE,YACA,iBACA,qBAIJ,uBACE,+BAEA,oCACE,kCAIJ,sBACE,kBACA,2BAIA,6BACE,8BAKF,8BACE,4BC7UJ,mBACE,+BAEA,4BAWE,2CACA,YAPA,kCACE,aACA,YACA,gBAOJ,4BACE,mCACA,wBCnBF,oCACE,aACA,mDACE,+BACA,OAGF,6CACE,YACA,cACA,eACA,eACA,gBAIA,uEACE,6BAGF,2FACE,kCAGF,gFACE,0BAGF,4EACE,0BAGF,oEACE,sCAMJ,4BACE,WAMA,8DACE,aACA,YACA,mBAGF,iDAEE,WACA,YAEA,kBAGF,oDACE,YACA,sBAEA,6HAEE,wCAGA,gBACA,mBAKN,yBACE,yCACE,sBAEA,8DACE,6BAGF,2DACE,mBAKN,2CACE,cAEA,6DACE,0BACA,cAMJ,qCACE,gBAGF,oCACE,kCAIJ,uCACE,iCAEA,0DACE,0BAGF,mEACE,0BAIJ,uCACE,iCACA,8BACA,kCAGF,6BACE,aACA,eACA,wCAEA,qDACE,cACA,cACA,4BACA,kBACA,UACA,SAEA,uEACE,kBACA,gDACA,uBAEA,qFACE,yDAIJ,2DACE,mCACA,0BACA,WACA,gBACA,mCACA,WACA,SAEA,8EACE,wCAGF,+DACE,WACA,iCACA,kCACA,cAGF,gFACE,WACA,kBACA,cAEA,oFACE,kBACA,MAEA,gGACE,iBAGF,+FACE,uDASd,uBACE,YAEA,yBACE,qBAIJ,mCACE,aACA,sBACA,WAEA,wBAEA,2EACE,aACA,mBAKF,qDACE,aACA,YACA,4DACE,iBAEF,wDACE,gBAIJ,mCACE,UACA,WACA,yBACA,sBACA,WACA,kBACA,UACA,YACA,kBAGF,4CACE,qBACA,kBACA,sBACA,WACA,YAKA,YAJA,kDACE,iBACA,0BAKJ,+CACE,kBACA,YC5PJ,qBnDGE,gBACA,uBACA,mBmDFA,8BACE,kCCNJ,sBACE,aACA,mBACA,YACA,kBACA,YACA,iCAEA,oCACE,6BCRF,oCACE,+BAGA,yDACE,iBAGF,wDACE,WAIJ,uDACE,wCACA,gDACA,mCACA,8BACA,4BACA,mCAIF,yCACE,kBAEA,gBAEA,0BACA,mCAEA,iDACE,mBACA,2CACA,8BAGF,iDACE,2BACA,2CACA,WACA,gBACA,mBAIJ,wCACE,kCChDJ,gBACE,aACA,sBAEA,6BAEA,mCACE,6BAGF,mBACE,WACA,YACA,WACA,iCCZJ,oBACE,aACA,sBACA,OACA,kBAEA,0BACE,uBACA,mCAGF,0BCNA,8BACA,mCACA,uCACA,mBACA,2BACA,0CACA,gCACA,8BAEA,gCAcA,aACA,gCACA,0DAZA,qDACE,mCAGF,mCAYA,2CACA,kCDrBE,oCCoBF,2CACA,kCDVE,qEACE,wBACA,WACA,YACA,eACA,mCAGA,2DACA,8BAIJ,+CACE,4CAGF,gDACE,sCAGF,mCACE,kBACA,wBACA,yBACA,kCAGF,wCACE,kBACA,UACA,aACA,mBACA,uBACA,SACA,gBACA,+BACA,gCACA,wBAGF,gEACE,gCErEJ,mBACE,kBACA,gBACA,aACA,YAEA,uCAIE,2BAHA,6CACE,oCAKJ,0BACE,kBACA,SACA,QACA,WACA,0BACA,gCACA,aACA,uBACA,mBACA,0BACA,kCAGA,iBACA,sBACA,oBACA,oBACA,kBACA,YACA,oCCjCJ,mBACE,6BAEA,wCACE,aACA,0BCLJ,wBACE,aACA,mBAEA,gDACE,+BAGF,8BACE,SAGF,8BACE,SACA,gCCZJ,kB5DGE,gBACA,uBACA,6D4DCA,2BAEA,yBAEA,sDACA,4BAEA,yCACA,oDAEA,0CAEA,kDACE,wDACA,0DAGF,wBACE,mBAGF,sCACE,WAGF,2BACE,sBAGF,4CACE,2BAIJ,yDAEE,0CACA,+BACA,0CAEA,yHACE,sCACA,gDAGF,qEACE,gDACA,sCACA,mBAIJ,uBACE,+BACA,qBACA,eAEA,oBACA,mBAEA,6BACE,0BAGF,2CACE,WACA,eACA,qBAGF,+CACE,gCAIJ,cACE,8BACA,8BACA,YAGF,mBACE,qBACA,gBAEA,+BACE,mDACA,sDAGF,8BACE,uBACA,oDACA,uDAGF,wGAIE,uBAEA,oLACE,oBAMJ,mDAEE,UAIJ,uCACE,YACA,WC3HF,kBACE,aACA,sBACA,YAEA,wB7DFA,gBACA,uBACA,mB6DEE,mCAOF,yBLTA,8BACA,mCACA,uCACA,mBACA,2BACA,0CACA,gCACA,8BKOE,UACA,WLNF,+BAcA,aACA,gCACA,0DAZA,oDACE,mCAGF,kCAYA,2CACA,kCMrCF,eACE,aACA,mBAEA,kCACE,4BAGF,iCACE,oBCPJ,qBACE,aACA,sBACA,OAEA,4DPCA,mCACA,uCACA,mBACA,2BACA,0CACA,gCACA,0COCE,YACA,qDPcF,aACA,gCACA,0DAZA,yDACE,mCAGF,uCAYA,2CACA,kCO3BE,wCP0BF,2CACA,kCQrCF,oBACE,aACA,mBACA,mBAEA,0BACE,SAGA,2CACE,iCCVN,kBACE,wCACA,gDACA,mCACA,wBACA,8BACA,4BCJF,wBACE,YAEA,iCACE,mBAGF,0CACE,qCAGF,wCACE,8BAGF,sCACE,kCACA,8BACA,kBACA,YACA,WACA,aACA,uBACA,mBAGF,2BACE,gBACA,gCACA,0CACA,iBACA,gBAEA,8BACE,oCACA,eAGF,2CACE,uCAGF,yHAEE,aACA,qBAEA,qJACE,4BAGF,mJACE,aACA,wBACA,YACA,YACA,kBACA,6BAEA,6LACE,uBACA,eAIJ,yJACE,iBACA,cACA,cACA,aACA,mBACA,uBAEA,iMACE,iBAIJ,mJACE,kBACA,iCACA,cAGF,2KACE,iBACA,cACA,cACA,kBAIJ,iFACE,uBAIA,kFACE,8BAGF,8EACE,kCAKN,gDACE,aACA,qBACA,+CAEA,yDACE,4BACA,iCAKF,6CACE,WACA,YACA,oBCzHJ,2GACE,wBACA,gBAYA,eACA,WACA,6BAZA,6KACE,6BAGF,mLACE,mDAEA,yBAOJ,2GACE,aACA,qBACA,+CAEA,qJACE,kCACA,8BACA,kBACA,YACA,WACA,aACA,cACA,uBACA,mBAGF,sIACE,4BAEA,iKACE,iBCxCR,gDAEE,YAEA,0EACE,aACA,wBACA,kBCTJ,+BACE,YAEA,qCACE,iCCJJ,oBACE,YAEA,oCACE,WCJJ,qBACE,YAEA,qCACE,iBAGF,gCACE,8BAEA,uCACE,cACA,YACA,gBACA,kBAIJ,oCACE,aAEA,gDACE,+BACA,OAIJ,gDACE,iCACA,8BACA,kCAEA,mDACE,UACA,gBAKF,uEACE,eAIJ,wCACE,a7EhCJ,MACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,yBAEA,sBAEA,6BACA,4BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,wEACA,0CACA,iDACA,iEACA,+CAMA,yBACA,oCAGA,oCACA,kCACA,6CAGA,qEACA,iEAMA,8GACA,mJAKA,4BAKA,yBAIA,kBACA,qBACA,qBACA,qBACA,qBACA,sBAGA,oBAQA,wDAQA,+DASA,gDACA,oCAKA,yCACA,oJAKA,4BAGA,qCACA,mCAKA,yCAQA,gCAQA,sCAKA,mCAKA,qCAKA,gDAKA,mCAKA,uCAKA,4CAOA,4GAOA,+DACA,kEACA,2GACA,uHACA,oIASA,iCAKA,0CACA,sCAKA,iDACA,uCAMA,+BACA,4CAMA,gCAEA,gBACA,2CACA,2CACA,yCACA,0CACA,yCACA,0CAEA,qBAIA,8BACA,iDACA,8DAEA,uCACA,iDAEA,uBAEA,oCACA,gCACA,2BACA,wCAEA,kDACA,+CACA,qCACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,iEAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,mEACA,yFACA,yCACA,6DACA,gFACA,kDAQA,0CACA,iDAEA,uBACA,gCACA,iCACA,0CAGA,yCACA,0CAOA,iCACA,4CACA,0CACA,qDACA,iDACA,yDACA,4CAGA,8BACA,8BAUA,sBACA,oBACA,4BACA,sBACA,0BACA,2BACA,yBAEA,2CACA,8CAOA,oCACA,6DAEA,oDACA,gCAGA,uBACA,uCAKA,0BACA,yDAKA,+CACA,iDACA,uCAMA,2BAEA,2BACA,6BACA,6BACA,wDAEA,kCACA,sCAEA,0CACA,sCACA,sCACA,oDAEA,qCACA,iCACA,iCACA,4CACA,2CAEA,8CACA,wCACA,oCACA,oCACA,+CACA,8CACA,iDAEA,sCACA,kCACA,kCACA,6CACA,gCAEA,uCACA,mCACA,mCACA,iDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,iFACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAIA,iCAGA,uBACA,iCACA,mCACA,iCAEA,4CACA,8CACA,4CAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,qCACA,+CACA,qCACA,qCAGA,yCACA,8BACA,oDAGA,oCACA,yBACA,+CAGA,mCACA,yCACA,6CAGA,gEAGA,8DAGA,wDAGA,sCAGA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kDACA,wCACA,sDACA,+BACA,6CACA,oDACA,8CAEA,8CACA,uCAEA,sDACA,iEAGA,mCACA,gDACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BAGF,WACE,+C8EpiBF,eACE,iBACA,gBAEA,+BAEE,kBACA,gBACA,iBACA,6CAGF,8BACE,aAEA,0OAGA,iCACE,aACA,sBACA,kBAEA,0CACE,eACA,wCAGF,uCACE,eACA,kCAKN,8BACE,mBACA,8BAGF,kBACE,gBACA,eAEA,qBACE,eAIJ,uBACE,sBACA,UAGF,0BACE,aACA,mBACA,kBACA,6BAEA,kCACE,eACA,wCACA,YAEA,2CACE,+BACA,mDACE,eACA,wCCtER,gCACE,sBAEF,qCACE,iBCHJ,qBACE,YAEE,8CACE,kCACA,4BCNJ,wEACE,iBACA,gBAEA,2EACE,gBACA,SACA,UACA,6BAEA,8EACE,eACA,gBACA,yCCdR,yCACE,YAEA,kDACE,WAGF,6DACE,0BAEA,0EACE,yCACA,8BACA,kCCbN,mBACE,YAEA,2CACE,cAGF,2BACE,iCACA,+BACE,qBACA,yBCXN,eACE,YAEA,0CACE,0BACA,8BACA,kCAEA,6CACE,UACA,gBCRN,mBACE,YAEA,kCACE,aAMF,kCACE,mBAEA,qCACE,qCAIJ,mCACE,UAEA,qDACE,SACA,iCACA,+CAGF,8CACE,gCAEA,0IAEE,UAMJ,sDACE,YACA,WACA,4BAIF,8FAEE,arFpCN,MACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,yBAEA,sBAEA,6BACA,4BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,wEACA,0CACA,iDACA,iEACA,+CAMA,yBACA,oCAGA,oCACA,kCACA,6CAGA,qEACA,iEAMA,8GACA,mJAKA,4BAKA,yBAIA,kBACA,qBACA,qBACA,qBACA,qBACA,sBAGA,oBAQA,wDAQA,+DASA,gDACA,oCAKA,yCACA,oJAKA,4BAGA,qCACA,mCAKA,yCAQA,gCAQA,sCAKA,mCAKA,qCAKA,gDAKA,mCAKA,uCAKA,4CAOA,4GAOA,+DACA,kEACA,2GACA,uHACA,oIASA,iCAKA,0CACA,sCAKA,iDACA,uCAMA,+BACA,4CAMA,gCAEA,gBACA,2CACA,2CACA,yCACA,0CACA,yCACA,0CAEA,qBAIA,8BACA,iDACA,8DAEA,uCACA,iDAEA,uBAEA,oCACA,gCACA,2BACA,wCAEA,kDACA,+CACA,qCACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,iEAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,mEACA,yFACA,yCACA,6DACA,gFACA,kDAQA,0CACA,iDAEA,uBACA,gCACA,iCACA,0CAGA,yCACA,0CAOA,iCACA,4CACA,0CACA,qDACA,iDACA,yDACA,4CAGA,8BACA,8BAUA,sBACA,oBACA,4BACA,sBACA,0BACA,2BACA,yBAEA,2CACA,8CAOA,oCACA,6DAEA,oDACA,gCAGA,uBACA,uCAKA,0BACA,yDAKA,+CACA,iDACA,uCAMA,2BAEA,2BACA,6BACA,6BACA,wDAEA,kCACA,sCAEA,0CACA,sCACA,sCACA,oDAEA,qCACA,iCACA,iCACA,4CACA,2CAEA,8CACA,wCACA,oCACA,oCACA,+CACA,8CACA,iDAEA,sCACA,kCACA,kCACA,6CACA,gCAEA,uCACA,mCACA,mCACA,iDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,iFACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAIA,iCAGA,uBACA,iCACA,mCACA,iCAEA,4CACA,8CACA,4CAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,qCACA,+CACA,qCACA,qCAGA,yCACA,8BACA,oDAGA,oCACA,yBACA,+CAGA,mCACA,yCACA,6CAGA,gEAGA,8DAGA,wDAGA,sCAGA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kDACA,wCACA,sDACA,+BACA,6CACA,oDACA,8CAEA,8CACA,uCAEA,sDACA,iEAGA,mCACA,gDACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BAGF,WACE,+CsFpiBF,iBACE,iBACA,gCAEA,iCAEE,UACA,gBAGF,gCACE,YACA,kBACA,kBAEA,0OAIF,oBACE,gBACA,eAEA,uBACE,eAIJ,yBACE,sBACA,UACA,qCAGF,4BACE,mCACA,kBACA,gBAEA,qCACE,qCAGF,4CACE,qCAGF,mDACE,wCAGF,2CACE,iBAGF,qCACE,qCCzDJ,6CACE,UAGF,8GAEE,yBAKE,8LAEE,yCAKN,8DACE,YACA,WAGF,mCACE,mCCvBJ,qBACE,YAEA,oCACE,aAMF,oCACE,mBAEA,uCACE,qCAIJ,qCACE,UAEA,uDACE,SACA,iCACA,gCAEA,iFACE,8BAIJ,gDACE,gCAEA,8IAEE,UAKN,oCACE,2BAEA,wDACE,4BAIJ,iCACE,+BACA,6BAGF,6CACE,aAIA,wDACE,gBC9DN,kBACE,gBAEA,kCACE,cAGF,wCACE,0BACA,0BACA,mCACA,iBACA,uBACA,cAGE,wFACE,kBAKN,mCACE,aAEA,4CACE,+BAIJ,wCACE,aACA,sBACA,mBACA,kBACA,iBAEA,0DACE,WACA,eAGF,+CACE,wCAGF,wDACE,8BC/CN,qBACE,gBAEA,8CACE,OACA,aACA,sBACA,iBAGF,8BACE,uBACA,iCCZJ,mBACE,WACA,YACA,iDACA,kDAEA,qCACE,8BAMA,YACA,eALA,wCACE,WAMF,4CACE,gBACA,SACA,4BAIJ,8CACE,uBACA,aACA,sBACA,iBACA,YAGF,8CACE,YACA,aACA,mBACA,kBACA,uBACA,8BAGF,kCACE,mBAGE,yDACE,iCAKN,8CACE,YAGF,yBACE,kCACE,sBAGF,8CACE,8BC5DN,mBACE,gBAEA,qCACE,mBCHF,4CACE,aACA,sBACA,4BAGF,0BACE,aAEA,uCACE,WACA,aACA,mBAEA,uDACE,YACA,cACA,kBACA,kBAGF,qDACE,YACA,mBACA,uBACA,gBAGF,wDACE,YACA,cACA,kBACA,iBAKN,2CACE,kBACA,WACA,YACA,SACA,aACA,uBACA,mBAEA,oDACE,WACA,YACA,kBAGF,8DACE,oCACA,0DAEF,uEACE,6CACA,mEAEF,+DACE,qCACA,2DAIJ,6BACE,gCAGF,mCACE,iCCxEJ,2CAEE,oBACA,gBAEA,yEACE,aAGF,6HACE,aACA,mBACA,mBAEA,+IACE,WACA,YACA,iCACA,gCAEA,2JACE,iCAIJ,iJACE,qBACA,mBAEA,uKACE,mBACA,kCAKN,uEACE,aACA,YACA,mBAGF,2EACE,iBACA,cAGE,+IACE,UACA,YAEA,yJACE,qCACA,iBAGF,iKACE,gCAGF,uKACE,gCAIJ,mKACE,iBAEA,iMACE,kBACA,UAEA,yMACE,QAGF,+MACE,SAIJ,iMACE,kBACA,aACA,mBAEA,yOACE,SACA,UACA,cACA,UACA,YACA,WACA,+CACA,kBAGF,iNACE,yBACA,0BAIA,6PACE,iBAIJ,+OACE,kBACA,WACA,YACA,wBACA,aACA,uBACA,mBAEA,iQACE,WACA,YACA,kBAGF,qRACE,oCACA,0DAEF,uSACE,6CACA,mEAEF,uRACE,qCACA,2DAMR,qKACE,kBACA,gBACA,wCACA,oBAEA,qMAqBE,+CACA,kBACA,uBAtBA,waAEE,kBACA,qBACA,WACA,oBACA,6BACA,SAGF,qNACE,UACA,kDAGF,mNACE,UACA,4CAQJ,iNACE,iBAIJ,qJACE,2BAEF,2LACE,kBACA,0CACA,WCrLN,8CACE,iBACA,gBAEA,iDACE,gBACA,wBACA,UAEA,oDACE,eACA,gBAKN,sCACE,yC/FLJ,MACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,yBAEA,sBAEA,6BACA,4BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,wEACA,0CACA,iDACA,iEACA,+CAMA,yBACA,oCAGA,oCACA,kCACA,6CAGA,qEACA,iEAMA,8GACA,mJAKA,4BAKA,yBAIA,kBACA,qBACA,qBACA,qBACA,qBACA,sBAGA,oBAQA,wDAQA,+DASA,gDACA,oCAKA,yCACA,oJAKA,4BAGA,qCACA,mCAKA,yCAQA,gCAQA,sCAKA,mCAKA,qCAKA,gDAKA,mCAKA,uCAKA,4CAOA,4GAOA,+DACA,kEACA,2GACA,uHACA,oIASA,iCAKA,0CACA,sCAKA,iDACA,uCAMA,+BACA,4CAMA,gCAEA,gBACA,2CACA,2CACA,yCACA,0CACA,yCACA,0CAEA,qBAIA,8BACA,iDACA,8DAEA,uCACA,iDAEA,uBAEA,oCACA,gCACA,2BACA,wCAEA,kDACA,+CACA,qCACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,iEAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,mEACA,yFACA,yCACA,6DACA,gFACA,kDAQA,0CACA,iDAEA,uBACA,gCACA,iCACA,0CAGA,yCACA,0CAOA,iCACA,4CACA,0CACA,qDACA,iDACA,yDACA,4CAGA,8BACA,8BAUA,sBACA,oBACA,4BACA,sBACA,0BACA,2BACA,yBAEA,2CACA,8CAOA,oCACA,6DAEA,oDACA,gCAGA,uBACA,uCAKA,0BACA,yDAKA,+CACA,iDACA,uCAMA,2BAEA,2BACA,6BACA,6BACA,wDAEA,kCACA,sCAEA,0CACA,sCACA,sCACA,oDAEA,qCACA,iCACA,iCACA,4CACA,2CAEA,8CACA,wCACA,oCACA,oCACA,+CACA,8CACA,iDAEA,sCACA,kCACA,kCACA,6CACA,gCAEA,uCACA,mCACA,mCACA,iDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,iFACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAIA,iCAGA,uBACA,iCACA,mCACA,iCAEA,4CACA,8CACA,4CAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,qCACA,+CACA,qCACA,qCAGA,yCACA,8BACA,oDAGA,oCACA,yBACA,+CAGA,mCACA,yCACA,6CAGA,gEAGA,8DAGA,wDAGA,sCAGA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kDACA,wCACA,sDACA,+BACA,6CACA,oDACA,8CAEA,8CACA,uCAEA,sDACA,iEAGA,mCACA,gDACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BAGF,WACE,+CgGpiBF,yBACE,YAEA,yCACE,gBAGF,gDACE,qBACA,SACA,UAEA,mDACE,iCACA,UAEA,sDACE,gCACA,UAGF,sDACE,qBACA,aACA,mBACA,mBACA,2BACA,qBACA,SACA,UAEA,yDACE,mBACA,iDACA,mCACA,aACA,sBACA,wBACA,SACA,mCACA,4BACA,6BACA,2BAEA,kEACE,2BAGF,gEACE,cCpBZ,OACE,aACA,sBAEA,eAMA,6DACA,4DACA,yBAEA,0BACA,kCACA,UACA,mCAEA,wBACA,mCAMA,mBACA,UAEA,gBACA,gBAEA,uBACE,kCAOF,+BAxCF,OAyCI,4CACA,0BAEA,mBACE,qBAEF,0BACE,sBAOF,mBACE,UACA,sBACA,oBAEA,6BACE,UAIJ,0BACE,UACA,mBACA,uDAEA,oCACE,UACA,iCAIJ,kBACE,UACA,mBACA,oBAEA,4BACE,UAIJ,yBACE,YACA,sBACA,4EAEA,mCACE,YACA,iCAKN,iBACE,2CACA,UAGF,mBACE,aAMF,YACE,aACA,YACA,qBACE,SACA,SACA,UACA,YACA,aACA,gBACA,YAEA,aACA,sBAIJ,sBACE,YACA,iCAEA,aACA,mBACA,mBACA,8BAEA,+BACE,cACA,4BAGF,4BACE,2BAGF,yBACE,wCACA,8BACA,SACA,UACA,W3FhLJ,gBACA,uBACA,mBiBNA,6BACE,cAEA,SACA,YACA,WAMA,0CACA,UACA,uBAEA,kCACA,eAKA,sCACE,oBAGF,mCACE,wBAGF,mCACE,mB0E+JF,4DACE,kBACA,kCAIA,mEAKA,2FAQA,4EACE,WACA,cACA,kBACA,OACA,YACA,WACA,8BAMJ,uCACE,6CACA,sCAKF,qCACE,2CACA,qCAIJ,uBACE,8BAKA,uDACE,6BAGF,yBACE,aACA,6BAEA,oCACE,gBAIJ,oDAEE,wCACA,aACA,6BAEA,0EACE,gBAIJ,0BACE,8BAEF,0BACE,2BAGF,oDAEE,aACA,mCACA,4BAEA,0EACE,gBAGF,0DACE,6BACA,iCAKN,sBACE,aACA,sBAEA,8BACA,8BAEA,oCACE,aACA,mBACA,yBAGF,6B3FzSF,gBACA,uBACA,mB2FySI,iCACA,gBAEA,wCACE,eAON,sBACE,aACA,uBACA,mBAKA,qBAEA,+BACE,YACA,cACA,4BAGF,0BACE,yBACA,kBAGF,mCACE,mCACA,wCACA,uDACA,oDAGF,qCACE,8CACA,mDACA,+DACA,kEAOF,+BACE,gBAGF,iCAiBE,iBACA,gBAjBA,mCACE,yBACA,iBACA,YAIA,qBACA,yBACA,kBAEA,6CACE,yCAWR,0BACE,6DAGE,gBACA,0CAIA,0CACE,+BAMF,8EACE,0CAKF,qCACE,iBACA,+BAEF,4CACE,gBACA,+BAEF,oCACE,2BAKF,8EAEE,2BACA,8BAGF,wCACE,iBACA,+BAEA,uDACE,kBAGF,0DACE,2BACA,8BAGF,2DACE,2BACA,iBAMJ,kDACE,iBACA,iBAEA,iFACE,2BACA,iBAIJ,kGAEE,2BACA,8BAIA,gEACE,cACA,iFACE,6BAMR,yBACE,+CAEA,oDACE,gBACA,+BACA,UAEA,gFACE,YACA,oBAIJ,gFAEE,2BACA,8BAKF,qCACE,2CAKN,yBApdF,OAqdI,wDACA,wDAGE,gCACE,uBAKN,mBACE,YAEA,mCAEE,gBADqB,CAGrB,gDACE,gBAJmB,CAKnB,cAKN,aACE,YAGF,yBACE,YAEA,+CACE,6BACA,qCAIJ,qBACE,YACA,4CACE,eAGJ,2BACE,YAEF,sBACE,YAEF,wBACE,YAEF,kBACE,YAGA,iCACE,iCAIJ,gEAEE,YAEA,0FACE,kCACA,8BACA,6BAEA,8FACE,SAKN,eACE,YAEA,qCACE,cACA,kBAEA,uDACE,WAKF,wDACE,sBAIJ,qEAEE,8BACA,yBAGF,6CACE,iBAIJ,+BACE,YAGF,sBACE,YAGF,8BACE,YAGF,kCACE,6CACA,YAIA,6CACE,qBAKN,qBACE,8BAEA,8BACE,iCACA,iCAKF,wDACE,mBC9nBF,8DAOE,aACA,cAPA,wEACE,eACA,kBACA,uBACA,mBAMJ,0DACE,uBACA,aACA,uBACA,mBACA,4BACA,cACA,YAGF,kEACE,kCCpBF,uKAOE,aACA,cAPA,2LACE,eACA,uBACA,mBACA,aAKJ,uJACE,6BCdF,iEAEE,4BACA,uCAGF,gCACE,qBACA,iCAGF,2BACE,kDACA,uCAEA,6BACE,uCChBJ,6CACE,qBACA,iCCDA,0DACE,8BAGF,+CACE,6BACA,4BCFN,QAEE,WADgB,CAEhB,kBACA,aACA,iBACA,gBACA,qBACA,mBACA,8BACA,4BAIA,UAEA,kBACE,aACA,iBACA,qBACA,qBACA,mBAEF,eACE,aACA,cACA,YAEA,4BACA,2BAEA,qBACE,UAGF,sBACE,WACA,YACA,SACA,UACA,kCACA,uBAEA,4BACE,wBAMN,qBACE,WACA,UAEA,yCACE,WAtDY,CAuDZ,UACA,gEAIJ,oBACE,WA7Dc,CA8Dd,UAEA,uCACE,WACA,UACA,gEAKJ,yBAzEF,QA0EI,YACA,gCACA,oCChFJ,gBACE,YAEA,yBACE,6BAKF,2CACE,2BACA,iBAKF,+BACE,eAEA,iDACE,6BACA,6BACA,aAKF,uDACE,wCACA,6CAGF,+CACE,gCAEA,qDlGhCJ,gBACA,uBACA,mBkGmCE,+CACE,aACA,mBACA,YACA,YACA,mBAEA,qDACE,iCACA,iCACA,WACA,cAON,gDACE,UACA,kCAEA,oEACE,+BACA,8BAEA,gGACE,WAKN,iDACE,8BAEA,4EACE,SAKN,kBACE,YAEA,6CACE,gCACA,6BAGF,oCACE,8BACA,8BAIA,kEACE,gBCjGJ,4CACE,iBACA,gBAEA,+CACE,gBACA,wBACA,UAEA,kDACE,eACA,gBAKN,sCACE,yCChBJ,aACE,aACA,sBACA,OAEA,kBAEA,+BACE,sBACA,YAEA,yDACE,YAIJ,uBACE,aACA,OAGA,aAIJ,0BACE,yBACA,wCAIF,kBACE,WACA,kBAIA,+BACE,gBAGF,kBACE,aACA,sBACA,8BACA,uBAGF,oBACE,iCCjDJ,yBAGE,uBAEA,kBACA,YAQA,iBAMA,8BAGA,mBAGA,0CAIE,eAEA,aACA,sBACA,mBAEA,6BAIF,gCrGrCA,gBACA,uBACA,mBqGqCE,8BACA,qCAGF,kCACE,0BACA,6BACA,kBAEA,wCACE,yCACA,0CACA,sCACA,mCACA,oCAIJ,gCAEE,gBAEA,8CACE,iCACA,YCpEN,iBACE,kBACA,kBACA,kCACA,WAEA,uBACE,iCACA,WACA,kBACA,OACA,QACA,YAGF,0CACE,qBACA,mCACA,eACA,kBACA,UAIJ,cACE,YACA,8BACA,+BACA,UC1BE,4CACE,uBAGF,+DAEE,kBAGF,gCACE,8BAMF,0CACE,gBAWA,wEACE,YAIJ,0DACE,0BAGF,2CACE,eACA,oDACE,qBACA,YACA,mBACA,qBACA,eAEF,0DACE,WAKN,mBACE,uBACA,uBACE,WACA,YAIJ,4BACE,aACA,mBACA,uBACA,kBACA,6BACA,0CAEE,kBACA,iBCvEN,QACE,kBAGF,kBACE,aACA,mBACA,cAOF,WACE,iCACA,2CChBF,gBACE,8BAEA,qCACE,cACA,YACA,gBACA,kBACA,2BCRJ,kBACE,YAEA,kCACE,aACA,kBACA,gBAEA,gDACE,yCACA,qBACA,oCAGA,YACA,iBCbN,oCAEE,YACA,SACA,UACA,YASA,WAPA,2CACE,mCACA,kB3GNF,gBACA,uBACA,mB2GWA,4DACE,uBACA,SACA,0BAEA,gBAEA,wEACE,4CACA,6CAGF,uEACE,iCACA,+CACA,gDAGF,mEACE,wC3GhCJ,gBACA,uBACA,mB2GkCE,8DACE,kCAGF,8EACE,iCACA,gCACA,sBACA,eAEF,2JAEE,6CACA,kCAEA,+JACE,kCAIJ,kEACE,YC9DN,iBACE,aACA,iCACA,mBAEA,yBACE,aACA,sBACA,YACA,YAGF,wBACE,sBACA,kCAEA,2BACE,+BACA,qCAGF,qDAEE,SAIJ,0BACE,mBACA,mBACA,aACA,cACA,YAEA,wCACE,aACA,sBACA,mBACA,cACA,cACA,UACA,YAEA,yDACE,6BAGF,0DACE,4BAIJ,wCACE,SACA,UACA,YAEA,6CACE,6BACA,WAEA,+DACE,WACA,uBACA,YACA,gBACA,6BACA,aACA,mBACA,mBAGA,oBACA,mBACA,YAEA,wEACE,kFACA,YACA,WAOV,iCACE,2CACA,8CACA,mCACA,8BACA,aACA,mBAEA,0CACE,4BAIJ,iDACE,kBACA,qBACA,sBAEA,WACA,cACA,WACA,WAGF,8CACE,kBACA,WACA,SAEA,WACA,cACA,WACA,WAIA,+DACE,6BAEF,0EACE,0BACA,WAIA,8EACE,SACA,6BAGF,gGACE,uBAGF,wFACE,yBAKN,sCAlJF,iBAmJI,UAGF,sCAtJF,iBAuJI,UAGF,sCA1JF,iBA2JI,UAGF,sCA9JF,iBA+JI,UAMJ,kBACE,UACA,gBACA,gBAKF,2BACE,WACA,eAMF,0BACE,iBACE,uBAEA,wBACE,6BAGF,iCACE,cC9LN,sBACE,YAEA,sCACE,aACA,kBACA,gBAEA,qPAME,YACA,iBAGF,wCACE,eACA,iBCpBN,eACE,kBACA,yCACA,0CACA,sCACA,mCACA,oCACA,qBCNA,mCACE,gBACA,SACA,UACA,6BAEA,sCACE,eACA,gBACA,yCCVN,WACE,YACA,cAGF,mBACE,axGwCgB,CwGrClB,mEAGE,axGwDgB,CwGrDlB,4EAIE,axGZgB,CwGelB,mBACE,axGSgB,CyGhClB,iCACE,wDAGF,uCACE,iDAGF,UACE,eAEA,aACA,mBACA,qBAUA,kBAEA,mBAEA,mCACA,eACA,YAEA,4BACA,4BAGA,kBACA,iBACA,sBACA,oBACA,cAEA,kBACE,8BAIA,0BAGF,qBACE,gCAIJ,0CACE,azGTgB,CyGYlB,0CACE,azGSgB,CyGNlB,0CACE,azG/BgB,C0GhClB,aACE,YACA,2BACA,aACA,OACA,sBACA,mBACA,kBAEA,uBAEA,oBACE,wCACA,kBAGF,uBACE,kCACA,mCAEA,kBACA,8BAGF,mCACE,6BACA,mBAGF,qBACE,mCACA,oCAEA,kBACA,8BAGF,eACE,SAMA,2CACE,YACA,2BACA,UCtCJ,wFACE,qBAGF,gGACE,+BAIJ,oBACE,YAMF,yBACE,cAEF,qBACE,mBAGF,sEAEE,2CACA,8EACE,oDACA,YAWA,sFAEE,UAIA,0HAEE,UAMJ,iDACE,uBC7DN,wB5DKE,8BACA,mCACA,uCACA,mBACA,2BACA,0CACA,gCACA,8B4DwBA,aACA,mBACA,eACA,qBAEA,yBACA,0BACA,aAEA,YA5CA,iC5DiCA,2CACA,kC4D9BA,8BACE,YACA,gBACA,gBACA,WAEA,oCACE,aACA,YACA,gBAIJ,sC5DbA,8BACA,mCACA,uCACA,mBACA,2BACA,0CACA,gCACA,8B4DQE,kBACA,UACA,WACA,kB5DTF,4CAcA,aACA,gCACA,0DAZA,iEACE,mCAGF,+CAYA,2CACA,kC4DTA,gDACE,iBAGF,kDACE,Y5DjBF,8BAcA,aACA,gCACA,0DAZA,mDACE,mCAGF,iCAYA,2CACA,kC4DYA,+BACE,kCAGF,gCACE,mCACA,mDACA,iDACA,gBACA,eACA,eAEA,kCACE,eAGF,oCACE,eAGF,yCACE,uBAGF,sCACE,wCACA,mCACA,4CAEA,+CACE,mBAIJ,wCACE,uDACA,wDACA,4CAKA,iGACE,WACA,gBACA,iBACA,sBACA,kBAIJ,uCACE,wBACA,oBACA,uBACA,YACA,UACA,SACA,aAEA,cAEA,kDACE,YACA,gBACA,iBACA,kBACA,sBACA,kBAKN,qC5D5FA,aACA,gCACA,0D4D4FE,qBACA,uBACA,gBAGF,2CACE,gBClIJ,aACE,kBACA,eACA,YAEA,+BACE,kBAGF,8BACE,eAGF,gCACE,eAGF,+BACE,eAGF,gCACE,YACA,eAEA,wCACE,WACA,YAGF,iDACE,eAGF,mDACE,eAGF,kDACE,eAIA,uHAEE,YAGF,4DACE,WAKF,8CACE,iBAMR,kBACE,aACA,mBAQA,6BACE,iCACA,2CAIA,2DACE,aACA,UAIJ,0BACE,kBACA,UACA,aACA,WACA,YACA,uBACA,mBACA,yBACA,2CACA,kBACA,kCAEA,sCACE,UAGF,qCACE,UACA,gBAIF,8BACE,kBAKF,gCACE,iBAIA,iEACE,aACA,UAIJ,qCACE,wBAKN,oBACE,UACA,eACA,kB7GhIgB,C6GiIhB,sBAEA,uDAEE,kBACA,cACA,YACA,WACA,kBACA,uBAGF,4BACE,WACA,kB7G9Ic,C6GiJhB,2BACE,WACA,kB7GlJc,C8GJlB,8BtHGE,gBACA,uBACA,mBuHLF,0BACE,uCACA,aACA,mBACA,0BACA,mCAEA,yCACE,gCACA,sDACA,kBACA,4DACA,WACA,4BAGF,kC/DYA,aACA,gCACA,0D+DXE,iDACE,UAIJ,gCACE,iBACA,4DACA,YACA,gBAEA,sCACE,gBAIJ,mCACE,2CCrCF,qDACE,YACA,kBACA,kBAEA,mEACE,mCACA,mCACA,yBACA,uBACA,kBACA,UAIJ,8CACE,ahH6Bc,CgH1BhB,gDACE,8BAGF,8CACE,ahH2Cc,CgHxChB,4CACE,ahHGc,4EgHEd,gBACA,kBACA,kCAEA,yFACE,wBACA,yBACA,kBAIJ,uCACE,8BAKF,yBACE,+BACA,6BAGF,qCACE,aAIA,gDACE,gBAIJ,4BACE,2BClEF,uDACE,YACA,kBACA,kBAEA,sEACE,mCACA,mCACA,yBACA,uBACA,kBACA,UAIJ,gDACE,kCAGF,kDACE,8BAGF,gDACE,gCAGF,8CACE,kCAGF,+EAEE,gBACA,kBACA,kCAEA,6FACE,wBAIJ,yCACE,8BAKF,2BACE,+BACA,6BAGF,uCACE,aAIA,kDACE,gBAIJ,6BACE,2BChEF,yCACE,aACA,mBACA,sBACA,kBACA,6BACA,WAEA,kDACE,iCACA,iCAGF,iDACE,kCAKF,iEACE,YAGF,qEACE,cACA,gCACA,8BACA,8BACA,gBACA,mCACA,yBhIlBN,MACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,yBAEA,sBAEA,6BACA,4BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,wEACA,0CACA,iDACA,iEACA,+CAMA,yBACA,oCAGA,oCACA,kCACA,6CAGA,qEACA,iEAMA,8GACA,mJAKA,4BAKA,yBAIA,kBACA,qBACA,qBACA,qBACA,qBACA,sBAGA,oBAQA,wDAQA,+DASA,gDACA,oCAKA,yCACA,oJAKA,4BAGA,qCACA,mCAKA,yCAQA,gCAQA,sCAKA,mCAKA,qCAKA,gDAKA,mCAKA,uCAKA,4CAOA,4GAOA,+DACA,kEACA,2GACA,uHACA,oIASA,iCAKA,0CACA,sCAKA,iDACA,uCAMA,+BACA,4CAMA,gCAEA,gBACA,2CACA,2CACA,yCACA,0CACA,yCACA,0CAEA,qBAIA,8BACA,iDACA,8DAEA,uCACA,iDAEA,uBAEA,oCACA,gCACA,2BACA,wCAEA,kDACA,+CACA,qCACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,iEAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,mEACA,yFACA,yCACA,6DACA,gFACA,kDAQA,0CACA,iDAEA,uBACA,gCACA,iCACA,0CAGA,yCACA,0CAOA,iCACA,4CACA,0CACA,qDACA,iDACA,yDACA,4CAGA,8BACA,8BAUA,sBACA,oBACA,4BACA,sBACA,0BACA,2BACA,yBAEA,2CACA,8CAOA,oCACA,6DAEA,oDACA,gCAGA,uBACA,uCAKA,0BACA,yDAKA,+CACA,iDACA,uCAMA,2BAEA,2BACA,6BACA,6BACA,wDAEA,kCACA,sCAEA,0CACA,sCACA,sCACA,oDAEA,qCACA,iCACA,iCACA,4CACA,2CAEA,8CACA,wCACA,oCACA,oCACA,+CACA,8CACA,iDAEA,sCACA,kCACA,kCACA,6CACA,gCAEA,uCACA,mCACA,mCACA,iDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,iFACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAIA,iCAGA,uBACA,iCACA,mCACA,iCAEA,4CACA,8CACA,4CAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,qCACA,+CACA,qCACA,qCAGA,yCACA,8BACA,oDAGA,oCACA,yBACA,+CAGA,mCACA,yCACA,6CAGA,gEAGA,8DAGA,wDAGA,sCAGA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kDACA,wCACA,sDACA,+BACA,6CACA,oDACA,8CAEA,8CACA,uCAEA,sDACA,iEAGA,mCACA,gDACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BAGF,WACE,+CiIpiBF,mBACE,aACA,sBACA,OACA,gBAgDA,YA9CA,2BACE,aACA,sBACA,iCACA,oDAEA,8BACE,qCACA,8BACA,cACA,6BAGF,gCACE,aACA,mBACA,0BAGF,yCACE,aACA,gDACE,4BAIJ,6CACE,aACA,mBACA,YACA,gCAEA,mDACE,YAGF,sDACE,iCACA,6BACA,cAUN,8BACE,aACA,OAEA,gCC3DJ,gBACE,aACA,mBACA,OACA,gBACA,iBAEA,6BAGE,gCAGF,kCACE,2CACA,gDACA,gCACA,YACA,iBACA,cACA,yBACA,kBCvBJ,0BACE,aACA,wBACA,eACA,gBACA,gBACA,YACA,yCACA,kCAIA,kCACA,kBAEA,qCACE,aACA,mBACA,8BACA,8BACA,kCACA,oCAEA,wCACE,SACA,qCACA,8BAEF,yCACE,YACA,WAIJ,4FAGE,gBACA,UACA,SAEF,0DACE,aAGF,kEAEE,iCAGF,kCACE,aACA,mBACA,wCACA,8BAEA,gDACE,kCAEF,8CACE,iBAEF,gDAEE,wBrHhCY,CqHiCZ,oBrHjCY,CqHkCZ,8BAEF,+CAEE,wBrHlDY,CqHmDZ,oBrHnDY,CqHoDZ,8BAEF,gDAEE,6BACA,+BACA,WACA,wBAIJ,4CACE,mCACA,qCACA,yDACE,6BAEF,oDACE,aACA,mBAEA,sEACE,aACA,mBACA,4BACA,+EACE,2BACA,kCACA,YACA,WAIJ,wDAEE,aACA,mBACA,uBACA,kCAIN,gDACE,8BACA,8DACE,wBAGF,qEACE,yBAEF,8DACE,UAGJ,kCACE,aACA,uBACA,gCACA,gBAIJ,+IACE,kBACA,mBACA,iBACA,YACA,WACA,aACA,uBACA,mBACA,4BACA,cACA,YClJF,kBACE,aACA,wBACA,mBACA,eACA,YACA,gCAEA,0BACE,WACA,aACA,wBACA,mBACA,8BACA,kCACA,kBAEA,6BACE,qCACA,8BACA,gBAEF,4BACE,8BACA,UAGJ,+BACE,aACA,6BACA,UACA,gBACA,eAEA,kCACE,aACA,wBACA,eACA,oDAEA,sCACE,kBAEF,oCACE,iBC1CN,oBACE,kBACA,WACA,mCAKF,mCAEE,yDACA,WACA,YACA,SAEA,mBACA,0CAIF,qCAEE,yDACA,WACA,YACA,QAEA,mBACA,4CAGF,mBAEE,GACE,mBACA,aAIF,IACE,mBACA,aAIF,IACE,kEACA,aAIF,IACE,aAIF,IACE,aAIF,IACE,aAIF,IACE,qBACA,aAIF,IACE,mBACA,aAIF,KACE,mBACA,cAIJ,qBAEE,GACE,mBACA,YAIF,IACE,mBACA,YAIF,IACE,kEACA,YAIF,IACE,YAIF,IACE,YAIF,IACE,YAIF,IACE,kEACA,YAIF,IACE,mBACA,YAIF,KACE,mBACA,aCvIN,eACE,4BACA,eACA,gBACA,aACA,sBACA,mBACA,gBACA,kBAEA,uBACE,aACA,mBA2BA,oCAzBA,6BACE,YACA,mCAEA,gCACE,UACA,SACA,8BACA,qCAGF,+BACE,SAIJ,8BACE,OACA,YACA,WACA,eACA,gBACA,oBAMJ,wBACE,WACA,gBC5CJ,kBACE,0BACA,gBACA,8BACA,aACA,mBACA,mBAEA,8BACE,4CACA,6CAGF,6BACE,+CACA,gDACA,iCAGF,0BACE,sDACA,0DAGF,gCACE,aACA,sBACA,YACA,mCAGF,iCACE,aACA,mBACA,uBACA,WACA,YACA,mCACA,cACA,0CACE,YACA,WACA,yCAIJ,qBACE,SACA,UACA,2BACA,wCAGF,gCACE,SACA,UACA,2BACA,kCAGF,oCACE,SACA,UACA,2BACA,kCAEA,wCACE,wBAIJ,oCACE,cAIF,qCA5EF,kBA6EI,sBACA,uBAEA,gCACE,eACA,qCClFN,wBACE,aACA,sBAEA,gCACE,6BAIF,uCACE,UACA,+BAEF,4DACE,UACA,kCACA,4EAGF,uCACE,UACA,mCAGF,4DACE,UACA,+BACA,yFAGF,uCACE,uCC9BF,iDACE,aAEF,gDACE,gBAEF,kDACE,qBACA,UACA,8BCRA,uDACE,iBACA,gBACA,yCACA,6BAEA,0DACE,gBACA,SACA,UAEA,6DACE,eACA,gBCfV,6BACE,0BAEA,yCACA,yBAEA,aACA,sBACA,WACA,gBACA,YACA,kBAEA,4DAEE,YACA,iBAGF,sCACE,iBAOA,4UAEE,iBAMA,mDACE,2BACA,kBAGF,2DACE,+EAGF,0DACE,8EAGF,iFACE,8FAGF,gFACE,6FAIA,wFACE,+DACA,gEAIJ,kEACE,gDACA,iDAKN,gDACE,aACA,sBACA,YACA,WACA,yCACA,8BACA,6BACA,mCAGF,2DACE,aAGF,2EACE,iDAGF,kCACE,aACA,mBACA,iBACA,kBACA,YAGA,gHAEE,oBAGF,4CACE,6CACA,kCACA,mBAEA,yDACE,6CACA,sCAIJ,iGAEE,kDAEA,2HACE,yDACA,sCAIJ,mGAEE,wCACA,6BAEA,6HACE,+CACA,sCAIJ,mFAEE,UACA,aACA,mBACA,kBAGF,0CACE,oCACA,+CAEA,uDACE,sDACA,6CAIA,sEACE,mDAGF,gWAKE,qDACA,0CACA,mDAKN,yCACE,iCACA,4CAEA,sDACE,mDACA,0CAIA,qEACE,gDAGF,2VAKE,kDACA,uCACA,gDAKN,iFACE,8CAIA,sFACE,qDACA,mBAIJ,2GAEE,+BACA,YACA,+CAEA,6HACE,mDAIJ,+CACE,kBACA,aACA,8CACA,WACA,gBACA,kBACA,iBAEA,iDACE,iBAGF,6DACE,mCACA,wBACA,WACA,gBACA,gBAGF,wDACE,YAGF,iDACE,eAKF,uJAEE,8CAGF,qEACE,6DAIA,4GACE,oBAKN,+CACE,UAEA,yDACE,eAGF,wEACE,kBACA,iBACA,WACA,UACA,eAKF,oEACE,WACA,iBAIJ,yDAsBE,+BACA,cACA,6CACA,kCACA,aACA,uBA1BA,gEACE,iBACA,sBACA,oBACA,oBACA,kBACA,YACA,eACA,cACA,yBACA,uBACA,mCACA,YACA,gBACA,mBACA,WACA,aACA,mBACA,uBACA,iBAUA,gFACE,eAGF,oFACE,8CACA,4CACA,mCAKN,+CACE,+BACA,cACA,+CACA,oCACA,aACA,uBACA,kBAEA,qDACE,iBAGF,qDACE,WACA,aACA,qBACA,mCAEA,wEACE,aACA,uBACA,WACA,cACA,kBAEA,iFACE,YAIJ,0DACE,OACA,iBACA,8BACA,gBACA,uBAGA,cAKF,oFACE,qDACA,oBAGF,uUAIE,eAGF,wEACE,+CACA,iDAEA,8EACE,iDACA,sCACA,+CAGF,wFACE,4CAGF,0bAKE,8CACA,mCACA,4CAMR,2CACE,aACA,qBACA,gBACA,YACA,qBAEA,mDACE,iBACA,mBAGF,oDACE,WACA,wBACA,qBACA,gBACA,mBAIJ,qEACE,YACA,4IAEE,eAOF,6GAEE,sBACA,YACA,mBAIA,sEACE,oDACA,2CAEF,gFACE,oDACA,uBACA,yBACA,sDACA,mBACA,mBAEA,iGACE,gDAKN,4DACE,OAGF,+DACE,eAEF,8DACE,cAGF,4DACE,yCACA,iBACA,uBACA,yBAEA,+EACE,uBACA,yBACA,qBAGF,4EACE,YAOF,+IAEE,kBAGF,gEACE,oEAGF,sFACE,mFAMR,0CACE,kBACA,MACA,qBACA,0BACA,aACA,4DACA,2CACA,kCACA,6BACA,mCAGE,oEACE,SACA,gBAEA,uCACA,wBACA,2BACA,0CACA,gCACA,UACA,YAEA,0EACE,YACA,UACA,gBAMR,+CAGE,oCAEA,2DACE,qBACA,oBC7iBN,wBACE,kBACA,aAEA,+BACE,wBACA,oBACA,uBACA,YACA,UACA,SAEA,aACA,mBACA,mBAEA,wBAEA,qCACE,kCAGF,qCACE,mBAGF,wCACE,eAIJ,+CACE,wCACA,qBACA,8BACA,2DACA,yCACA,gBACA,mCACA,iCAGF,8BACE,aACA,mBACA,mBAGF,wCACE,kCAGF,2BACE,aACA,mBACA,mBAGF,+BACE,eACA,oBACA,iBACA,YAGF,iCACE,YACA,WACA,YAEA,gBACA,kDACE,mBAIJ,8CACE,aACA,mBAGF,wCACE,gBACA,mBAGF,2CACE,YCvFJ,iCAEE,kBACA,+BACA,gCAEA,gDAEE,iBACA,sBACA,oBACA,oBACA,kBACA,gBACA,YACA,eACA,cACA,sBAEA,kBAEA,0HAEE,cACA,WACA,YAIJ,4CACE,iCAGF,gDACE,8DACA,0DACA,WACA,YACA,kBACA,gBACA,iBACA,kBAEA,oDACE,YAEA,WACA,sBAGF,4DACE,sCAGF,0DACE,oCAIJ,uCACE,aACA,mBACA,mBAGF,iDACE,0BAGF,sDACE,aACA,mBAGF,6CACE,yBAEA,oDACE,gBACA,iCAIJ,iDACE,kCAGF,4CACE,uBAGF,oDAQE,YAJA,oFACE,6BAMJ,wDACE,eCvGJ,mBACE,2BACA,0CAEA,mCACA,wBACA,mCACA,0BAEA,kCAEA,oCACE,8BACA,mCAGF,uEAEE,aAIA,wCACE,aACA,mBACA,yBAGF,iCxIvBF,gBACA,uBACA,mBwIuBI,iCACA,eAEA,4CACE,eAKN,gCACE,kCACA,+BAIA,+BANF,gCAOI,gBAKJ,yBACE,QAEE,+BAGF,oBAKE,kCAGF,gBAIE,kCAMJ,eACE,mBACA,yBAGF,qCACE,2CAGF,iCACE,2CCrFJ,qBACE,cACA,kBACA,YACA,gBACA,aACA,UAEA,iCACE,mDACA,6CACA,8CACA,WACA,YACA,aACA,mBACA,mBACA,yCACA,gBAEA,yCACE,mBACA,gBAGF,wCACE,mDACA,WACA,WACA,YACA,gBACA,eACA,kBACA,UACA,aACA,mBACA,uBACA,kBACA,mBAIJ,yEACE,UAGF,wCACE,kBACA,aACA,SACA,yCACA,yCACA,wBACA,iDtItBF,6DsIyBI,iCACA,eACA,aACA,wDACA,kBACA,wCAGF,qDACE,iCAIA,+IAEE,+BAIJ,4CACE,aACA,mBACA,uBACA,mBAIJ,+CACE,WACA,kBACA,WACA,YACA,yCACA,WACA,SACA,QACA,mDAIJ,iDACE,kBC/FF,aACE,kBCHF,yBACE,kBACA,SACA,2CACA,YACA,WACA,mBACA,oCCPF,wBACE,kBAEA,kDACE,aAIA,mDACE,4BAGF,qDACE,6BAGF,oEACE,0BACA,yBAKF,gDACE,yBAGF,kDACE,0BAGF,iEACE,6BACA,4BAIJ,uCACE,eACA,6BACA,0BACA,eACA,YACA,YAGF,yCACE,eACA,4BACA,SACA,4BACA,yBACA,eACA,YACA,0CACA,+BACA,0CAEA,+CACE,sCACA,gDAGF,8DACE,sCACA,gDAGF,kDACE,WAIJ,wDACE,kBACA,gBACA,2BACA,wBACA,iDACA,4BACA,mCACA,YACA,kCACA,WACA,UACA,SACA,0CAEA,mEACE,iBAGF,mEACE,gDACA,YACA,6CACA,mCACA,mBACA,gBAEA,iFACE,aAGF,0EACE,cACA,oBAGF,uFACE,kCACA,8BAGF,yEACE,kBACA,oBAON,gDACE,gBACA,eACA,WC9HJ,oBACE,aACA,WACA,YACA,iCACA,mBACA,mBACA,yCAEA,8BACE,mBACA,mBACA,uBAEA,sDACE,6BACA,aACA,SAIJ,2BACE,gBACA,yCACA,SACA,uDAEA,0EAEE,yCAIJ,gDACE,kCACA,iCAGF,4CACE,oCAGF,+CACE,OACA,2BACA,kBAGF,mCACE,wCACA,uBACA,mBACA,gBACA,kBACA,SAGF,0CACE,kCACA,wCACA,8BACA,gBACA,uBACA,mBACA,gBAEA,YACA,YAGF,qCAEE,YACA,oBACA,iBAEA,2CACE,mBAGF,mKAGE,qCACA,gDAGF,8CACE,gDAEA,oDACE,4CACA,uDAEA,0EACE,4CAOV,oBACE,iDACA,uBACA,iCAEA,6BACE,aCvGM,8GACE,cAQR,+CACE,SACA,kBACA,oBAIJ,mDACE,gBACA,MACA,2CACA,yCACA,iCACA,uBACA,uBACA,mBACA,gBACA,oDAEA,6DACE,wCACA,yBACA,mBACA,4BCpCJ,0CACE,YAEA,2DACE,YAGF,kEACE,mDAIJ,kDACE,aACA,sBACA,mBAGF,iDACE,iDACA,iCACA,aACA,8BACA,uBACA,4CACA,6CAEA,oFACE,OACA,mBAEA,2FACE,wCACA,8BACA,SAEA,oGACE,avI8BQ,CuI3BV,oGACE,cAIJ,4GACE,kCACA,wCACA,8BAIJ,yEACE,4BAEA,kKAEE,cACA,+BACA,kCACA,kBACA,iBACA,WACA,YAGF,yGACE,avIpCU,CuIuCZ,uGACE,avIJU,CuIQV,ucAKE,YvIbQ,CuIgBV,4hBAME,aAGF,yFACE,YvI9DQ,CuIiEV,yQAGE,YvI7FQ,CuImGhB,oDACE,gBACA,kBACA,wBAGF,2CACE,WACA,aACA,sBACA,mBACA,kBACA,uBACA,qCAEA,6DACE,WACA,eAGF,kDACE,wCAGF,2DACE,8BCnIN,6BACE,gBACA,WACA,YAEA,oDACE,iDAEA,aACA,mBACA,mBACA,WACA,YAKA,uBAEA,uEACE,iBACA,kCAGF,mJAEE,2CACA,eAGF,4EACE,iBAGF,mEACE,YACA,uBACA,mBACA,gBAEA,wEACE,0BAIJ,sEAEE,iDACA,YACA,iBACA,mBAEA,4EACE,mBACA,4DAGF,sQAGE,4DACA,gDAIJ,2EACE,kCACA,4BCnEN,uBACE,aACA,8BACA,mBACA,YAEA,2BACE,YACA,kCACA,OAGF,yCACE,0BACA,aACA,mBCfJ,2BACE,aACA,oBACA,6DAEA,8BACE,YACA,wCACA,kBACA,kCAGF,6CAEE,iDACA,mBACA,YACA,iBACA,kBAEA,4BACA,kCAEA,mDACE,mBACA,4DAGF,2LAGE,4DACA,gDC/BJ,2CACE,aAGF,4CACE,2BACA,4BAGF,wDACE,aACA,mBACA,mBAEA,iEACE,WACA,YACA,gCACA,4BAGF,yEACE,YACA,YAEA,mFACE,qBACA,mBACA,mBACA,2BAEA,8FACE,kCAGF,4FACE,sBACA,gCAEA,kGACE,iCAOV,6CACE,YAEA,kDACE,mBAIJ,4CACE,UAEA,2EACE,aACA,WACA,kBACA,kBACA,aACA,sBAEA,iGACE,aACA,mBACA,oBACA,wBACA,kBACA,kBACA,YAGF,8FACE,UACA,gBACA,+CACA,gBAIA,4JACE,wBAGF,8HACE,mCAGF,kHACE,4BAEA,4IACE,0BAKN,6GACE,UACA,gBACA,uBACA,iDAEA,0IACE,YACA,WACA,YAEA,iKACE,WACA,YAKF,wIACE,WAIJ,iIACE,WACA,aACA,sBACA,mBACA,kBACA,uBACA,qCAEA,mJACE,WACA,eAGF,wIACE,wCAGF,iJACE,8BChJZ,qCACE,kBAEA,mEAGE,kBACA,MACA,OACA,QACA,SAGA,WACA,YACA,SACA,UACA,SACA,gBClBJ,yBACE,kBACA,WAEA,2DACE,yCACA,wBACA,gBACA,mCAEA,mEACE,aACA,8BACA,8BACA,iCAEA,kFACE,YACA,mCAIJ,yEACE,8BACA,iBACA,gBAEA,iFACE,2CACA,WACA,oBACA,mBACA,2CACA,8BACA,wCACA,kBAEA,wFACE,gCAGF,uFACE,4CAIJ,gFACE,wBAEA,0FACE,oBAMR,+CACE,kBACA,SACA,UACA,oBACA,gBAEA,6GAEE,qBACA,kBACA,WAGF,uDACE,6BACA,2CAGF,sDACE,6BACA,2CACA,SC5EF,0CACE,6BAEA,6CACE,eACA,gBCNN,2CACE,sCAGF,oDACE,eAGF,2CACE,kCACA,8BACA,kBACA,YACA,WACA,oBACA,iCAEA,oDACE,YCjBN,4BACE,oBACA,sBACA,YAEA,kCACE,mCAGF,8CACE,aACA,mBACA,YACA,8BACA,iBAGF,4CACE,YACA,wCACA,aACA,2BAGF,2DACE,kCACA,SACA,iCAGF,sDACE,iBACA,YAEA,uEACE,UAGF,gFACE,aACA,sBACA,YAGF,+EACE,uBACA,aACA,iCAEA,kFACE,gBACA,2BvIpDN,sFACE,cAEA,SACA,YACA,WAMA,0CACA,UACA,uBAEA,kCACA,eAKA,+FACE,oBAGF,4FACE,wBAGF,4FACE,mBuI0BA,sFACE,eAIJ,gFACE,aACA,YACA,aCjEN,4BACE,aACA,sBACA,aACA,YAEA,0BACA,mCAEA,kDACE,uBACA,iCACA,aAEA,qEACE,YAIJ,+CACE,aACA,aACA,YAGF,uCACE,gCC1BJ,2BACE,YACA,kCAEA,oCACE,2BAGF,kCACE,wCAIA,2DACE,gCAMF,wHACE,gCAKF,yDACE,kCC3BN,mBACE,8BACA,aACA,mBAEA,gDACE,SAGF,4BACE,iCAGF,6CACE,kCAIA,sDACE,qCAIJ,2CACE,oCAEA,oDACE,mCC1BJ,sCACE,sGCCE,mBAEA,kEACE,wCAKN,8BACE,YACA,WAEA,4DAGE,kCACA,0BACA,2BACA,4BAGF,iDACE,yBACA,aACA,mBACA,mBACA,YACA,YACA,YAEA,yDACE,WACA,YAGF,uDACE,gCACA,4BACA,cAGA,sBACA,eAGF,uDACE,aACA,sBACA,YACA,YACA,wBAEA,8D7JlDN,gBACA,uBACA,mB6JkDQ,YACA,wCAGF,iE7JxDN,gBACA,uBACA,mB6JwDQ,YACA,qCACA,8BACA,kCAKN,wD7JlEF,gBACA,uBACA,4oE","sources":["webpack:///./app/node_modules/react-virtualized/source/styles.css","webpack:///./app/node_modules/react-virtualized/styles.css","webpack:///./app/node_modules/codemirror/lib/codemirror.css","webpack:///./app/node_modules/codemirror/addon/dialog/dialog.css","webpack:///./app/node_modules/codemirror/theme/solarized.css","webpack:///./app/node_modules/codemirror/addon/scroll/simplescrollbars.css","webpack:///./app/styles/_variables.scss","webpack:///./app/styles/themes/_dark.scss","webpack:///./app/styles/_globals.scss","webpack:///./app/styles/_type.scss","webpack:///./app/styles/ui/_app.scss","webpack:///./app/styles/ui/_app-menu.scss","webpack:///./app/styles/mixins/_ellipsis.scss","webpack:///./app/styles/ui/_scroll.scss","webpack:///./app/styles/ui/window/_title-bar.scss","webpack:///./app/styles/mixins/_platform.scss","webpack:///./app/styles/ui/window/_app-menu-bar.scss","webpack:///./app/styles/ui/window/_focus.scss","webpack:///./app/styles/ui/window/_zoom-info.scss","webpack:///./app/styles/ui/window/_toast-notification.scss","webpack:///./app/node_modules/primer-support/lib/variables/color-system.scss","webpack:///./app/styles/ui/window/_tooltips.scss","webpack:///./app/styles/ui/_file-list.scss","webpack:///./app/styles/mixins/_octicon-status.scss","webpack:///./app/styles/ui/_octicons.scss","webpack:///./app/styles/ui/_list.scss","webpack:///./app/styles/ui/_list-item-insertion-overlay.scss","webpack:///./app/styles/ui/_repository-list.scss","webpack:///./app/styles/ui/changes/_commit-message.scss","webpack:///./app/styles/mixins/_close-button.scss","webpack:///./app/styles/ui/changes/_continue-rebase.scss","webpack:///./app/styles/ui/changes/_changes-list.scss","webpack:///./app/styles/ui/changes/_undo-commit.scss","webpack:///./app/styles/ui/changes/_changes-interstitial.scss","webpack:///./app/styles/ui/changes/_oversized-files-warning.scss","webpack:///./app/styles/ui/changes/_commit-warning.scss","webpack:///./app/styles/ui/changes/_submodule-diff.scss","webpack:///./app/styles/ui/_cloning-repository-view.scss","webpack:///./app/styles/ui/_diff.scss","webpack:///./app/styles/mixins/_checkboard-background.scss","webpack:///./app/styles/ui/history/_history.scss","webpack:///./app/styles/ui/history/_commit-list.scss","webpack:///./app/styles/ui/history/_commit-summary.scss","webpack:///./app/styles/ui/history/_expandable-commit-summary.scss","webpack:///./app/styles/ui/history/_file-list.scss","webpack:///./app/styles/ui/history/_multiple_commits_selected.scss","webpack:///./app/styles/ui/_repository.scss","webpack:///./app/styles/ui/_resizable.scss","webpack:///./app/styles/ui/toolbar/_toolbar.scss","webpack:///./app/styles/ui/toolbar/_button.scss","webpack:///./app/styles/ui/toolbar/_dropdown.scss","webpack:///./app/styles/ui/toolbar/_push-pull-button.scss","webpack:///./app/styles/ui/_tab-bar.scss","webpack:///./app/styles/ui/_panel.scss","webpack:///./app/styles/ui/_popup.scss","webpack:///./app/styles/ui/_progress.scss","webpack:///./app/styles/ui/_branches.scss","webpack:///./app/styles/ui/_emoji.scss","webpack:///./app/styles/ui/_ui-view.scss","webpack:///./app/styles/ui/_autocompletion.scss","webpack:///./app/styles/ui/_welcome.scss","webpack:///./app/styles/ui/_foldout.scss","webpack:///./app/styles/ui/_preferences.scss","webpack:///./app/styles/ui/_path-text.scss","webpack:///./app/styles/ui/_path-label.scss","webpack:///./app/styles/ui/_configure-git-user.scss","webpack:///./app/styles/ui/_form.scss","webpack:///./app/styles/ui/_text-box.scss","webpack:///./app/styles/mixins/_textboxish.scss","webpack:///./app/styles/ui/_password-text-box.scss","webpack:///./app/styles/ui/_ref-name-text-box.scss","webpack:///./app/styles/ui/_radio-button.scss","webpack:///./app/styles/ui/_button.scss","webpack:///./app/styles/ui/_select.scss","webpack:///./app/styles/ui/_row.scss","webpack:///./app/styles/ui/_text-area.scss","webpack:///./app/styles/ui/_checkbox.scss","webpack:///./app/styles/ui/_errors.scss","webpack:///./app/styles/ui/dialogs/_conflicts.scss","webpack:///./app/styles/ui/dialogs/_progress-dialog.scss","webpack:///./app/styles/ui/dialogs/_abort-merge.scss","webpack:///./app/styles/ui/dialogs/_push-needs-pull.scss","webpack:///./app/styles/ui/dialogs/_publish-repository.scss","webpack:///./app/styles/ui/dialogs/_repository-settings.scss","webpack:///./app/styles/ui/dialogs/_release-notes.scss","webpack:///./app/styles/ui/dialogs/_usage-reporting.scss","webpack:///./app/styles/ui/dialogs/_stash-changes.scss","webpack:///./app/styles/ui/dialogs/_commit-conflicts-warning.scss","webpack:///./app/styles/ui/dialogs/_create-tutorial-repository.scss","webpack:///./app/styles/ui/dialogs/_create-fork.scss","webpack:///./app/styles/ui/dialogs/_fork-settings.scss","webpack:///./app/styles/ui/dialogs/_cherry-pick.scss","webpack:///./app/styles/ui/dialogs/_thank-you.scss","webpack:///./app/styles/ui/dialogs/_commit-message.scss","webpack:///./app/styles/ui/dialogs/_choose-branch.scss","webpack:///./app/styles/ui/dialogs/_ci-check-run-rerun.scss","webpack:///./app/styles/ui/dialogs/_unreachable-commits.scss","webpack:///./app/styles/ui/dialogs/_open-pull-request.scss","webpack:///./app/styles/ui/dialogs/_installing-update.scss","webpack:///./app/styles/ui/dialogs/_test-notifications.scss","webpack:///./app/styles/ui/dialogs/_pull-request-comment-like.scss","webpack:///./app/styles/ui/dialogs/_unknown-authors.scss","webpack:///./app/styles/ui/dialogs/_icon_preview.scss","webpack:///./app/styles/ui/_dialog.scss","webpack:///./app/styles/ui/banners/_successful.scss","webpack:///./app/styles/ui/banners/_conflicts.scss","webpack:///./app/styles/ui/banners/_update-available.scss","webpack:///./app/styles/ui/banners/_open_thank_you_card.scss","webpack:///./app/styles/ui/banners/_os-not-supported.scss","webpack:///./app/styles/ui/_banners.scss","webpack:///./app/styles/ui/_add-repository.scss","webpack:///./app/styles/ui/_discard-changes.scss","webpack:///./app/styles/ui/_filter-list.scss","webpack:///./app/styles/ui/_missing-repository-view.scss","webpack:///./app/styles/ui/_horizontal-rule.scss","webpack:///./app/styles/ui/_about.scss","webpack:///./app/styles/ui/_avatar.scss","webpack:///./app/styles/ui/_call-to-action.scss","webpack:///./app/styles/ui/_acknowledgements.scss","webpack:///./app/styles/ui/_vertical-segmented-control.scss","webpack:///./app/styles/ui/_no-repositories.scss","webpack:///./app/styles/ui/_terms-and-conditions.scss","webpack:///./app/styles/ui/_ref.scss","webpack:///./app/styles/ui/_initialize-lfs.scss","webpack:///./app/styles/ui/_ci-status.scss","webpack:///./app/styles/ui/_pull-request-badge.scss","webpack:///./app/styles/ui/_no-branches.scss","webpack:///./app/styles/ui/_codemirror.scss","webpack:///./app/styles/ui/_author-input.scss","webpack:///./app/styles/ui/_avatar-stack.scss","webpack:///./app/styles/ui/_commit-attribution.scss","webpack:///./app/styles/ui/_fancy-text-box.scss","webpack:///./app/styles/ui/_merge-status.scss","webpack:///./app/styles/ui/rebase-status.scss","webpack:///./app/styles/ui/_cloneable-repository-filter-list.scss","webpack:///./app/styles/ui/_stash-diff-viewer.scss","webpack:///./app/styles/ui/_commit-details.scss","webpack:///./app/styles/ui/onboarding-tutorial/_right-panel.scss","webpack:///./app/styles/ui/onboarding-tutorial/_welcome.scss","webpack:///./app/styles/ui/onboarding-tutorial/_nudge-arrow.scss","webpack:///./app/styles/ui/onboarding-tutorial/_done.scss","webpack:///./app/styles/ui/suggested-actions/_suggested-action.scss","webpack:///./app/styles/ui/suggested-actions/_suggested-action-group.scss","webpack:///./app/styles/ui/_config-lock-file-exists.scss","webpack:///./app/styles/ui/_local-changes-overwritten.scss","webpack:///./app/styles/ui/_side-by-side-diff.scss","webpack:///./app/styles/ui/_diff-options.scss","webpack:///./app/styles/ui/_commit-message-avatar.scss","webpack:///./app/styles/ui/_popover.scss","webpack:///./app/styles/ui/drag-elements/_commit-drag-element.scss","webpack:///./app/styles/ui/_drag-elements.scss","webpack:///./app/styles/ui/_drag-overlay.scss","webpack:///./app/styles/ui/_dropdown-select-button.scss","webpack:///./app/styles/ui/check-runs/_ci-check-run-list-item.scss","webpack:///./app/styles/ui/check-runs/_ci-check-run-list.scss","webpack:///./app/styles/ui/check-runs/_ci-check-run-popover.scss","webpack:///./app/styles/ui/check-runs/_ci-check-run-job-steps.scss","webpack:///./app/styles/ui/check-runs/_ci-check-run-no-steps.scss","webpack:///./app/styles/ui/check-runs/_ci-check-run-step-header.scss","webpack:///./app/styles/ui/_pull-request-checks-failed.scss","webpack:///./app/styles/ui/_sandboxed-markdown.scss","webpack:///./app/styles/ui/_pull-request-quick-view.scss","webpack:///./app/styles/ui/_discard-changes-retry.scss","webpack:///./app/styles/ui/_git-email-not-found-warning.scss","webpack:///./app/styles/ui/_popover-dropdown.scss","webpack:///./app/styles/ui/_pull-request-files-changed.scss","webpack:///./app/styles/ui/_pull-request-merge-status.scss","webpack:///./app/styles/ui/_input-description.scss","webpack:///./app/styles/ui/repository-rules/_repo-rules-failure-list.scss","webpack:///./app/styles/ui/_account-picker.scss"],"sourcesContent":["/* Collection default theme */\n\n.ReactVirtualized__Collection {\n}\n\n.ReactVirtualized__Collection__innerScrollContainer {\n}\n\n/* Grid default theme */\n\n.ReactVirtualized__Grid {\n}\n\n.ReactVirtualized__Grid__innerScrollContainer {\n}\n\n/* Table default theme */\n\n.ReactVirtualized__Table {\n}\n\n.ReactVirtualized__Table__Grid {\n}\n\n.ReactVirtualized__Table__headerRow {\n  font-weight: 700;\n  text-transform: uppercase;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ReactVirtualized__Table__row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.ReactVirtualized__Table__headerTruncatedText {\n  display: inline-block;\n  max-width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ReactVirtualized__Table__headerColumn,\n.ReactVirtualized__Table__rowColumn {\n  margin-right: 10px;\n  min-width: 0px;\n}\n.ReactVirtualized__Table__rowColumn {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ReactVirtualized__Table__headerColumn:first-of-type,\n.ReactVirtualized__Table__rowColumn:first-of-type {\n  margin-left: 10px;\n}\n.ReactVirtualized__Table__sortableHeaderColumn {\n  cursor: pointer;\n}\n\n.ReactVirtualized__Table__sortableHeaderIconContainer {\n  display: flex;\n  align-items: center;\n}\n.ReactVirtualized__Table__sortableHeaderIcon {\n  flex: 0 0 24px;\n  height: 1em;\n  width: 1em;\n  fill: currentColor;\n}\n\n/* List default theme */\n\n.ReactVirtualized__List {\n}\n","/* Collection default theme */\n\n.ReactVirtualized__Collection {\n}\n\n.ReactVirtualized__Collection__innerScrollContainer {\n}\n\n/* Grid default theme */\n\n.ReactVirtualized__Grid {\n}\n\n.ReactVirtualized__Grid__innerScrollContainer {\n}\n\n/* Table default theme */\n\n.ReactVirtualized__Table {\n}\n\n.ReactVirtualized__Table__Grid {\n}\n\n.ReactVirtualized__Table__headerRow {\n  font-weight: 700;\n  text-transform: uppercase;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.ReactVirtualized__Table__row {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.ReactVirtualized__Table__headerTruncatedText {\n  display: inline-block;\n  max-width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ReactVirtualized__Table__headerColumn,\n.ReactVirtualized__Table__rowColumn {\n  margin-right: 10px;\n  min-width: 0px;\n}\n.ReactVirtualized__Table__rowColumn {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ReactVirtualized__Table__headerColumn:first-of-type,\n.ReactVirtualized__Table__rowColumn:first-of-type {\n  margin-left: 10px;\n}\n.ReactVirtualized__Table__sortableHeaderColumn {\n  cursor: pointer;\n}\n\n.ReactVirtualized__Table__sortableHeaderIconContainer {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.ReactVirtualized__Table__sortableHeaderIcon {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 0 24px;\n          flex: 0 0 24px;\n  height: 1em;\n  width: 1em;\n  fill: currentColor;\n}\n\n/* List default theme */\n\n.ReactVirtualized__List {\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhCQUE4Qjs7QUFFOUI7Q0FDQzs7QUFFRDtDQUNDOztBQUVELHdCQUF3Qjs7QUFFeEI7Q0FDQzs7QUFFRDtDQUNDOztBQUVELHlCQUF5Qjs7QUFFekI7Q0FDQzs7QUFFRDtDQUNDOztBQUVEO0VBQ0UsaUJBQWlCO0VBQ2pCLDBCQUEwQjtFQUMxQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLCtCQUFvQjtFQUFwQiw4QkFBb0I7TUFBcEIsd0JBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjtBQUNEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwrQkFBb0I7RUFBcEIsOEJBQW9CO01BQXBCLHdCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQix3QkFBd0I7RUFDeEIsaUJBQWlCO0NBQ2xCOztBQUVEOztFQUVFLG1CQUFtQjtFQUNuQixlQUFlO0NBQ2hCO0FBQ0Q7RUFDRSx3QkFBd0I7RUFDeEIsb0JBQW9CO0NBQ3JCOztBQUVEOztFQUVFLGtCQUFrQjtDQUNuQjtBQUNEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjtBQUNEO0VBQ0Usb0JBQWU7TUFBZixtQkFBZTtVQUFmLGVBQWU7RUFDZixZQUFZO0VBQ1osV0FBVztFQUNYLG1CQUFtQjtDQUNwQjs7QUFFRCx3QkFBd0I7O0FBRXhCO0NBQ0MiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbGxlY3Rpb24gZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fQ29sbGVjdGlvbiB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19Db2xsZWN0aW9uX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIEdyaWQgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fR3JpZCB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19HcmlkX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIFRhYmxlIGRlZmF1bHQgdGhlbWUgKi9cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19HcmlkIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJSb3cge1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uUmVhY3RWaXJ0dWFsaXplZF9fVGFibGVfX2hlYWRlclRydW5jYXRlZFRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9faGVhZGVyQ29sdW1uLFxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIG1pbi13aWR0aDogMHB4O1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJDb2x1bW46Zmlyc3Qtb2YtdHlwZSxcbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fcm93Q29sdW1uOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJDb2x1bW4ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uQ29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uIHtcbiAgZmxleDogMCAwIDI0cHg7XG4gIGhlaWdodDogMWVtO1xuICB3aWR0aDogMWVtO1xuICBmaWxsOiBjdXJyZW50Q29sb3I7XG59XG5cbi8qIExpc3QgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fTGlzdCB7XG59XG4iXX0= */","/* BASICS */\n\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  font-family: monospace;\n  height: 300px;\n  color: black;\n  direction: ltr;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n  padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n  padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n  border-left: 1px solid black;\n  border-right: none;\n  width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n.cm-fat-cursor .CodeMirror-line::selection,\n.cm-fat-cursor .CodeMirror-line > span::selection, \n.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }\n.cm-fat-cursor .CodeMirror-line::-moz-selection,\n.cm-fat-cursor .CodeMirror-line > span::-moz-selection,\n.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }\n.cm-fat-cursor { caret-color: transparent; }\n@-moz-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@-webkit-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n  position: absolute;\n  left: 0; right: 0; top: -50px; bottom: 0;\n  overflow: hidden;\n}\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  top: 0; bottom: 0;\n  position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n  position: relative;\n  overflow: hidden;\n  background: white;\n}\n\n.CodeMirror-scroll {\n  overflow: scroll !important; /* Things will break if this is overridden */\n  /* 50px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -50px; margin-right: -50px;\n  padding-bottom: 50px;\n  height: 100%;\n  outline: none; /* Prevent dragging from highlighting the element */\n  position: relative;\n  z-index: 0;\n}\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 50px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  position: absolute;\n  z-index: 6;\n  display: none;\n  outline: none;\n}\n.CodeMirror-vscrollbar {\n  right: 0; top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n  bottom: 0; left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n  right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n  left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n  position: absolute; left: 0; top: 0;\n  min-height: 100%;\n  z-index: 3;\n}\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -50px;\n}\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: none !important;\n  border: none !important;\n}\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0; bottom: 0;\n  z-index: 4;\n}\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4;\n}\n.CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n  /* Reset some styles that the rest of the page might have set */\n  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n  border-width: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-variant-ligatures: contextual;\n  font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre.CodeMirror-line,\n.CodeMirror-wrap pre.CodeMirror-line-like {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0; right: 0; top: 0; bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  padding: 0.1px; /* Force widget margins to stay inside of the container */\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-rtl pre { direction: rtl; }\n\n.CodeMirror-code {\n  outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.CodeMirror-cursor {\n  position: absolute;\n  pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n  background-color: #ffa;\n  background-color: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n",".CodeMirror-dialog {\n  position: absolute;\n  left: 0; right: 0;\n  background: inherit;\n  z-index: 15;\n  padding: .1em .8em;\n  overflow: hidden;\n  color: inherit;\n}\n\n.CodeMirror-dialog-top {\n  border-bottom: 1px solid #eee;\n  top: 0;\n}\n\n.CodeMirror-dialog-bottom {\n  border-top: 1px solid #eee;\n  bottom: 0;\n}\n\n.CodeMirror-dialog input {\n  border: none;\n  outline: none;\n  background: transparent;\n  width: 20em;\n  color: inherit;\n  font-family: monospace;\n}\n\n.CodeMirror-dialog button {\n  font-size: 70%;\n}\n","/*\nSolarized theme for code-mirror\nhttp://ethanschoonover.com/solarized\n*/\n\n/*\nSolarized color palette\nhttp://ethanschoonover.com/solarized/img/solarized-palette.png\n*/\n\n.solarized.base03 { color: #002b36; }\n.solarized.base02 { color: #073642; }\n.solarized.base01 { color: #586e75; }\n.solarized.base00 { color: #657b83; }\n.solarized.base0 { color: #839496; }\n.solarized.base1 { color: #93a1a1; }\n.solarized.base2 { color: #eee8d5; }\n.solarized.base3  { color: #fdf6e3; }\n.solarized.solar-yellow  { color: #b58900; }\n.solarized.solar-orange  { color: #cb4b16; }\n.solarized.solar-red { color: #dc322f; }\n.solarized.solar-magenta { color: #d33682; }\n.solarized.solar-violet  { color: #6c71c4; }\n.solarized.solar-blue { color: #268bd2; }\n.solarized.solar-cyan { color: #2aa198; }\n.solarized.solar-green { color: #859900; }\n\n/* Color scheme for code-mirror */\n\n.cm-s-solarized {\n  line-height: 1.45em;\n  color-profile: sRGB;\n  rendering-intent: auto;\n}\n.cm-s-solarized.cm-s-dark {\n  color: #839496;\n  background-color: #002b36;\n}\n.cm-s-solarized.cm-s-light {\n  background-color: #fdf6e3;\n  color: #657b83;\n}\n\n.cm-s-solarized .CodeMirror-widget {\n  text-shadow: none;\n}\n\n.cm-s-solarized .cm-header { color: #586e75; }\n.cm-s-solarized .cm-quote { color: #93a1a1; }\n\n.cm-s-solarized .cm-keyword { color: #cb4b16; }\n.cm-s-solarized .cm-atom { color: #d33682; }\n.cm-s-solarized .cm-number { color: #d33682; }\n.cm-s-solarized .cm-def { color: #2aa198; }\n\n.cm-s-solarized .cm-variable { color: #839496; }\n.cm-s-solarized .cm-variable-2 { color: #b58900; }\n.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }\n\n.cm-s-solarized .cm-property { color: #2aa198; }\n.cm-s-solarized .cm-operator { color: #6c71c4; }\n\n.cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }\n\n.cm-s-solarized .cm-string { color: #859900; }\n.cm-s-solarized .cm-string-2 { color: #b58900; }\n\n.cm-s-solarized .cm-meta { color: #859900; }\n.cm-s-solarized .cm-qualifier { color: #b58900; }\n.cm-s-solarized .cm-builtin { color: #d33682; }\n.cm-s-solarized .cm-bracket { color: #cb4b16; }\n.cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }\n.cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }\n.cm-s-solarized .cm-tag { color: #93a1a1; }\n.cm-s-solarized .cm-attribute { color: #2aa198; }\n.cm-s-solarized .cm-hr {\n  color: transparent;\n  border-top: 1px solid #586e75;\n  display: block;\n}\n.cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }\n.cm-s-solarized .cm-special { color: #6c71c4; }\n.cm-s-solarized .cm-em {\n  color: #999;\n  text-decoration: underline;\n  text-decoration-style: dotted;\n}\n.cm-s-solarized .cm-error,\n.cm-s-solarized .cm-invalidchar {\n  color: #586e75;\n  border-bottom: 1px dotted #dc322f;\n}\n\n.cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }\n.cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }\n.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }\n\n.cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }\n.cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5; }\n.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }\n\n/* Editor styling */\n\n\n\n/* Little shadow on the view-port of the buffer view */\n.cm-s-solarized.CodeMirror {\n  -moz-box-shadow: inset 7px 0 12px -6px #000;\n  -webkit-box-shadow: inset 7px 0 12px -6px #000;\n  box-shadow: inset 7px 0 12px -6px #000;\n}\n\n/* Remove gutter border */\n.cm-s-solarized .CodeMirror-gutters {\n  border-right: 0;\n}\n\n/* Gutter colors and line number styling based of color scheme (dark / light) */\n\n/* Dark */\n.cm-s-solarized.cm-s-dark .CodeMirror-gutters {\n  background-color: #073642;\n}\n\n.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {\n  color: #586e75;\n}\n\n/* Light */\n.cm-s-solarized.cm-s-light .CodeMirror-gutters {\n  background-color: #eee8d5;\n}\n\n.cm-s-solarized.cm-s-light .CodeMirror-linenumber {\n  color: #839496;\n}\n\n/* Common */\n.cm-s-solarized .CodeMirror-linenumber {\n  padding: 0 5px;\n}\n.cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }\n.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }\n.cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }\n\n.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {\n  color: #586e75;\n}\n\n/* Cursor */\n.cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }\n\n/* Fat cursor */\n.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }\n.cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }\n.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }\n.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }\n\n/* Active line */\n.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {\n  background: rgba(255, 255, 255, 0.06);\n}\n.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {\n  background: rgba(0, 0, 0, 0.06);\n}\n",".CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {\n  position: absolute;\n  background: #ccc;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  border: 1px solid #bbb;\n  border-radius: 2px;\n}\n\n.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {\n  position: absolute;\n  z-index: 6;\n  background: #eee;\n}\n\n.CodeMirror-simplescroll-horizontal {\n  bottom: 0; left: 0;\n  height: 8px;\n}\n.CodeMirror-simplescroll-horizontal div {\n  bottom: 0;\n  height: 100%;\n}\n\n.CodeMirror-simplescroll-vertical {\n  right: 0; top: 0;\n  width: 8px;\n}\n.CodeMirror-simplescroll-vertical div {\n  right: 0;\n  width: 100%;\n}\n\n\n.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {\n  display: none;\n}\n\n.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {\n  position: absolute;\n  background: #bcd;\n  border-radius: 3px;\n}\n\n.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {\n  position: absolute;\n  z-index: 6;\n}\n\n.CodeMirror-overlayscroll-horizontal {\n  bottom: 0; left: 0;\n  height: 6px;\n}\n.CodeMirror-overlayscroll-horizontal div {\n  bottom: 0;\n  height: 100%;\n}\n\n.CodeMirror-overlayscroll-vertical {\n  right: 0; top: 0;\n  width: 6px;\n}\n.CodeMirror-overlayscroll-vertical div {\n  right: 0;\n  width: 100%;\n}\n","// Variables\r\n//\r\n// This files contains CSS variables accessible to all selectors\r\n\r\n// Primer colors, see https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/color-system.scss\r\n@import '~primer-support/lib/variables/color-system.scss';\r\n\r\n// Extracted as a SCSS variable so that we can define the --overlay-background-color\r\n// on both the :root and the ::backdrop scope. The ::backdrop pseudo-element\r\n// doesn't inherit :root, see\r\n// https://bugs.chromium.org/p/chromium/issues/detail?id=594096\r\n$overlay-background-color: rgba(0, 0, 0, 0.4);\r\n\r\n:root {\r\n  --color-new: #{$green-600};\r\n  --color-deleted: #{$red-600};\r\n  --color-modified: #{darken($yellow-700, 10%)};\r\n  --color-renamed: #{$blue};\r\n  --color-conflicted: #{$orange-600};\r\n\r\n  --text-color: #{$gray-900};\r\n  --text-secondary-color: #{$gray-500};\r\n  --text-secondary-color-muted: #{lighten($gray-500, 30%)};\r\n  --background-color: #{$white};\r\n\r\n  --button-height: 25px;\r\n\r\n  --button-background: #{$blue};\r\n  --button-border-radius: 6px;\r\n  --button-hover-background: #{lighten($blue, 5%)};\r\n  --button-text-color: #{$white};\r\n  --button-focus-border-color: #{$blue-100};\r\n\r\n  --link-button-color: #{lighten($blue, 5%)};\r\n  --link-button-hover-color: #{$blue-600};\r\n  --link-button-selected-hover-color: #{$blue-200};\r\n\r\n  --secondary-button-background: #{$gray-100};\r\n  --secondary-button-border-color: var(--box-border-contrast-color);\r\n  --secondary-button-hover-border-color: var(--box-border-contrast-color);\r\n  --secondary-button-hover-background: #{$white};\r\n  --secondary-button-text-color: var(--text-color);\r\n  --secondary-button-focus-shadow-color: #{rgba($gray-200, 0.75)};\r\n  --secondary-button-focus-border-color: #{$gray-300};\r\n\r\n  /**\r\n   * Color for icons that are placed on top of a colored backing\r\n   * (like a circle badge icon)\r\n   */\r\n  --badge-icon-color: #{$white};\r\n  --warning-badge-icon-color: #{$orange};\r\n\r\n  // Colors used for icons that are inside an input box\r\n  --input-icon-warning-color: #{$yellow-800};\r\n  --input-icon-error-color: #{$red-600};\r\n  --input-icon-hover-background-color: #{$gray-100};\r\n\r\n  // Colors used for icons in the commit message warning/error area\r\n  --commit-message-icon-warning-color: var(--input-icon-warning-color);\r\n  --commit-message-icon-error-color: var(--input-icon-error-color);\r\n\r\n  // Typography\r\n  //\r\n  // Font, line-height, and color for body text, headings, and more.\r\n  $emoji_fallback_fonts: 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol';\r\n  --font-family-sans-serif: system-ui, sans-serif, #{$emoji_fallback_fonts};\r\n  --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, #{$emoji_fallback_fonts};\r\n\r\n  /**\r\n   * Font weight to use for semibold text\r\n   */\r\n  --font-weight-semibold: 600;\r\n\r\n  /**\r\n   * Font weight to use for light text\r\n   */\r\n  --font-weight-light: 300;\r\n\r\n  // Pixel value used to responsively scale all typography. Applied to the `<html>` element.\r\n  // When adding a new font-size variable, please update the fix-emoji-spacing.ts file.\r\n  --font-size: 12px;\r\n  --font-size-sm: 11px;\r\n  --font-size-md: 14px;\r\n  --font-size-lg: 28px;\r\n  --font-size-xl: 32px;\r\n  --font-size-xxl: 42px;\r\n\r\n  /** Extra small font size, be very conservative with the use of this */\r\n  --font-size-xs: 9px;\r\n\r\n  /**\r\n   * Background color for custom scroll bars.\r\n   * The color is applied to the thumb part of the scrollbar.\r\n   *\r\n   * Note: Only applies to win32 and linux platforms\r\n   */\r\n  --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);\r\n\r\n  /**\r\n   * Background color for custom scroll bars in their active state.\r\n   * The color is applied to the thumb part of the scrollbar.\r\n   *\r\n   * Note: Only applies to win32 and linux platforms\r\n   */\r\n  --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);\r\n\r\n  // Box\r\n  //\r\n  // We use the term 'box' here to refer to a very high-level generic\r\n  // component that fits many use cases. A 'box' might be a list item\r\n  // or an item in a tab control header. It's up to each implementation\r\n  // to decide what states to support (active selection, selection, etc).\r\n\r\n  --box-background-color: var(--background-color);\r\n  --box-alt-background-color: #{$gray-100};\r\n\r\n  /**\r\n   * Background color for skeleton or \"loading\" boxes\r\n   */\r\n  --box-skeleton-background-color: #{$gray-200};\r\n  --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);\r\n\r\n  /**\r\n   * Border color for boxes.\r\n   */\r\n  --box-border-color: #{$gray-200};\r\n\r\n  // darkened version of gray-400 to get 3:1 contrast ratio against --box-alt-background-color\r\n  --box-border-contrast-color: #{darken($gray-400, 5%)};\r\n  --box-border-accent-color: #{$blue};\r\n\r\n  /**\r\n   * Background color for selected boxes without keyboard focus\r\n   */\r\n  --box-selected-background-color: #ebeef1;\r\n\r\n  /**\r\n   * Text color for when a user hovers over a boxe with a\r\n   * pointing device. Should not be used by boxes that doesn't\r\n   * implement a hover state since this will conflict with\r\n   * selection and active selection\r\n   */\r\n  --box-hover-text-color: #{$gray-900};\r\n\r\n  /**\r\n   * Background color for when a user hovers over a boxe with a\r\n   * pointing device. Should not be used by boxes that doesn't\r\n   * implement a hover state since this will conflict with\r\n   * selection and active selection\r\n   */\r\n  --box-hover-background-color: #{$gray-100};\r\n\r\n  /**\r\n   * Text color for selected boxes without keyboard focus\r\n   */\r\n  --box-selected-text-color: #{$gray-900};\r\n\r\n  /**\r\n   * Border color for selected boxes without keyboard focus\r\n   */\r\n  --box-selected-border-color: #{$gray-400};\r\n\r\n  /**\r\n   * Background color for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-background-color: #{$blue};\r\n\r\n  /**\r\n   * Border styles for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-border: none;\r\n\r\n  /**\r\n   * Text color for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-text-color: #{$white};\r\n\r\n  /**\r\n   * Border color for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-border-color: #{$gray-400};\r\n\r\n  /**\r\n   * Gradient used to indicate that content is overflowing, intended\r\n   * for use when content can be expanded through other means than\r\n   * scrolling.\r\n   */\r\n  --box-overflow-shadow-background: #{linear-gradient(180deg, rgba($white, 0) 0%, rgba($white, 1) 90%, rgba($white, 1) 100%)};\r\n\r\n  /**\r\n   * Gradient used to indicate that content is overflowing, intended\r\n   * for use when content can be expanded through other means than\r\n   * scrolling. Used in conjuction with background-size, background-attachment, background-repeat.\r\n   */\r\n  --no-shadow-top: #{linear-gradient($white, rgba(255, 255, 255, 0))};\r\n  --no-shadow-bottom: #{linear-gradient(rgba(255, 255, 255, 0), $white)};\r\n  --top-shadow: #{linear-gradient(0deg, rgba($white, 0) 0%, rgba($gray-200, 0.6) 90%, rgba($gray-200, 1) 100%)};\r\n  --bottom-shadow: #{linear-gradient(180deg, rgba($white, 0) 0%, rgba($gray-200, 0.6) 90%, rgba($gray-200, 1) 100%) 0 100%};\r\n  --box-overflow-shadow-background-two: #{var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow)};\r\n\r\n  /**\r\n   * Text color for selected boxes with active keyboard focus\r\n   */\r\n\r\n  /**\r\n   * Placeholder color for input boxes\r\n   */\r\n  --box-placeholder-color: #{$gray-500};\r\n\r\n  /**\r\n   * Author input (co-authors)\r\n   */\r\n  --co-author-tag-background-color: #{$blue-000};\r\n  --co-author-tag-border-color: #{$blue-200};\r\n\r\n  /**\r\n   * Commit warning badge icon\r\n   */\r\n  --commit-warning-badge-background-color: #{$gray-000};\r\n  --commit-warning-badge-border: #{$gray-300};\r\n\r\n  /**\r\n   * The height of the title bar area on Win32 platforms\r\n   * If changed, update titleBarHeight in 'app/src/ui/dialog/dialog.tsx'\r\n  */\r\n  --win32-title-bar-height: 28px;\r\n  --win32-title-bar-background-color: #{$gray-900};\r\n\r\n  /**\r\n   * The height of the title bar area on darwin platforms\r\n   * If changed, update titleBarHeight in 'app/src/ui/dialog/dialog.tsx'\r\n  */\r\n  --darwin-title-bar-height: 22px;\r\n\r\n  --spacing: 10px;\r\n  --spacing-double: calc(var(--spacing) * 2);\r\n  --spacing-triple: calc(var(--spacing) * 3);\r\n  --spacing-quad: calc(var(--spacing) * 4);\r\n  --spacing-quint: calc(var(--spacing) * 5);\r\n  --spacing-half: calc(var(--spacing) / 2);\r\n  --spacing-third: calc(var(--spacing) / 3);\r\n\r\n  --border-radius: 6px;\r\n  // When we use the regular border radius (6px) the outline\r\n  // leaves a tiny gap in the corners so we drop down to a\r\n  // similar value than Chrome's default outline border radius.\r\n  --outlined-border-radius: 3px;\r\n  --base-border: 1px solid var(--box-border-color);\r\n  --contrast-border: 1px solid var(--box-border-contrast-color);\r\n\r\n  --shadow-color: rgba(71, 83, 95, 0.19);\r\n  --base-box-shadow: 0 2px 7px var(--shadow-color);\r\n\r\n  --toolbar-height: 50px;\r\n\r\n  --toolbar-background-color: #{$gray-900};\r\n  --toolbar-border-color: #{$gray-900};\r\n  --toolbar-text-color: #{$white};\r\n  --toolbar-text-secondary-color: #{$gray-300};\r\n\r\n  --toolbar-button-color: var(--toolbar-text-color);\r\n  --toolbar-button-background-color: transparent;\r\n  --toolbar-button-border-color: black;\r\n  --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);\r\n\r\n  --toolbar-button-hover-color: #{$white};\r\n  --toolbar-button-hover-background-color: #{$gray-800};\r\n  --toolbar-button-hover-border-color: var(--toolbar-button-border-color);\r\n\r\n  --toolbar-button-focus-background-color: #{$gray-800};\r\n\r\n  --toolbar-button-active-color: var(--text-color);\r\n  --toolbar-button-active-background-color: var(--background-color);\r\n  --toolbar-button-active-border-color: var(--background-color);\r\n\r\n  --toolbar-button-progress-color: #{$gray-800};\r\n  --toolbar-button-focus-progress-color: #{$gray-700};\r\n  --toolbar-button-hover-progress-color: #{$gray-700};\r\n  --toolbar-dropdown-open-progress-color: #{$gray-200};\r\n  --toolbar-dropdown-text-warning-color: #{$orange-800};\r\n  --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);\r\n\r\n  --toolbar-tooltip-background-color: #{$gray-800};\r\n  --toolbar-tooltip-shadow-color: black;\r\n\r\n  /**\r\n   * App menu bar colors (Windows/Linux only)\r\n   */\r\n  --app-menu-button-color: var(--toolbar-text-color);\r\n  --app-menu-button-hover-color: var(--toolbar-button-hover-color);\r\n  --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);\r\n  --app-menu-button-active-color: var(--toolbar-button-active-color);\r\n  --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);\r\n  --app-menu-pane-color: var(--text-color);\r\n  --app-menu-pane-secondary-color: var(--text-secondary-color);\r\n  --app-menu-pane-background-color: var(--toolbar-button-active-background-color);\r\n  --app-menu-divider-color: var(--box-border-color);\r\n\r\n  /**\r\n    * Background color for badges inside of toolbar buttons.\r\n    * Examples of badges are the ahead/behind bubble in the\r\n    * push/pull button and the PR badge in the branch drop\r\n    * down button.\r\n    */\r\n  --toolbar-badge-background-color: #{$gray-600};\r\n  --toolbar-badge-active-background-color: #{$gray-200};\r\n\r\n  --tab-bar-height: 29px;\r\n  --tab-bar-active-color: #{$blue};\r\n  --tab-bar-background-color: #{$white};\r\n  --tab-bar-hover-background-color: #{$gray-100};\r\n\r\n  /** Count bubble colors when used inside of a tab bar item */\r\n  --tab-bar-count-color: var(--text-color);\r\n  --tab-bar-count-background-color: #{$gray-200};\r\n\r\n  /**\r\n    * Badge colors when used inside of list items.\r\n    * Example of this is the change indicators inside\r\n    * of the repository list.\r\n    */\r\n  --list-item-badge-color: #{$gray-800};\r\n  --list-item-badge-background-color: #{$gray-200};\r\n  --list-item-selected-badge-color: #{$gray-900};\r\n  --list-item-selected-badge-background-color: #{$gray-300};\r\n  --list-item-selected-active-badge-color: #{$gray-900};\r\n  --list-item-selected-active-badge-background-color: #{$white};\r\n  --list-item-hover-background-color: #{$gray-100};\r\n\r\n  /** Windows/Linux have custom scrollbars, see _scroll.scss */\r\n  --win32-scroll-bar-size: 10px;\r\n  --linux-scroll-bar-size: 10px;\r\n\r\n  /**\r\n   * The z-index for tooltips. Nothing should be higher, but other z-indexes can\r\n   * be defined in terms of it.\r\n   *\r\n   * 20 seems arbitrary (because it is) but we have to go that high because\r\n   * codemirror is all over the place with their z-indexes and uses at least\r\n   * 0-6.\r\n   */\r\n  --tooltip-z-index: 20;\r\n  --popup-z-index: 19;\r\n  --popup-overlay-z-index: 18;\r\n  --foldout-z-index: 17;\r\n  --nudge-arrow-z-index: 16;\r\n  --drag-overlay-z-index: 15;\r\n  --side-panel-z-index: 14;\r\n  // We want second level to fall under top level when scrolling\r\n  --list-sticky-header-top-level-z-index: 11;\r\n  --list-sticky-header-second-level-z-index: 10;\r\n\r\n  /**\r\n   * Toast notifications are shown temporarily for things like the zoom\r\n   * percentage changing or the app toggling between full screen and normal\r\n   * window mode.\r\n   */\r\n  --toast-notification-color: #{$gray-000};\r\n  --toast-notification-background-color: #{rgba($gray-900, 0.6)};\r\n\r\n  --tip-box-background-color: #{rgba($blue-500, 0.06)};\r\n  --tip-box-border-color: #{$blue-200};\r\n\r\n  /** The highlight color used for focus rings and focus box shadows */\r\n  --focus-color: #{$blue};\r\n  --diff-linenumber-focus-color: #{$blue-600};\r\n\r\n  /**\r\n   * Variables for form elements\r\n   */\r\n  --text-field-height: 25px;\r\n  --text-field-focus-shadow-color: #{rgba($blue, 0.25)};\r\n\r\n  /**\r\n   * Blankslate actions, see `BlankslateAction` component.\r\n   */\r\n  --primary-suggested-action-background: #{$blue-000};\r\n  --primary-suggested-action-border-color: #{$blue-200};\r\n  --suggested-action-icon-color: #{$blue-400};\r\n\r\n  /**\r\n   * Diff view\r\n   */\r\n\r\n  --diff-line-padding-y: 2px;\r\n\r\n  --diff-text-color: #{$gray-900};\r\n  --diff-border-color: #{$gray-200};\r\n  --diff-gutter-color: #{$gray-200};\r\n  --diff-gutter-background-color: var(--background-color);\r\n\r\n  --diff-line-number-color: #{$gray-700};\r\n  --diff-line-number-column-width: 50px;\r\n\r\n  --diff-selected-background-color: #{$blue-400};\r\n  --diff-selected-border-color: #{$blue-600};\r\n  --diff-selected-gutter-color: #{$blue-600};\r\n  --diff-selected-text-color: var(--background-color);\r\n\r\n  --diff-add-background-color: #{darken($green-000, 2%)};\r\n  --diff-add-border-color: #{$green-300};\r\n  --diff-add-gutter-color: #{$green-300};\r\n  --diff-add-gutter-background-color: #{darken($green-100, 3%)};\r\n  --diff-add-inner-background-color: #acf2bd;\r\n\r\n  --diff-add-text-color: var(--diff-text-color);\r\n  --diff-delete-background-color: #{$red-000};\r\n  --diff-delete-border-color: #{$red-200};\r\n  --diff-delete-gutter-color: #{$red-200};\r\n  --diff-delete-gutter-background-color: #{$red-100};\r\n  --diff-delete-inner-background-color: #fdb8c0;\r\n  --diff-delete-text-color: var(--diff-text-color);\r\n\r\n  --diff-hunk-background-color: #{$blue-000};\r\n  --diff-hunk-border-color: #{$blue-200};\r\n  --diff-hunk-gutter-color: #{darken($blue-200, 5%)};\r\n  --diff-hunk-gutter-background-color: #{$blue-100};\r\n  --diff-hunk-text-color: #{$gray-600};\r\n\r\n  --diff-hover-background-color: #{$blue-300};\r\n  --diff-hover-border-color: #{$blue-400};\r\n  --diff-hover-gutter-color: #{$blue-400};\r\n  --diff-hover-text-color: var(--background-color);\r\n\r\n  --diff-add-hover-background-color: #{$green-300};\r\n  --diff-add-hover-border-color: #{$green-400};\r\n  --diff-add-hover-gutter-color: #{$green-400};\r\n  --diff-add-hover-text-color: var(--text-color);\r\n\r\n  --diff-delete-hover-background-color: #{$red-200};\r\n  --diff-delete-hover-border-color: #{$red-300};\r\n  --diff-delete-hover-gutter-color: #{$red-300};\r\n  --diff-delete-hover-text-color: var(--text-color);\r\n\r\n  --diff-empty-row-background-color: #{$gray-000};\r\n  --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);\r\n  --diff-empty-hunk-handle: #{$gray-300};\r\n\r\n  // Syntax highlighting text colors\r\n  --syntax-variable-color: #6f42c1;\r\n  --syntax-alt-variable-color: #24292e;\r\n  --syntax-keyword-color: #d73a49;\r\n  --syntax-atom-color: #005cc5;\r\n  --syntax-string-color: #032f62;\r\n  --syntax-qualifier-color: #6f42c1;\r\n  --syntax-type-color: #d73a49;\r\n  --syntax-comment-color: #{$gray-500};\r\n  --syntax-tag-color: #22863a;\r\n  --syntax-attribute-color: #6f42c1;\r\n  --syntax-link-color: #032f62;\r\n  --syntax-header-color: #0000ff;\r\n  --syntax-quote-color: #1a7e31;\r\n\r\n  // Note that this duration *must* match the `UndoCommitAnimationTimeout`\r\n  // specified in `changes/index.tsx`.\r\n  --undo-animation-duration: 500ms;\r\n\r\n  // Colors for form errors\r\n  --error-color: #{$red};\r\n  --form-error-background: #{$red-100};\r\n  --form-error-border-color: #{$red-200};\r\n  --form-error-text-color: #{$red-800};\r\n\r\n  --dialog-banner-success-background: #{$green-100};\r\n  --dialog-banner-success-border-color: #{$green-300};\r\n  --dialog-banner-success-text-color: #{$green-800};\r\n\r\n  // Inline form errors, displayed after the input field\r\n  --input-warning-text-color: var(--dialog-warning-color);\r\n  --input-error-text-color: #{$red-800};\r\n\r\n  /** Overlay is used as a background for both modals and foldouts */\r\n  --overlay-background-color: #{$overlay-background-color};\r\n\r\n  /** Dialog */\r\n  --dialog-warning-color: #{$yellow-800};\r\n  --dialog-information-color: #{$blue-400};\r\n  --dialog-error-color: #{$red};\r\n\r\n  /** Banner */\r\n  --banner-warning-background: #{$yellow-100};\r\n  --banner-warning-text-color: var(--text-color);\r\n  --banner-warning-link-color: #046ee7;\r\n  --banner-warning-icon-color: #{darken($yellow-700, 10%)};\r\n\r\n  /** File warning */\r\n  --file-warning-background-color: #{$yellow-100};\r\n  --file-warning-color: #{darken($yellow-700, 10%)};\r\n  --file-warning-border-color: #{rgba($yellow-700, 0.4)};\r\n\r\n  /** Tooltips */\r\n  --tooltip-background-color: #{$gray-900};\r\n  --tooltip-color: #{$gray-100};\r\n  --tooltip-shadow-color: #{rgba($gray-900, 0.65)};\r\n\r\n  /** Inline paths and code */\r\n  --path-segment-background: #{$blue-000};\r\n  --path-segment-background-focus: #{darken($blue-000, 5%)};\r\n  --path-segment-padding: var(--spacing-third);\r\n\r\n  // http://easings.net/#easeOutBack\r\n  --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n\r\n  // http://easings.net/#easeInBack\r\n  --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);\r\n\r\n  // http://easings.net/#easeOutQuint\r\n  --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);\r\n\r\n  /** rebase progress bar */\r\n  --dialog-progress-background: #{$green};\r\n\r\n  /** merge/rebase status indicators */\r\n  --status-pending-color: #{$yellow-700};\r\n  --status-error-color: #{$red-500};\r\n  --status-success-color: #1a7f37;\r\n\r\n  // PR status icon colors\r\n  --pr-open-icon-color: #{$green-500};\r\n  --pr-draft-icon-color: #{$gray-500};\r\n\r\n  // PR review colors\r\n  --pr-timeline-line-color: var(--box-border-color);\r\n  --pr-changes-requested-icon-color: #{$white};\r\n  --pr-changes-requested-icon-background-color: #cf222e;\r\n  --pr-approved-icon-color: #{$white};\r\n  --pr-approved-icon-background-color: #2da44e;\r\n  --pr-commented-icon-color: var(--md-fg-muted-color);\r\n  --pr-commented-icon-background-color: #eaeef2;\r\n\r\n  --call-to-action-bubble-border-color: #{$green};\r\n  --call-to-action-bubble-color: #{$green};\r\n\r\n  --title-tool-tip-background-color: rgb(236, 236, 236);\r\n  --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);\r\n\r\n  // Markdown colors\r\n  --md-border-default-color: #d0d7de;\r\n  --md-border-muted-color: hsla(210, 18%, 87%, 1);\r\n  --md-canvas-default-color: #ffffff;\r\n  --md-canvas-subtle-color: #f6f8fa;\r\n  --md-fg-default-color: #24292f;\r\n  --md-fg-muted-color: #57606a;\r\n  --md-danger-fg-color: #cf222e;\r\n  --md-neutral-muted-color: rgba(175, 184, 193, 0.2);\r\n  --md-accent-emphasis-color: #0969da;\r\n  --md-accent-fg-color: #0969da;\r\n}\r\n\r\n::backdrop {\r\n  --overlay-background-color: #{$overlay-background-color};\r\n}\r\n","// Variables\r\n//\r\n// This files contains CSS variables accessible to all selectors\r\n\r\n// Primer colors, see https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/color-system.scss\r\n@import '~primer-support/lib/variables/color-system.scss';\r\n\r\n// This should be something like\r\n// @media (prefers-color-scheme: dark)\r\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme\r\n// https://www.electronjs.org/docs/api/native-theme#nativethemethemesource\r\n\r\n// This blue passes WCAG 2 guidelines with $gray-100 fg and $gray-900 bg.\r\n$link-color: #2e8fff;\r\n\r\nbody.theme-dark {\r\n  --color-new: #{$green};\r\n  --color-deleted: #{$red};\r\n  --color-modified: #{$yellow-700};\r\n  --color-renamed: #{$blue};\r\n  --color-conflicted: #{$orange};\r\n\r\n  --text-color: #{$gray-100};\r\n  --text-secondary-color: #{$gray-400};\r\n  --text-secondary-color-muted: #{darken($gray-500, 10%)};\r\n  --background-color: #{$gray-900};\r\n\r\n  --button-background: #{$blue};\r\n  --button-hover-background: #{lighten($blue, 5%)};\r\n  --button-text-color: #{$white};\r\n  --button-focus-border-color: #{$blue-600};\r\n\r\n  --link-button-color: #{$link-color};\r\n  --link-button-hover-color: #{lighten($link-color, 3%)};\r\n  --link-button-selected-hover-color: #{$link-color};\r\n\r\n  --secondary-button-background: #{$gray-800};\r\n  --secondary-button-border-color: var(--box-border-contrast-color);\r\n  --secondary-button-hover-border-color: #{$gray-300};\r\n  --secondary-button-hover-background: var(--secondary-button-background);\r\n  --secondary-button-text-color: var(--text-color);\r\n  --secondary-button-focus-shadow-color: #{rgba($gray-200, 0.75)};\r\n  --secondary-button-focus-border-color: #{$gray-300};\r\n\r\n  /**\r\n   * Color for icons that are placed on top of a colored backing\r\n   * (like a circle badge icon)\r\n   */\r\n  --badge-icon-color: #{$gray-300};\r\n\r\n  // Colors used for icons that are inside an input box\r\n  --input-icon-warning-color: #{$yellow-600};\r\n  --input-icon-error-color: #{$red-400};\r\n  --input-icon-hover-background-color: #{$gray-800};\r\n\r\n  // Colors used for icons in the commit message warning/error area\r\n  --commit-message-icon-warning-color: var(--input-icon-warning-color);\r\n  --commit-message-icon-error-color: var(--input-icon-error-color);\r\n\r\n  /**\r\n   * Background color for custom scroll bars.\r\n   * The color is applied to the thumb part of the scrollbar.\r\n   *\r\n   * Note: Only applies to win32 and linux platforms\r\n   */\r\n  --scroll-bar-thumb-background-color: rgba(255, 255, 255, 0.2);\r\n\r\n  /**\r\n   * Background color for custom scroll bars in their active state.\r\n   * The color is applied to the thumb part of the scrollbar.\r\n   *\r\n   * Note: Only applies to win32 and linux platforms\r\n   */\r\n  --scroll-bar-thumb-background-color-active: rgba(255, 255, 255, 0.5);\r\n\r\n  // Box\r\n  //\r\n  // We use the term 'box' here to refer to a very high-level generic\r\n  // component that fits many use cases. A 'box' might be a list item\r\n  // or an item in a tab control header. It's up to each implementation\r\n  // to decide what states to support (active selection, selection, etc).\r\n\r\n  --box-background-color: #{darken($gray-900, 3%)};\r\n  --box-alt-background-color: #{lighten($gray-900, 3%)};\r\n\r\n  /**\r\n   * Background color for skeleton or \"loading\" boxes\r\n   */\r\n  --box-skeleton-background-color: #{$gray-700};\r\n  --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(36, 41, 46, 0) 0%, rgba(36, 41, 46, 0.5) 50%, rgba(36, 41, 46, 0) 100%);\r\n\r\n  /**\r\n   * Border color for boxes.\r\n   */\r\n  --box-border-color: #141414;\r\n\r\n  // slightly lighter of gray-500 to get 3:1 contrast ratio against\r\n  // --box-alt-background-color\r\n  --box-border-contrast-color: #{lighten($gray-500, 3%)};\r\n  --box-border-accent-color: #{$blue};\r\n\r\n  /**\r\n   * Background color for selected boxes without keyboard focus\r\n   */\r\n  --box-selected-background-color: #{$gray-700};\r\n\r\n  /**\r\n   * Text color for when a user hovers over a boxe with a\r\n   * pointing device. Should not be used by boxes that doesn't\r\n   * implement a hover state since this will conflict with\r\n   * selection and active selection\r\n   */\r\n  --box-hover-text-color: var(--text-color);\r\n\r\n  /**\r\n   * Background color for when a user hovers over a boxe with a\r\n   * pointing device. Should not be used by boxes that doesn't\r\n   * implement a hover state since this will conflict with\r\n   * selection and active selection\r\n   */\r\n  --box-hover-background-color: #{$gray-800};\r\n\r\n  /**\r\n   * Text color for selected boxes without keyboard focus\r\n   */\r\n  --box-selected-text-color: var(--text-color);\r\n\r\n  /**\r\n   * Border color for selected boxes without keyboard focus\r\n   */\r\n  --box-selected-border-color: #{$gray-400};\r\n\r\n  /**\r\n   * Background color for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-background-color: #{$blue};\r\n\r\n  /**\r\n   * Text color for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-text-color: #{$white};\r\n\r\n  /**\r\n   * Border color for selected boxes with active keyboard focus\r\n   */\r\n  --box-selected-active-border-color: #{$gray-400};\r\n\r\n  /**\r\n   * Gradient used to indicate that content is overflowing, intended\r\n   * for use when content can be expanded through other means than\r\n   * scrolling.\r\n   */\r\n  --box-overflow-shadow-background: #{linear-gradient(180deg, rgba($gray-900, 0) 0%, rgba($gray-900, 1) 90%, rgba($gray-900, 1) 100%)};\r\n\r\n  /**\r\n   * Gradient used to indicate that content is overflowing, intended\r\n   * for use when content can be expanded through other means than\r\n   * scrolling. Used in conjuction with background-size, background-attachment, background-repeat.\r\n   */\r\n  --no-shadow-top: #{linear-gradient($gray-900, rgba(255, 255, 255, 0))};\r\n  --no-shadow-bottom: #{linear-gradient(rgba(255, 255, 255, 0), $gray-900)};\r\n  --top-shadow: #{linear-gradient(0deg, rgba($gray-900, 0) 0%, rgba(black, 0.6) 90%, rgba(black, 1) 100%)};\r\n  --bottom-shadow: #{linear-gradient(180deg, rgba($gray-900, 0) 0%, rgba(black, 0.6) 90%, rgba(black, 1) 100%) 0 100%};\r\n  --box-overflow-shadow-background-two: #{var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow)};\r\n\r\n  /**\r\n   * Placeholder color for input boxes\r\n   */\r\n  --box-placeholder-color: #{$gray-400};\r\n\r\n  /**\r\n   * Author input (co-authors)\r\n   */\r\n  --co-author-tag-background-color: #{$blue-800};\r\n  --co-author-tag-border-color: #{$blue-700};\r\n\r\n  /**\r\n   * Commit warning badge icon\r\n   */\r\n  --commit-warning-badge-background-color: #{$gray-900};\r\n  --commit-warning-badge-border-color: #{$gray-700};\r\n\r\n  --base-border: 1px solid var(--box-border-color);\r\n  --contrast-border: 1px solid var(--box-border-contrast-color);\r\n\r\n  --shadow-color: #{rgba(black, 0.5)};\r\n  --base-box-shadow: 0 2px 7px var(--shadow-color);\r\n\r\n  --toolbar-background-color: #{darken($gray-900, 3%)};\r\n  --toolbar-border-color: var(--box-border-color);\r\n  --toolbar-text-color: var(--text-color);\r\n  --toolbar-text-secondary-color: var(--text-secondary-color);\r\n\r\n  --toolbar-button-color: var(--toolbar-text-color);\r\n  --toolbar-button-background-color: transparent;\r\n  --toolbar-button-border-color: var(--box-border-color);\r\n  --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);\r\n\r\n  --toolbar-button-hover-color: #{$white};\r\n  --toolbar-button-hover-background-color: #{$gray-800};\r\n  --toolbar-button-hover-border-color: var(--toolbar-button-border-color);\r\n\r\n  --toolbar-button-focus-background-color: #{$gray-800};\r\n\r\n  --toolbar-button-active-color: var(--text-color);\r\n  --toolbar-button-active-background-color: var(--background-color);\r\n  --toolbar-button-active-border-color: var(--background-color);\r\n\r\n  --toolbar-button-progress-color: #{$gray-800};\r\n  --toolbar-button-focus-progress-color: #{$gray-700};\r\n  --toolbar-button-hover-progress-color: #{$gray-700};\r\n  --toolbar-dropdown-open-progress-color: #{$gray-200};\r\n  --toolbar-dropdown-text-warning-color: #{$orange-600};\r\n  --toolbar-dropdown-text-hover-color: #{$white};\r\n\r\n  --toolbar-tooltip-background-color: #{$gray-800};\r\n  --toolbar-tooltip-shadow-color: black;\r\n\r\n  /**\r\n    * App menu bar colors (Windows/Linux only)\r\n    */\r\n  --app-menu-button-color: var(--toolbar-text-color);\r\n  --app-menu-button-hover-color: var(--toolbar-button-hover-color);\r\n  --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);\r\n  --app-menu-button-active-color: var(--text-color);\r\n  --app-menu-button-active-background-color: #{$gray-800};\r\n  --app-menu-pane-color: var(--text-color);\r\n  --app-menu-pane-secondary-color: var(--text-secondary-color);\r\n  --app-menu-pane-background-color: #{$gray-800};\r\n  --app-menu-divider-color: #{$gray-600};\r\n\r\n  /**\r\n   * Background color for badges inside of toolbar buttons.\r\n   * Examples of badges are the ahead/behind bubble in the\r\n   * push/pull button and the PR badge in the branch drop\r\n   * down button.\r\n   */\r\n  --toolbar-badge-background-color: #{$gray-700};\r\n  --toolbar-badge-active-background-color: #{$gray-700};\r\n\r\n  --tab-bar-active-color: #{$blue};\r\n  --tab-bar-background-color: var(--box-background-color);\r\n  --tab-bar-hover-background-color: #{$gray-800};\r\n\r\n  /** Count bubble colors when used inside of a tab bar item */\r\n  --tab-bar-count-color: var(--text-color);\r\n  --tab-bar-count-background-color: #{$gray-700};\r\n\r\n  /**\r\n    * Badge colors when used inside of list items.\r\n    * Example of this is the ahead/behind indicators inside\r\n    * of the repository list.\r\n    */\r\n  --list-item-badge-color: var(--text-color);\r\n  --list-item-badge-background-color: #{$gray-600};\r\n  --list-item-selected-badge-color: #{$white};\r\n  --list-item-selected-badge-background-color: #{$gray-500};\r\n  --list-item-selected-active-badge-color: #{$gray-900};\r\n  --list-item-selected-active-badge-background-color: #{$white};\r\n  --list-item-hover-background-color: #{$gray-800};\r\n\r\n  /**\r\n   * Toast notifications are shown temporarily for things like the zoom\r\n   * percentage changing or the app toggling between full screen and normal\r\n   * window mode.\r\n   */\r\n  --toast-notification-color: var(--text-color);\r\n  --toast-notification-background-color: #{rgba(black, 0.8)};\r\n\r\n  /** The highlight color used for focus rings and focus box shadows */\r\n  --focus-color: #{$blue};\r\n  --diff-linenumber-focus-color: #{$blue-200};\r\n\r\n  /**\r\n   * Variables for form elements\r\n   */\r\n  --text-field-focus-shadow-color: #{rgba($blue, 0.25)};\r\n\r\n  /**\r\n   * Blankslate actions, see `BlankslateAction` component.\r\n   */\r\n  --primary-suggested-action-background: #{$blue-900};\r\n  --primary-suggested-action-border-color: #{$blue-700};\r\n  --suggested-action-icon-color: #{$blue-400};\r\n\r\n  /**\r\n   * Diff view\r\n   */\r\n\r\n  --diff-text-color: var(--text-color);\r\n  --diff-border-color: #{$gray-800};\r\n  --diff-gutter-color: #{$gray-800};\r\n  --diff-gutter-background-color: #{darken($gray-900, 3%)};\r\n\r\n  --diff-line-number-color: var(--text-secondary-color);\r\n  --diff-line-number-column-width: 50px;\r\n\r\n  --diff-selected-background-color: #{$blue-700};\r\n  --diff-selected-border-color: #{$blue-600};\r\n  --diff-selected-gutter-color: #{$blue-600};\r\n  --diff-selected-text-color: var(--text-color);\r\n\r\n  --diff-add-background-color: #{darken($green-900, 3%)};\r\n  --diff-add-border-color: #{darken($green-900, 2%)};\r\n  --diff-add-gutter-color: #{darken($green-900, 2%)};\r\n  --diff-add-gutter-background-color: #{darken($green-900, 8%)};\r\n  --diff-add-inner-background-color: #{$green-600};\r\n  --diff-add-text-color: var(--diff-text-color);\r\n\r\n  --diff-delete-background-color: #{darken($red-900, 15%)};\r\n  --diff-delete-border-color: #{darken($red-900, 10%)};\r\n  --diff-delete-gutter-color: #{darken($red-900, 10%)};\r\n  --diff-delete-gutter-background-color: #{darken($red-900, 20%)};\r\n  --diff-delete-inner-background-color: #{$red-700};\r\n  --diff-delete-text-color: #{$red-100};\r\n\r\n  --diff-hunk-background-color: #{darken($gray-900, 3%)};\r\n  --diff-hunk-border-color: #{lighten($gray-900, 3%)};\r\n  --diff-hunk-gutter-color: #{lighten($gray-900, 3%)};\r\n  --diff-hunk-gutter-background-color: #{darken($gray-900, 6%)};\r\n  --diff-hunk-text-color: var(--text-secondary-color);\r\n\r\n  --diff-hover-background-color: #{$blue-500};\r\n  --diff-hover-border-color: #{$blue-400};\r\n  --diff-hover-gutter-color: #{$blue-400};\r\n  --diff-hover-text-color: var(--diff-text-color);\r\n\r\n  --diff-add-hover-background-color: #{$green-900};\r\n  --diff-add-hover-border-color: #{$green-700};\r\n  --diff-add-hover-gutter-color: #{$green-700};\r\n  --diff-add-hover-text-color: var(--text-color);\r\n\r\n  --diff-delete-hover-background-color: #{$red-800};\r\n  --diff-delete-hover-border-color: #{$red-700};\r\n  --diff-delete-hover-gutter-color: #{$red-700};\r\n  --diff-delete-hover-text-color: var(--text-color);\r\n\r\n  --diff-empty-row-background-color: #{darken($gray-900, 1%)};\r\n  --diff-empty-row-gutter-background-color: var(--diff-gutter-background-color);\r\n  --diff-empty-hunk-handle: #{$gray-700};\r\n\r\n  // Syntax highlighting text colors\r\n  --syntax-variable-color: #{$purple-300};\r\n  --syntax-alt-variable-color: #{$blue-300};\r\n  --syntax-keyword-color: #{$red-300};\r\n  --syntax-atom-color: #{$blue-300};\r\n  --syntax-string-color: #{$orange-300};\r\n  --syntax-qualifier-color: #{$purple-300};\r\n  --syntax-type-color: #{$red-300};\r\n  --syntax-comment-color: #{$gray-400};\r\n  --syntax-tag-color: #{$green-400};\r\n  --syntax-attribute-color: #{$purple-300};\r\n  --syntax-link-color: #{$blue-300};\r\n  --syntax-header-color: #{$red-300};\r\n  --syntax-quote-color: #{$green-400};\r\n\r\n  // Colors for form errors\r\n  --error-color: #{$red};\r\n  --form-error-background: #{darken($red-900, 3%)};\r\n  --form-error-border-color: #{$red-900};\r\n  --form-error-text-color: var(--text-color);\r\n\r\n  --dialog-banner-success-background: rgba(22, 92, 38, 0.7);\r\n  --dialog-banner-success-border-color: #{$green-800};\r\n  --dialog-banner-success-text-color: var(--text-color);\r\n\r\n  // Inline form errors, displayed after the input field\r\n  --input-warning-text-color: var(--dialog-warning-color);\r\n  --input-error-text-color: #{$red-300};\r\n\r\n  /** Overlay is used as a background for both modals and foldouts */\r\n  --overlay-background-color: rgba(0, 0, 0, 0.5);\r\n\r\n  /** Dialog */\r\n  --dialog-warning-color: #{$yellow-600};\r\n  --dialog-information-color: #{$blue-400};\r\n  --dialog-error-color: #{$red-600};\r\n\r\n  /** Banner */\r\n  --banner-warning-background: #272216;\r\n  --banner-warning-text-color: var(--text-color);\r\n  --banner-warning-link-color: #6682ff;\r\n  --banner-warning-icon-color: #{$yellow-700};\r\n\r\n  /** File warning */\r\n  --file-warning-background-color: #{rgba($yellow-900, 0.4)};\r\n  --file-warning-color: #{$yellow-700};\r\n  --file-warning-border-color: #{rgba($yellow-800, 0.4)};\r\n\r\n  /** Tooltips */\r\n  --tooltip-background-color: #{$gray-800};\r\n  --tooltip-color: #{$gray-100};\r\n  --tooltip-shadow-color: #{$black};\r\n\r\n  /** Inline paths and code */\r\n  --path-segment-background: #{$gray-700};\r\n  --path-segment-background-focus: #{lighten($gray-700, 5%)};\r\n\r\n  .blankslate-image {\r\n    filter: #{'invert()'} grayscale(1) brightness(8) contrast(0.6);\r\n  }\r\n\r\n  /** merge/rebase status indicators */\r\n  --status-pending-color: #{$yellow-700};\r\n  --status-error-color: #{$red-500};\r\n  --status-success-color: #{$green-500};\r\n\r\n  // PR status icon colors\r\n  --pr-open-icon-color: #{$green-500};\r\n  --pr-draft-icon-color: #{$gray-400};\r\n\r\n  // PR review colors\r\n  --pr-timeline-line-color: #{$gray-500};\r\n  --pr-changes-requested-icon-background-color: #da3633;\r\n  --pr-approved-icon-background-color: #2da44e;\r\n  --pr-commented-icon-color: #8b949e;\r\n  --pr-commented-icon-background-color: #{$gray-700};\r\n\r\n  --call-to-action-bubble-background-color: #{$blue};\r\n  --call-to-action-bubble-color: #{$white};\r\n\r\n  --title-tool-tip-background-color: rgb(56, 58, 62);\r\n  --title-tool-tip-shadow: none;\r\n\r\n  // Markdown colors\r\n  --md-border-default-color: #30363d;\r\n  --md-border-muted-color: #21262d;\r\n  --md-canvas-default-color: #0d1117;\r\n  --md-canvas-subtle-color: #161b22;\r\n  --md-fg-default-color: #c9d1d9;\r\n  --md-fg-muted-color: #8b949e;\r\n  --md-danger-fg-color: #f85149;\r\n  --md-neutral-muted-color: rgba(110, 118, 129, 0.4);\r\n  --md-accent-emphasis-color: #1f6feb;\r\n  --md-accent-fg-color: #58a6ff;\r\n}\r\n\r\n// this emulates the cursor for the co-author input because it isn't exactly\r\n// an input element. credit for identify the right CSS class name goes to\r\n// this post: https://css-tricks.com/snippets/css/solarized-theme-for-codemirror-and-prettify/\r\n.CodeMirror-cursor {\r\n  border-left-color: currentColor;\r\n}\r\n","// Globals\r\n//\r\n// This file is for things that have to apply globally, if your style\r\n// doesn't fit into that description it probably belongs in ui/\r\n\r\n// Reset the box-sizing, lifted from bootstrap reboot css, see:\r\n//   https://github.com/twbs/bootstrap/blob/bfc16c4a829ba596db28f5f42d7a3e429e6ea2e1/scss/_reboot.scss#L9\r\n//\r\n// Change from `box-sizing: content-box` to `border-box` so that when you add\r\n// `padding` or `border`s to an element, the overall declared `width` does not\r\n// change. For example, `width: 100px;` will always be `100px` despite the\r\n// `border: 10px solid red;` and `padding: 20px;`.\r\n//\r\n// Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/\r\n\r\nhtml {\r\n  box-sizing: border-box;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: inherit;\r\n}\r\n\r\n//\r\n// Reset HTML, body, and more\r\n//\r\n\r\n// We never want the window to be scrollable, everything has to fit\r\n// or be placed into a scrollable container.\r\nhtml,\r\nbody {\r\n  height: 100%;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n}\r\n\r\nhtml {\r\n  // Sets a specific default `font-size` for user with `rem` type scales.\r\n  font-size: var(--font-size);\r\n\r\n  // NB This seems to be necessary on macOS (and possibly others)\r\n  // for the absolutely positioned foldout to fill the window\r\n  // when it's being resized.\r\n  position: relative;\r\n}\r\n\r\nbody {\r\n  // https://css-tricks.com/html-vs-body-in-css/\r\n  font-family: var(--font-family-sans-serif);\r\n  font-size: var(--font-size);\r\n  line-height: 1.5;\r\n\r\n  color: var(--text-color);\r\n  background-color: var(--background-color);\r\n}\r\n\r\n:not(input, textarea) {\r\n  &,\r\n  &::after,\r\n  &::before {\r\n    user-select: none;\r\n    cursor: default;\r\n  }\r\n}\r\n\r\n.selectable-text {\r\n  user-select: text;\r\n  cursor: auto;\r\n}\r\n\r\nimg {\r\n  -webkit-user-drag: none;\r\n  user-select: none;\r\n  pointer-events: none;\r\n}\r\n\r\n//\r\n// Typography\r\n//\r\n\r\n// Remove top margins from headings\r\n//\r\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\r\n// margin for easier control within type scales as it avoids margin collapsing.\r\n//\r\n// From: https://github.com/twbs/bootstrap/blob/a0f10e6dcb9aef2d8e36e57f3c8b1b06034a8877/scss/_reboot.scss\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\ncode,\r\npre {\r\n  font-family: var(--font-family-monospace);\r\n}\r\n\r\n// Regardless of platform behavior we never want buttons to be\r\n// app drag targets unless explicitly specified.\r\nbutton {\r\n  -webkit-app-region: no-drag;\r\n}\r\n\r\n#content {\r\n  display: flex;\r\n\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.blankslate {\r\n  background: var(--box-alt-background-color);\r\n  color: var(--text-secondary-color);\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: var(--spacing);\r\n}\r\n\r\n// Stretches an element to fill the entire window (such as an overlay)\r\n.fill-window {\r\n  position: absolute;\r\n  display: flex;\r\n  align-items: center;\r\n  align-content: center;\r\n  justify-content: center;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n\r\n// By default we don't want to show the focus ring on elements unless the focus\r\n// occurred as a result of keyboard navigation.\r\n:focus {\r\n  outline: none;\r\n}\r\n\r\n:focus-visible {\r\n  outline: auto;\r\n  outline-color: var(--focus-color);\r\n}\r\n\r\n.more-dropdown {\r\n  color: var(--text-color) !important;\r\n  margin-left: var(--spacing);\r\n\r\n  .octicon {\r\n    margin-left: var(--spacing-third);\r\n    width: 8px;\r\n  }\r\n}\r\n\r\n.brutalism {\r\n  background: salmon;\r\n}\r\n\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  border: var(--base-border);\r\n\r\n  display: inline-block;\r\n\r\n  padding: 1px 2px;\r\n  line-height: 1;\r\n  min-height: 16px;\r\n\r\n  font-family: var(--font-family);\r\n  text-align: center;\r\n  min-width: 1.5em;\r\n\r\n  @include darwin {\r\n    // On macOS, kbd elements are not separated by a +, so let's add a margin\r\n    &:not(:last-child) {\r\n      margin-right: 2px;\r\n    }\r\n  }\r\n}\r\n","//\r\n// Typography\r\n//\r\n\r\n.byline {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--text-secondary-color);\r\n}\r\n\r\n.underline-links a {\r\n  text-decoration: underline;\r\n}\r\n","@import '../mixins';\r\n\r\n#desktop-app {\r\n  // This is just a dummy wrapper needed because react doesn't like\r\n  // being installed into <body>, see https://github.com/facebook/react/issues/3207\r\n  &-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  // The main react component div\r\n  &-chrome {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  // main non-window chrome wrapper\r\n  &-contents {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1 1 auto;\r\n    height: 100%;\r\n    min-height: 0;\r\n  }\r\n}\r\n\r\n#desktop-app-contents {\r\n  &.commit-being-dragged {\r\n    :not(input):not(textarea),\r\n    :not(input):not(textarea)::after,\r\n    :not(input):not(textarea)::before {\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    #desktop-app-toolbar {\r\n      .toolbar-dropdown {\r\n        &.branch-button {\r\n          :not(input):not(textarea),\r\n          :not(input):not(textarea)::after,\r\n          :not(input):not(textarea)::before {\r\n            cursor: default;\r\n          }\r\n\r\n          .branches-list-item {\r\n            div {\r\n              pointer-events: none;\r\n            }\r\n          }\r\n\r\n          .list-item:not(.selected) {\r\n            .branches-list-item:hover,\r\n            .pull-request-item:hover {\r\n              --text-color: var(--box-selected-active-text-color);\r\n              --text-secondary-color: var(--box-selected-active-text-color);\r\n\r\n              color: var(--text-color);\r\n              background-color: var(--box-selected-active-background-color);\r\n              cursor: copy;\r\n            }\r\n          }\r\n\r\n          .branches-list-item.new-branch-drop:hover {\r\n            --text-color: var(--box-selected-active-text-color);\r\n            --text-secondary-color: var(--box-selected-active-text-color);\r\n\r\n            color: var(--text-color);\r\n            background-color: var(--box-selected-active-background-color);\r\n            cursor: copy;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    #commit-list {\r\n      :not(input):not(textarea),\r\n      :not(input):not(textarea)::after,\r\n      :not(input):not(textarea)::before {\r\n        cursor: default;\r\n      }\r\n    }\r\n\r\n    // When NOT comparing a branch, the #commit-list is a direct child of\r\n    // .compare-commit-list which is a direct child of #compare-view and we\r\n    // only want this highlighting to take effect when not comparing branches.\r\n    // Note: there is another .compare-commit-list higher up when comparing so\r\n    // the direct child selector is important.\r\n    #compare-view {\r\n      > .compare-commit-list {\r\n        > #commit-list {\r\n          .list-item:not(.selected) {\r\n            .commit:hover {\r\n              --text-color: var(--box-selected-active-text-color);\r\n              --text-secondary-color: var(--box-selected-active-text-color);\r\n\r\n              color: var(--text-color);\r\n              background-color: var(--box-selected-active-background-color);\r\n            }\r\n\r\n            .commit {\r\n              div {\r\n                pointer-events: none;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  clip: rect(0 0 0 0);\r\n  clip-path: inset(50%);\r\n  height: 1px;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  white-space: nowrap;\r\n  width: 1px;\r\n}\r\n","@import '../mixins';\r\n\r\n#app-menu-foldout {\r\n  display: flex;\r\n  max-height: 95%; // When at 100%, can cause some brief shifting of components\r\n}\r\n\r\n.menu-pane {\r\n  overflow-y: auto;\r\n  padding-bottom: var(--spacing-half);\r\n  // Open panes (except the first one) should have a border on their\r\n  // right hand side to create a divider between them and their parent\r\n  // menu.\r\n  &:not(:first-child) {\r\n    border-left: var(--base-border);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  // No focus outline for the list itself. When the app menu is opened without\r\n  // an initial selection the list is given focus so that up/down arrow keys\r\n  // will work.\r\n  .ReactVirtualized__Grid:focus {\r\n    outline: none;\r\n  }\r\n\r\n  .menu-item {\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 0;\r\n    height: 30px;\r\n\r\n    &.disabled {\r\n      opacity: 0.3;\r\n    }\r\n\r\n    &.selected {\r\n      --text-color: var(--box-selected-active-text-color);\r\n      --text-secondary-color: var(--box-selected-active-text-color);\r\n\r\n      color: var(--text-color);\r\n      background-color: var(--box-selected-active-background-color);\r\n    }\r\n\r\n    .label {\r\n      flex-grow: 1;\r\n      margin-left: var(--spacing-double);\r\n      margin-right: var(--spacing);\r\n      @include ellipsis;\r\n    }\r\n\r\n    .submenu-arrow {\r\n      flex-shrink: 0;\r\n      opacity: 0.7;\r\n      // TODO: Draw a custom path here instead of resizing the existing arrow\r\n      height: 12px;\r\n      margin-right: var(--spacing);\r\n    }\r\n\r\n    .accelerator {\r\n      flex-shrink: 0;\r\n      margin-right: var(--spacing);\r\n      color: var(--text-secondary-color);\r\n    }\r\n\r\n    &.checked {\r\n      .label {\r\n        margin-left: 0;\r\n      }\r\n\r\n      // We currently don't use this so if we start using checkboxes\r\n      // or radio menu items in the future we're gonna have to tweak\r\n      // this I'm sure. But this gives us centered icons in whatever\r\n      // space we have left in the space before the label.\r\n      .icon {\r\n        flex-grow: 0;\r\n        margin: calc((var(--spacing-double) - 16) / 2) 0;\r\n      }\r\n    }\r\n\r\n    .access-key.highlight {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  hr {\r\n    width: 100%;\r\n    border: none;\r\n    height: 1px;\r\n    border-bottom: 1px solid var(--app-menu-divider-color);\r\n  }\r\n}\r\n","/**\r\n * Enable end-of-line text truncation when text overflows\r\n * the horizontal boundary of its container.\r\n */\r\n@mixin ellipsis {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n","@import '../mixins';\r\n\r\n@include win32-context {\r\n  // Windows native scrollbars are just too outdated to look at so we'll\r\n  // have to make some ourselves. Unfortunately for us webkit isn't as\r\n  // flexible as one would hope when it comes to styling scroll bars.\r\n  //\r\n  // We're unable to perform any css transition on say width or height\r\n  // which we'd really like to in order to smoothly grow the scrollbar\r\n  // when the mouse is close. Nor can we transition on opacity in order\r\n  // to smoothly show or hide the scroll bar on hover.\r\n  //\r\n  // We're not able to use margins/paddings to offset the bar away from\r\n  // the edge of the container. There's a hack we can employ with\r\n  // background-clip that lets us use a border to offset though.\r\n  // See http://stackoverflow.com/a/21684424/2114\r\n  //\r\n  // The biggest limitation however is the fact that we're unable to\r\n  // have the scroll bar sit on top of the content itself. Adding a\r\n  // scroll bar automatically adds a padding equal to that of the scroll\r\n  // bar width/height to the container and there's no way (that I've found)\r\n  // to get around that. The scroll bar seems to sample its background\r\n  // from the container and never its content.\r\n  //\r\n  // We work around that in List elements by introducing a fake overflowing\r\n  // element which is absolutely positioned on top of the main content.\r\n  // See List.tsx and _list.scss.\r\n  ::-webkit-scrollbar {\r\n    width: var(--win32-scroll-bar-size);\r\n    height: var(--win32-scroll-bar-size);\r\n    background: transparent;\r\n    cursor: pointer;\r\n\r\n    &-thumb {\r\n      background-color: var(--scroll-bar-thumb-background-color);\r\n      border-radius: var(--win32-scroll-bar-size);\r\n\r\n      // This little hack allows us to have a slim scroll bar\r\n      // with a bigger hit area. The scroll bar width/height\r\n      // is 10px but we're cutting off 6px using clipping so\r\n      // that it appears as if it's actually only 4px.\r\n      border-color: transparent;\r\n      border-style: solid;\r\n      border-width: 3px;\r\n      background-clip: padding-box;\r\n\r\n      // ...and when it's pressed we'll up the contrast\r\n      &:active {\r\n        background-color: var(--scroll-bar-thumb-background-color-active);\r\n      }\r\n\r\n      // When someone hovers over, or presses the bar we'll expand it to 8px\r\n      &:hover,\r\n      &:active {\r\n        border-width: 1px;\r\n        background-color: var(--scroll-bar-thumb-background-color-active);\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@include linux-context {\r\n  // Linux scrollbars need styled, too\r\n  ::-webkit-scrollbar {\r\n    width: var(--linux-scroll-bar-size);\r\n    height: var(--linux-scroll-bar-size);\r\n    background: transparent;\r\n    cursor: pointer;\r\n\r\n    &-thumb {\r\n      background-color: var(--scroll-bar-thumb-background-color);\r\n      border-radius: var(--linux-scroll-bar-size);\r\n\r\n      // This little hack allows us to have a slim scroll bar\r\n      // with a bigger hit area. The scroll bar width/height\r\n      // is 10px but we're cutting off 6px using clipping so\r\n      // that it appears as if it's actually only 4px.\r\n      border-color: transparent;\r\n      border-style: solid;\r\n      border-width: 3px;\r\n      background-clip: padding-box;\r\n\r\n      // ...and when it's pressed we'll up the contrast\r\n      &:active {\r\n        background-color: var(--scroll-bar-thumb-background-color-active);\r\n      }\r\n\r\n      // When someone hovers over, or presses the bar we'll expand it to 8px\r\n      &:hover,\r\n      &:active {\r\n        border-width: 1px;\r\n        background-color: var(--scroll-bar-thumb-background-color-active);\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n#desktop-app-title-bar {\r\n  -webkit-app-region: drag;\r\n  flex-grow: 0;\r\n  flex-shrink: 0;\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  @include darwin {\r\n    height: var(--darwin-title-bar-height);\r\n    background: linear-gradient(to bottom, #3b3f46 0%, #2b2e33 100%);\r\n    border-bottom: 1px solid #000;\r\n  }\r\n\r\n  @include win32 {\r\n    height: var(--win32-title-bar-height);\r\n    background: var(--win32-title-bar-background-color);\r\n    border-bottom: 1px solid #000;\r\n\r\n    .app-icon {\r\n      color: var(--toolbar-button-secondary-color);\r\n      margin: 0 var(--spacing);\r\n      align-self: center;\r\n    }\r\n  }\r\n\r\n  .resize-handle {\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    -webkit-app-region: no-drag;\r\n\r\n    &.top {\r\n      width: 100%;\r\n      height: 3px;\r\n    }\r\n\r\n    &.left {\r\n      width: 3px;\r\n      height: var(--win32-title-bar-height);\r\n    }\r\n  }\r\n\r\n  // Window controls is the container for the three buttons minimize,\r\n  // maximize/restore and close. On macOS the controls are added\r\n  // automatically even for borderless window so we only render\r\n  // controls on Windows.\r\n  .window-controls {\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n    margin-left: auto;\r\n\r\n    // Each button contains a single SVG element with a Windows 10-replica\r\n    // icon for the function it represents\r\n    button {\r\n      -webkit-app-region: no-drag;\r\n\r\n      display: inline-block;\r\n      position: relative;\r\n      width: 45px;\r\n      height: 100%;\r\n      padding: 0;\r\n      margin: 0;\r\n      overflow: hidden;\r\n\r\n      // Reset styles from global buttons\r\n      border: none;\r\n      box-shadow: none;\r\n      border-radius: 0;\r\n\r\n      color: #a0a0a0;\r\n      background-color: transparent;\r\n      transition: background-color 0.25s ease;\r\n\r\n      // Explicitly setting the line height to the height\r\n      // of the SVG illustrations helps with vertical alignment.\r\n      line-height: 10px;\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n\r\n      &:hover {\r\n        background-color: #888;\r\n        color: #fff;\r\n\r\n        // Doing :hover:active as oposed to just :active is\r\n        // a conscious choice to match how the real Windows\r\n        // controls behave when someone hovers, clicks and then\r\n        // moves away from the hitbox.\r\n        &:active {\r\n          background-color: #666;\r\n\r\n          // Immediate feedback when clicking\r\n          transition: none;\r\n        }\r\n      }\r\n\r\n      // Close button is a special case, it needs to be red\r\n      // on hover and slightly lighter red on active.\r\n      &.close:hover {\r\n        background-color: #e81123;\r\n        color: #fff;\r\n\r\n        &:active {\r\n          background-color: #bf0f1d;\r\n\r\n          // Immediate feedback when clicking\r\n          transition: none;\r\n        }\r\n      }\r\n\r\n      /* https://css-tricks.com/cascading-svg-fill-color/ */\r\n      svg {\r\n        fill: currentColor;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#desktop-app-title-bar.light-title-bar {\r\n  @include darwin {\r\n    background: transparent;\r\n    border-bottom: none;\r\n  }\r\n\r\n  @include win32 {\r\n    background: transparent;\r\n    border-bottom: none;\r\n  }\r\n\r\n  position: fixed;\r\n  z-index: 1;\r\n\r\n  .window-controls {\r\n    button {\r\n      &:hover {\r\n        background-color: #e5e5e5;\r\n        color: #000;\r\n\r\n        &:active {\r\n          background-color: #cccccc;\r\n        }\r\n      }\r\n\r\n      &.close:hover {\r\n        background-color: #e81123;\r\n\r\n        svg {\r\n          fill: #fff;\r\n        }\r\n\r\n        &:active {\r\n          background-color: #f1707a;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// A mixin which takes a content block that should only\r\n// be applied when the current (real or emulated) operating\r\n// system is windows\r\n//\r\n// This helper mixin is useful in so far that it allows us\r\n// to keep platform specific styles next to cross-platform\r\n// styles instead of splitting them out and possibly forgetting\r\n// about them.\r\n@mixin win32 {\r\n  body.platform-win32 & {\r\n    @content;\r\n  }\r\n}\r\n\r\n// An exact copy of the win32 mixin except that it allows for\r\n// writing base-level rules\r\n@mixin win32-context {\r\n  body.platform-win32 {\r\n    @content;\r\n  }\r\n}\r\n\r\n// A mixin which takes a content block that should only\r\n// be applied when the current (real or emulated) operating\r\n// system is macOS.\r\n//\r\n// This helper mixin is useful in so far that it allows us\r\n// to keep platform specific styles next to cross-platform\r\n// styles instead of splitting them out and possibly forgetting\r\n// about them.\r\n@mixin darwin {\r\n  body.platform-darwin & {\r\n    @content;\r\n  }\r\n}\r\n\r\n// An exact copy of the darwin mixin except that it allows for\r\n// writing base-level rules\r\n@mixin darwin-context {\r\n  body.platform-darwin {\r\n    @content;\r\n  }\r\n}\r\n\r\n// A mixin which takes a content block that should only\r\n// be applied when the current (real or emulated) operating\r\n// system is Linux.\r\n//\r\n// This helper mixin is useful in so far that it allows us\r\n// to keep platform specific styles next to cross-platform\r\n// styles instead of splitting them out and possibly forgetting\r\n// about them.\r\n@mixin linux {\r\n  body.platform-linux & {\r\n    @content;\r\n  }\r\n}\r\n\r\n// An exact copy of the linux mixin except that it allows for\r\n// writing base-level rules\r\n@mixin linux-context {\r\n  body.platform-linux {\r\n    @content;\r\n  }\r\n}\r\n","#app-menu-bar {\r\n  display: flex;\r\n\r\n  .toolbar-button > button {\r\n    padding: 0 var(--spacing);\r\n    border: 0;\r\n\r\n    .access-key.highlight {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  .toolbar-dropdown.open > .toolbar-button > button {\r\n    background-color: var(--app-menu-button-active-background-color);\r\n    color: var(--app-menu-button-active-color);\r\n  }\r\n\r\n  .toolbar-dropdown:not(.open) > .toolbar-button > button {\r\n    color: var(--app-menu-button-color);\r\n    background: transparent;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: var(--app-menu-button-hover-color);\r\n      background: var(--app-menu-button-hover-background-color);\r\n    }\r\n  }\r\n\r\n  #foldout-container .foldout {\r\n    // Normaly the foldouts have an opaque background but we're\r\n    // doing a little hack here to make it appear as if the menus\r\n    // only extend as far as is required to show all menu items.\r\n    // So we'll have the background of the foldout be transparent\r\n    // but have an opaque background on the menu pane.\r\n    background: transparent;\r\n\r\n    // This is yet another hack, since the foldout has to extend\r\n    // to 100% of the available width (or else we can't constrain\r\n    // the height of the menu panes) we won't be able to close\r\n    // the pane by clicking directly underneath it. So in order\r\n    // to solve that we disable pointer events on the foldout\r\n    // so that clicks on any part of the foldout where there's\r\n    // no menu pane actually end up registering on the foldout\r\n    // overload. We then re-enable them on the menu pane itself\r\n    // so that mouse events work as expected.\r\n    pointer-events: none;\r\n\r\n    .menu-pane {\r\n      --background-color: var(--app-menu-pane-background-color);\r\n      background: var(--background-color);\r\n\r\n      --text-color: var(--app-menu-pane-color);\r\n      color: var(--text-color);\r\n\r\n      --text-secondary-color: var(--app-menu-pane-secondary-color);\r\n\r\n      pointer-events: all;\r\n    }\r\n  }\r\n}\r\n","// On Windows we want a subtle change in the appeareance of the\r\n// title bar when the app looses focus.\r\nbody.platform-win32 #desktop-app-chrome.blurred {\r\n  #desktop-app-title-bar {\r\n    // Drop the opacity of the app icon, non-hovered\r\n    // window controls and toolbar buttons (top level menu items)\r\n    .app-icon,\r\n    .window-controls > button:not(:hover),\r\n    .toolbar-dropdown:not(.open) .menu-item .label {\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n}\r\n","#window-zoom-info {\r\n  pointer-events: none;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n\r\n  & > div {\r\n    padding: var(--spacing);\r\n    min-width: 100px;\r\n    background: var(--toast-notification-background-color);\r\n    color: var(--toast-notification-color);\r\n    text-align: center;\r\n    border-radius: 100px;\r\n    font-size: var(--font-size-md);\r\n    font-weight: var(--font-weight-semibold);\r\n\r\n    // This is so sad but CodeMirror uses z-indexes like crazy\r\n    // and we need to make sure we stay above all of that.\r\n    z-index: 20;\r\n  }\r\n\r\n  .zoom-in {\r\n    &-appear {\r\n      transform: scale(0.25);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .zoom-out {\r\n    &-appear {\r\n      transform: scale(1.75);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .zoom-in,\r\n  .zoom-out {\r\n    &-exit-active {\r\n      opacity: 0;\r\n      transition: opacity 100ms ease-out;\r\n    }\r\n    &-appear-active {\r\n      transform: scale(1);\r\n      opacity: 1;\r\n      transition: all 100ms ease-out;\r\n    }\r\n  }\r\n}\r\n",".toast-notification-container {\r\n  pointer-events: none;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n\r\n  .toast-notification {\r\n    padding: var(--spacing) var(--spacing-double);\r\n    min-width: 100px;\r\n    background: var(--toast-notification-background-color);\r\n    color: var(--toast-notification-color);\r\n    text-align: center;\r\n    border-radius: 100px;\r\n    font-size: var(--font-size-md);\r\n    font-weight: var(--font-weight-semibold);\r\n\r\n    // This is so sad but CodeMirror uses z-indexes like crazy\r\n    // and we need to make sure we stay above all of that.\r\n    z-index: 20;\r\n  }\r\n\r\n  kbd {\r\n    padding: var(--spacing-half);\r\n    border-color: $gray-300;\r\n  }\r\n}\r\n\r\n.toast-animation {\r\n  &-appear {\r\n    transform: scale(0.25);\r\n    opacity: 0.1;\r\n  }\r\n  &-appear-active {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n    transition: all 100ms ease-out;\r\n  }\r\n\r\n  &-exit-active {\r\n    opacity: 0;\r\n    transition: all 250ms ease-out;\r\n  }\r\n}\r\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n","body > .tooltip,\r\n.tooltip-host > .tooltip {\r\n  display: flex;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: var(--tooltip-z-index);\r\n  pointer-events: none;\r\n\r\n  max-height: 500px;\r\n  max-width: 300px;\r\n\r\n  word-wrap: break-word;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n\r\n  background-color: var(--tooltip-background-color);\r\n  color: var(--tooltip-color);\r\n  border-radius: var(--border-radius);\r\n  padding: var(--spacing-half) var(--spacing);\r\n  font-size: var(--font-size);\r\n  box-shadow: 0 8px 24px var(--tooltip-shadow-color);\r\n\r\n  .tooltip-content {\r\n    overflow: auto;\r\n    font-size: var(--font-size-sm);\r\n  }\r\n\r\n  &::before {\r\n    position: absolute;\r\n    z-index: 1;\r\n    display: inline-block;\r\n    width: 0;\r\n    height: 0;\r\n    pointer-events: none;\r\n    content: '';\r\n    border: 6px solid transparent;\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  &.tooltip-s,\r\n  &.tooltip-se,\r\n  &.tooltip-sw {\r\n    &::before {\r\n      top: -12px;\r\n      right: 50%;\r\n      bottom: auto;\r\n      margin-right: -6px;\r\n      border-bottom-color: var(--tooltip-background-color);\r\n    }\r\n  }\r\n\r\n  &.tooltip-n,\r\n  &.tooltip-ne,\r\n  &.tooltip-nw {\r\n    &::before {\r\n      bottom: -12px;\r\n      right: 50%;\r\n      top: auto;\r\n      margin-right: -6px;\r\n      border-top-color: var(--tooltip-background-color);\r\n    }\r\n  }\r\n\r\n  &.tooltip-w {\r\n    &::before {\r\n      top: 50%;\r\n      bottom: 50%;\r\n      right: -12px;\r\n      margin-top: -6px;\r\n      border-left-color: var(--tooltip-background-color);\r\n    }\r\n  }\r\n\r\n  &.tooltip-e {\r\n    &::before {\r\n      top: 50%;\r\n      bottom: 50%;\r\n      left: -12px;\r\n      margin-top: -6px;\r\n      border-right-color: var(--tooltip-background-color);\r\n    }\r\n  }\r\n\r\n  &.tooltip-sw,\r\n  &.tooltip-nw {\r\n    &::before {\r\n      right: 10px;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  &.tooltip-se,\r\n  &.tooltip-ne {\r\n    &::before {\r\n      left: 10px;\r\n    }\r\n  }\r\n\r\n  &.interactive {\r\n    pointer-events: auto;\r\n  }\r\n\r\n  &.selectable .tooltip-content {\r\n    user-select: text;\r\n    cursor: text;\r\n  }\r\n\r\n  &.path-text {\r\n    mark {\r\n      font-weight: bold;\r\n      background-color: inherit;\r\n      color: currentColor;\r\n    }\r\n  }\r\n\r\n  &.sha-hint {\r\n    max-width: 500px;\r\n\r\n    .tooltip-content {\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      overflow: visible;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    code {\r\n      padding-right: var(--spacing);\r\n      user-select: text;\r\n      cursor: text;\r\n    }\r\n\r\n    button {\r\n      display: block;\r\n      appearance: none;\r\n      color: currentColor;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      font-family: var(--font-family);\r\n      border: none;\r\n      border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n      padding: 0 10px;\r\n      padding-bottom: 1px;\r\n      margin: -5px -10px -5px 0;\r\n      align-self: stretch;\r\n      cursor: pointer;\r\n      font-size: var(--font-size-sm);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    button:hover {\r\n      background: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    button:active {\r\n      background: white;\r\n      color: #{$gray-900};\r\n    }\r\n  }\r\n\r\n  &.user-info .tooltip-content {\r\n    display: flex;\r\n    flex-direction: row;\r\n    padding: var(--spacing-half) 0;\r\n\r\n    .avatar {\r\n      width: 32px;\r\n      height: 32px;\r\n      margin-right: var(--spacing);\r\n    }\r\n  }\r\n\r\n  &.length-hint-tooltip {\r\n    max-width: none;\r\n    .tooltip-content {\r\n      .title {\r\n        white-space: pre;\r\n      }\r\n\r\n      .description {\r\n        opacity: 0.7;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.changed-files-description-tooltip {\r\n    .tooltip-content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--spacing-third);\r\n\r\n      .files-added-icon {\r\n        color: var(--color-new);\r\n      }\r\n\r\n      .files-modified-icon {\r\n        color: var(--color-modified);\r\n      }\r\n\r\n      .files-deleted-icon {\r\n        color: var(--color-deleted);\r\n      }\r\n\r\n      .files-renamed-icon {\r\n        color: var(--color-renamed);\r\n      }\r\n\r\n      .octicon {\r\n        margin-right: var(--spacing-third);\r\n        vertical-align: bottom; // For some reason, `bottom` places the text in the middle\r\n      }\r\n    }\r\n  }\r\n\r\n  &.window-controls-tooltip {\r\n    background-color: var(--toolbar-tooltip-background-color);\r\n    box-shadow: 0 8px 24px var(--toolbar-tooltip-shadow-color);\r\n\r\n    &::before {\r\n      border-bottom-color: var(--toolbar-tooltip-background-color);\r\n    }\r\n  }\r\n}\r\n\r\n.tooltip-host {\r\n  // Tooltips are positioned absolutely relative to their hosts so the hosts\r\n  // need to be position: relative or position: absolute.\r\n  position: relative;\r\n}\r\n\r\nbutton.toggletip {\r\n  // override default button styles\r\n  overflow: inherit;\r\n  text-overflow: inherit;\r\n  white-space: inherit;\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n  padding: inherit;\r\n  border: none;\r\n  color: inherit;\r\n  background-color: inherit;\r\n}\r\n","@import '../mixins';\r\n\r\n.file-list {\r\n  // this value affects virtualized lists, and without it\r\n  // you'll see react-virtualized just skip rendering\r\n  // as the available vertical space is computed as zero\r\n  height: 100%;\r\n\r\n  .list-item {\r\n    border-bottom: var(--base-border);\r\n  }\r\n\r\n  .list-focus-container {\r\n    // Default to using status aware colors for the change type\r\n    // octicons (i.e. green for added, yellowish for modified etc)\r\n    // but fall back to picking up the ambient text color when the\r\n    // list item is both focused and selected.\r\n    &.focus-within .list-item:not(.selected),\r\n    &:not(.focus-within) .list-item {\r\n      @include octicon-status;\r\n    }\r\n  }\r\n\r\n  .file {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-grow: 1;\r\n\r\n    // See https://css-tricks.com/flexbox-truncated-text/\r\n    min-width: 0;\r\n    height: 100%;\r\n    padding: 0 var(--spacing);\r\n\r\n    .checkbox-component {\r\n      flex-shrink: 0;\r\n      width: 20px;\r\n    }\r\n\r\n    input,\r\n    .status {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .octicon {\r\n      vertical-align: text-bottom;\r\n    }\r\n    mark {\r\n      font-weight: bold;\r\n      background-color: inherit;\r\n      color: var(--text-color);\r\n    }\r\n  }\r\n}\r\n","@mixin octicon-status {\r\n  .status {\r\n    &-new {\r\n      fill: var(--color-new);\r\n    }\r\n    &-copied {\r\n      fill: var(--color-new);\r\n    }\r\n    &-modified {\r\n      fill: var(--color-modified);\r\n    }\r\n    &-renamed {\r\n      fill: var(--color-renamed);\r\n    }\r\n    &-deleted {\r\n      fill: var(--color-deleted);\r\n    }\r\n    &-conflicted {\r\n      fill: var(--color-conflicted);\r\n    }\r\n    &-resolved {\r\n      fill: var(--color-new);\r\n    }\r\n  }\r\n\r\n  .line-endings {\r\n    fill: var(--color-conflicted);\r\n  }\r\n}\r\n","svg.octicon {\r\n  /* https://css-tricks.com/cascading-svg-fill-color/ */\r\n  fill: currentColor;\r\n  flex-shrink: 0;\r\n}\r\n",".list {\r\n  flex-grow: 1;\r\n  height: 100%;\r\n\r\n  // Sane default for flexboxes making lists\r\n  // constrain to the size of their flexbox\r\n  // parent.\r\n  min-width: 0;\r\n\r\n  // When zooming the app the Grid may end up extending beyond the\r\n  // confines of its container by 1px in either direction. That's not\r\n  // important but if we don't clip the overflow we may end up covering\r\n  // borders and we don't want that.\r\n  overflow: hidden;\r\n\r\n  .ReactVirtualized__Grid {\r\n    background: var(--background-color);\r\n  }\r\n\r\n  .keyboard-insertion-element {\r\n    display: block;\r\n    position: fixed;\r\n    z-index: 1000;\r\n  }\r\n\r\n  .overlay {\r\n    position: fixed;\r\n    z-index: var(--drag-overlay-z-index);\r\n    background: var(--overlay-background-color);\r\n  }\r\n}\r\n\r\n@include win32-context {\r\n  .list {\r\n    position: relative;\r\n\r\n    // Fake scrollbar hack\r\n    //\r\n    // Since we currently can't have scrollbars overlaying their\r\n    // contents (see _scroll.scss for that sad) we're hacking our\r\n    // way around that in our custom lists by hiding the actual\r\n    // scroll bar and creating a fake one on top of the overflowing\r\n    // content. The fake scroll bar consists of a div wrapped in\r\n    // another, overflowing, div where the child height is synchronized\r\n    // with the height of the content in the main container.\r\n\r\n    // Hide the actual scroll bar\r\n    .ReactVirtualized__Grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    // Hide the scroll bar by default\r\n    .fake-scroll {\r\n      display: none;\r\n    }\r\n\r\n    &:hover {\r\n      .fake-scroll {\r\n        // Show the scroll bar when users hover\r\n        // the list\r\n        display: block;\r\n\r\n        // Positioning\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 1px;\r\n        width: 12px;\r\n\r\n        // Only support vertical scrolling for now\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.list-focus-container {\r\n  // The selected items must act as the focused element when inside\r\n  &.focus-within .list-item.selected:not(.in-keyboard-insertion-mode) {\r\n    --text-color: var(--box-selected-active-text-color);\r\n    --text-secondary-color: var(--box-selected-active-text-color);\r\n\r\n    color: var(--text-color);\r\n    background-color: var(--box-selected-active-background-color);\r\n  }\r\n}\r\n\r\n.list-item {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  &.selected {\r\n    --text-color: var(--box-selected-text-color);\r\n    --text-secondary-color: var(--box-selected-text-color);\r\n\r\n    color: var(--text-color);\r\n    background-color: var(--box-selected-background-color);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:not(.not-selectable):hover {\r\n    background: var(--list-item-hover-background-color);\r\n  }\r\n\r\n  .list-item-content-wrapper {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n",".list-item-insertion-overlay {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.list-insertion-point {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  height: 15px;\r\n\r\n  &.top {\r\n    top: 0;\r\n  }\r\n\r\n  &.bottom {\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n.list-item-insertion-indicator {\r\n  pointer-events: none;\r\n  position: absolute;\r\n  z-index: 1;\r\n\r\n  &.darwin-line {\r\n    left: 10px;\r\n    right: 0;\r\n    height: 2px;\r\n    background-color: var(--focus-color);\r\n\r\n    &.top {\r\n      top: -1px;\r\n    }\r\n    &.bottom {\r\n      bottom: -1px;\r\n    }\r\n  }\r\n\r\n  &.darwin-circle {\r\n    left: 0;\r\n    width: 10px;\r\n    height: 10px;\r\n    border-color: var(--focus-color);\r\n    border-radius: 50%;\r\n    border-style: solid;\r\n    border-width: 2px;\r\n\r\n    &.top {\r\n      top: -5px;\r\n    }\r\n    &.bottom {\r\n      bottom: -5px;\r\n    }\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.repository-list {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  /**\r\n   * Inherit the min-width from the ToolbarDropdown so that the repositories\r\n   * list will always be the width of the button. Otherwise, if the Add\r\n   * Repository foldout was open, it'd be taken into account as part of the\r\n   * width and the list wouldn't be the same width as the button.\r\n   */\r\n  min-width: inherit;\r\n\r\n  /**\r\n   * Container for repository list items in the sidebar\r\n   *\r\n   * Contains two elements, one 16x16 <svg class='octicon'> holding an octicon\r\n   * representing the repository type (local, private, public, fork)\r\n   * and one <div class='name'> holding the repository name.\r\n   */\r\n  .repository-list-item {\r\n    padding: 0 var(--spacing);\r\n\r\n    // Layout the icon and repository name horizontally\r\n    display: flex;\r\n    flex-direction: row;\r\n    // This makes it so that both the icon and the repo name\r\n    // is vertically centered.\r\n    align-items: center;\r\n\r\n    // Necessary to limit the width of the repository\r\n    // name and truncate accordingly\r\n    width: 100%;\r\n\r\n    .icon-for-repository {\r\n      // Some room between the icon and repository name\r\n      margin-right: var(--spacing-half);\r\n\r\n      // Always let the octicon dictate the amount of space it needs\r\n      flex-shrink: 0;\r\n\r\n      // Force the octicon width\r\n      width: 16px;\r\n    }\r\n\r\n    .name {\r\n      // Long repository names truncate and ellipse\r\n      @include ellipsis;\r\n\r\n      .prefix {\r\n        color: var(--text-secondary-color);\r\n      }\r\n\r\n      /* Used to highlight substring matches in filtered lists */\r\n      mark {\r\n        font-weight: bold;\r\n        /* Reset browser defaults */\r\n        background-color: inherit;\r\n        color: currentColor;\r\n      }\r\n    }\r\n\r\n    .alias {\r\n      font-style: italic;\r\n    }\r\n\r\n    .repo-indicators {\r\n      margin-left: auto;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    .change-indicator-wrapper {\r\n      display: flex;\r\n      min-width: 12px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-left: var(--spacing-half);\r\n\r\n      .octicon {\r\n        color: var(--tab-bar-active-color);\r\n        width: auto;\r\n      }\r\n    }\r\n\r\n    .ahead-behind {\r\n      height: 16px;\r\n      background: var(--list-item-badge-background-color);\r\n      color: var(--list-item-badge-color);\r\n      align-items: center;\r\n      margin-left: auto;\r\n\r\n      // Perfectly round semi circle ends with real tight\r\n      // padding on either side. Now in two flavors!\r\n      @include darwin {\r\n        height: 12px;\r\n        line-height: 12px;\r\n      }\r\n\r\n      @include win32 {\r\n        height: 13px;\r\n        line-height: 13px;\r\n      }\r\n\r\n      .octicon {\r\n        margin: 0;\r\n        height: 20px;\r\n        width: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .filter-list-group-header {\r\n    padding-top: var(--spacing);\r\n    text-overflow: ellipsis;\r\n    overflow-x: hidden;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .new-repository-button {\r\n    flex-shrink: 0;\r\n\r\n    .octicon {\r\n      margin-left: 5px;\r\n    }\r\n  }\r\n\r\n  .no-items {\r\n    text-align: center;\r\n    padding: var(--spacing);\r\n    word-wrap: break-word;\r\n\r\n    .blankslate-image {\r\n      margin: 0 auto;\r\n      max-width: 300px;\r\n      min-width: auto;\r\n    }\r\n\r\n    .title {\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n\r\n    .protip {\r\n      padding-top: var(--spacing-double);\r\n      padding-left: var(--spacing-double);\r\n      padding-right: var(--spacing-double);\r\n\r\n      text-align: center;\r\n      font-size: var(--font-size-sm);\r\n\r\n      .kbd-shortcut {\r\n        display: inline-block;\r\n      }\r\n\r\n      kbd {\r\n        border-radius: var(--border-radius);\r\n        border: var(--base-border);\r\n        border-color: $gray-300;\r\n\r\n        display: inline-block;\r\n\r\n        padding: 1px 2px;\r\n        line-height: 1;\r\n        min-height: 16px;\r\n\r\n        font-family: var(--font-family);\r\n        text-align: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.list-focus-container {\r\n  /** Ahead/behind badge colors when list item is selected but not focused */\r\n  .list-item.selected {\r\n    .repository-list-item {\r\n      .ahead-behind {\r\n        background: var(--list-item-selected-badge-background-color);\r\n        color: var(--list-item-selected-badge-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.focus-within {\r\n    /** Ahead/behind badge colors when list item is selected and focused */\r\n    .list-item.selected {\r\n      .repository-list-item {\r\n        .ahead-behind {\r\n          background: var(--list-item-selected-active-badge-background-color);\r\n          color: var(--list-item-selected-active-badge-color);\r\n        }\r\n\r\n        .change-indicator-wrapper {\r\n          .octicon {\r\n            color: var(--text-color);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .change-indicator {\r\n      color: var(--text-color);\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n/** A React component holding the commit message entry */\r\n.commit-message-component {\r\n  border-top: 1px solid var(--box-border-color);\r\n  flex-direction: column;\r\n  flex-shrink: 0;\r\n  margin-top: auto;\r\n\r\n  display: flex;\r\n  background-color: var(--box-alt-background-color);\r\n\r\n  padding: var(--spacing);\r\n\r\n  .copilot-disclaimer-popover-header {\r\n    display: flex;\r\n\r\n    h3 {\r\n      margin-bottom: 0;\r\n      font-size: var(--font-size);\r\n    }\r\n\r\n    @include close-button;\r\n\r\n    .close {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  .summary {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    column-gap: var(--spacing-half);\r\n\r\n    .summary-field {\r\n      flex: 1;\r\n      margin-bottom: var(--spacing);\r\n\r\n      input {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    &.with-trailing-icon input {\r\n      padding-right: 20px;\r\n    }\r\n\r\n    .length-hint,\r\n    .commit-message-failure-hint {\r\n      $distanceFromEdge: 2px;\r\n\r\n      position: absolute;\r\n      top: $distanceFromEdge;\r\n      right: 0;\r\n      width: 16px;\r\n      margin-right: $distanceFromEdge;\r\n      height: calc(var(--text-field-height) - #{2 * $distanceFromEdge});\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      .octicon {\r\n        height: 12px;\r\n      }\r\n    }\r\n\r\n    .commit-message-failure-hint {\r\n      border: none;\r\n      background: none;\r\n\r\n      &:hover {\r\n        background: var(--input-icon-hover-background-color);\r\n      }\r\n\r\n      .warning-icon {\r\n        color: var(--input-icon-warning-color);\r\n      }\r\n\r\n      .error-icon {\r\n        color: var(--input-icon-error-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .popover-component {\r\n    // a width of 300px causes more jarring movement when going from 2\r\n    // failed rules to 1 and the user can bypass, so use a slightly smaller amount\r\n    width: 298px;\r\n  }\r\n\r\n  &.with-co-authors .description-focus-container {\r\n    .action-bar,\r\n    & {\r\n      border-bottom-left-radius: 0;\r\n      border-bottom-right-radius: 0;\r\n    }\r\n  }\r\n\r\n  .copilot-button {\r\n    color: var(--text-secondary-color);\r\n\r\n    &:hover {\r\n      color: var(--text-color);\r\n    }\r\n\r\n    &:focus {\r\n      outline-offset: 2px;\r\n    }\r\n  }\r\n\r\n  .co-authors-toggle {\r\n    color: var(--text-secondary-color);\r\n\r\n    &:hover {\r\n      color: var(--text-color);\r\n    }\r\n\r\n    &:focus {\r\n      outline-offset: 2px;\r\n    }\r\n  }\r\n\r\n  &.with-co-authors .co-authors-toggle {\r\n    color: var(--link-button-color);\r\n\r\n    &:hover {\r\n      color: var(--link-button-hover-color);\r\n    }\r\n  }\r\n\r\n  // When we have an action bar we steal most of that\r\n  // space from the description field and a little from the\r\n  // changes list\r\n  &.with-action-bar {\r\n    .description-field textarea {\r\n      min-height: 80px;\r\n\r\n      @media (max-height: 500px) {\r\n        min-height: 10px;\r\n      }\r\n\r\n      border-bottom-left-radius: 0;\r\n      border-bottom-right-radius: 0;\r\n    }\r\n  }\r\n\r\n  .description-focus-container {\r\n    border: var(--contrast-border);\r\n    border-radius: var(--border-radius);\r\n    background: var(--background-color);\r\n    // Fake that we're a text-box\r\n    cursor: text;\r\n\r\n    &.focus-within {\r\n      outline: none;\r\n      border-color: var(--focus-color);\r\n      box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color);\r\n    }\r\n\r\n    .description-field.with-overflow {\r\n      position: relative;\r\n\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%;\r\n        bottom: 0px;\r\n        height: 5px;\r\n        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);\r\n        border-bottom: var(--base-border);\r\n      }\r\n    }\r\n\r\n    textarea {\r\n      border: none;\r\n      color: currentColor;\r\n      font-size: var(--font-size);\r\n      font-family: var(--font-family-sans-serif);\r\n      padding: var(--spacing-half);\r\n      resize: none;\r\n      min-height: 100px;\r\n\r\n      &:focus {\r\n        outline: 0;\r\n        border: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .action-bar {\r\n      display: flex;\r\n\r\n      padding: var(--spacing);\r\n      background: var(--box-background-color);\r\n\r\n      border-bottom-left-radius: var(--border-radius);\r\n      border-bottom-right-radius: var(--border-radius);\r\n\r\n      // We're not faking being a textbox any more\r\n      cursor: default;\r\n\r\n      // This gets rid of the padding for the action bar\r\n      // when there's no buttons showing.\r\n      &:empty {\r\n        display: none;\r\n      }\r\n\r\n      &.disabled {\r\n        background: var(--box-alt-background-color);\r\n      }\r\n\r\n      .separator {\r\n        width: 1px;\r\n        margin-left: var(--spacing-half);\r\n        margin-right: var(--spacing-half);\r\n        margin-top: 1px;\r\n        margin-bottom: 1px;\r\n        background: var(--box-border-color);\r\n      }\r\n    }\r\n\r\n    .co-authors-toggle,\r\n    .copilot-button {\r\n      // button reset styles\r\n      border: none;\r\n      border-radius: 0px;\r\n      -webkit-appearance: none;\r\n      background: transparent;\r\n      padding: 0;\r\n      margin: 0;\r\n      text-align: left;\r\n      align-items: center;\r\n      display: block;\r\n\r\n      height: 16px;\r\n      width: 18px;\r\n      cursor: pointer;\r\n\r\n      &:disabled {\r\n        pointer-events: none;\r\n      }\r\n\r\n      &:hover,\r\n      &:focus-visible {\r\n        &:after {\r\n          opacity: 1;\r\n        }\r\n      }\r\n\r\n      svg {\r\n        height: 13px;\r\n        width: 18px;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .commit-button {\r\n    max-width: 100%;\r\n    margin-top: var(--spacing);\r\n\r\n    @include ellipsis;\r\n\r\n    .octicon {\r\n      flex-shrink: 0;\r\n      flex-grow: 0;\r\n      margin-right: var(--spacing-half);\r\n      height: 12px;\r\n      // In order to center it vertically in the button\r\n      margin-bottom: 1px;\r\n    }\r\n  }\r\n}\r\n","@mixin close-button {\r\n  .close {\r\n    flex-shrink: 0;\r\n\r\n    border: 0;\r\n    height: 16px;\r\n    width: 16px;\r\n\r\n    // Set the left margin to auto so that flexbox positions the button\r\n    // on the right hand side of the dialog and add a -10px right hand\r\n    // side margin to put the button where it should be (we use a double\r\n    // margin for the header itself).\r\n    margin: 0 calc(var(--spacing) * -1) 0 auto;\r\n    padding: 0;\r\n    background: transparent;\r\n\r\n    color: var(--text-secondary-color);\r\n    cursor: pointer;\r\n\r\n    // Let the button deal with all mouse events.\r\n    // Without this the octicon resets the cursor when\r\n    // hovering over the <path>.\r\n    .octicon {\r\n      pointer-events: none;\r\n    }\r\n\r\n    &:hover {\r\n      color: var(--text-color);\r\n    }\r\n\r\n    &:focus {\r\n      outline-offset: 3px;\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n#continue-rebase {\r\n  border-top: 1px solid var(--box-border-color);\r\n  flex-direction: column;\r\n  flex-shrink: 0;\r\n  margin-top: auto;\r\n\r\n  display: flex;\r\n  background-color: var(--box-alt-background-color);\r\n  padding: var(--spacing);\r\n\r\n  .warning-untracked-files {\r\n    padding-top: var(--spacing-half);\r\n    text-align: center;\r\n  }\r\n\r\n  .commit-button {\r\n    max-width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .octicon {\r\n      flex-shrink: 0;\r\n      flex-grow: 0;\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    /* Due to some weirdo bug in Chrome that affects Windows\r\n     * and possible other platforms we can't change the opacity\r\n     * for disabled buttons if the button also has a\r\n     * overflow: hidden property set. The workaround is to put\r\n     * the contents of the button in a block element and put\r\n     * ellipsis on that instead. See commit 67fad24ed\r\n     */\r\n    > span {\r\n      @include ellipsis;\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n#changes-list {\r\n  min-height: 0;\r\n}\r\n\r\n/** A React component holding the currently selected repository's changes */\r\n.changes-list-container {\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100px;\r\n\r\n  .header {\r\n    background: var(--box-alt-background-color);\r\n    border-bottom: 1px solid var(--box-border-color);\r\n    padding: 0 var(--spacing);\r\n    height: 29px;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .changes-list-check-all {\r\n    align-items: center;\r\n    height: 100%;\r\n    position: relative;\r\n\r\n    // We want the label to be positioned center with regards to the entire\r\n    // header so we position it absolute in relation to the checkbox component\r\n    // and give it a 100% width with padding on each side as to balance it out\r\n    // while still providing enough space for the checkbox.\r\n    label {\r\n      position: absolute;\r\n      left: 0;\r\n      width: 100%;\r\n      padding: 0 30px;\r\n      text-align: center;\r\n\r\n      @include ellipsis;\r\n    }\r\n\r\n    input[type='checkbox'] {\r\n      flex-grow: 0;\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n\r\n  &.filtered-changes-list {\r\n    .filter-popover {\r\n      text-align: right;\r\n\r\n      .filter-popover-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n        h3 {\r\n          margin-bottom: var(--spacing-half);\r\n        }\r\n      }\r\n\r\n      .filter-options {\r\n        margin: var(--spacing) 0;\r\n      }\r\n      .popover-content {\r\n        padding: var(--spacing);\r\n      }\r\n\r\n      @include close-button;\r\n\r\n      .close {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .header {\r\n      display: flex;\r\n      height: auto;\r\n      flex-direction: column;\r\n      padding: var(--spacing-half) var(--spacing);\r\n      margin: 0;\r\n\r\n      .filter-box-container {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: var(--spacing-half);\r\n        transition: all 0.3s ease-out;\r\n\r\n        input {\r\n          border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n        }\r\n\r\n        .filter-button {\r\n          border-radius: var(--border-radius) 0 0 var(--border-radius);\r\n          border-right: none;\r\n          font-weight: var(--font-weight-semibold);\r\n          color: var(--text-color);\r\n          justify-content: space-between;\r\n          display: inline-flex;\r\n          align-items: center;\r\n          padding-right: var(--spacing-half);\r\n          position: relative;\r\n\r\n          &.active {\r\n            span:first-child {\r\n              color: var(--box-selected-active-background-color);\r\n            }\r\n          }\r\n\r\n          .active-badge {\r\n            position: absolute;\r\n            right: 18px;\r\n            top: 4px;\r\n\r\n            .badge-bg {\r\n              padding: 1px;\r\n              border-radius: 50%;\r\n              background-color: var(--secondary-button-background);\r\n\r\n              .badge {\r\n                width: 5px;\r\n                height: 5px;\r\n                background-color: var(--box-selected-active-background-color);\r\n                border-radius: 50%;\r\n              }\r\n            }\r\n          }\r\n\r\n          &:hover {\r\n            color: var(--text-secondary-color);\r\n            background-color: inherit;\r\n\r\n            .badge-bg {\r\n              background-color: var(--secondary-button-background);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .checkbox-container {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .spacer {\r\n          flex-grow: 1;\r\n        }\r\n      }\r\n\r\n      .changes-list-check-all {\r\n        flex-grow: 1;\r\n\r\n        input {\r\n          margin-right: 7px;\r\n        }\r\n        label {\r\n          text-align: left;\r\n          padding: 0;\r\n          position: unset;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .filter-list {\r\n    // This is important when app is zoomed in. Otherwise, the filter list\r\n    // will be overlapped by the commit message form.\r\n    min-height: 0;\r\n  }\r\n\r\n  .no-changes-in-list {\r\n    text-align: center;\r\n    padding: var(--spacing-double);\r\n  }\r\n}\r\n\r\n.stashed-changes-button {\r\n  @include ellipsis;\r\n  min-height: 29px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  flex-grow: 1;\r\n  padding: 0 var(--spacing);\r\n  width: 100%;\r\n\r\n  // Chrome on Windows ignores the body element\r\n  // font-family and uses Arial so we redefine\r\n  // it here\r\n  font-family: var(--font-family-sans-serif);\r\n  font-size: var(--font-size);\r\n\r\n  padding: 0 var(--spacing);\r\n\r\n  color: var(--secondary-button-text-color);\r\n  background-color: var(--secondary-button-background);\r\n\r\n  border: none;\r\n  border-top: var(--base-border);\r\n  box-shadow: none;\r\n  z-index: 0;\r\n\r\n  &:disabled {\r\n    opacity: 0.6;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    background-color: var(--secondary-button-hover-background);\r\n    background: var(--box-selected-background-color);\r\n  }\r\n\r\n  &.selected,\r\n  &.selected:hover {\r\n    color: var(--box-selected-active-text-color);\r\n    background-color: var(--box-selected-active-background-color);\r\n\r\n    .stack-icon {\r\n      fill: var(--box-selected-active-text-color);\r\n    }\r\n  }\r\n\r\n  .stack-icon {\r\n    fill: var(--color-modified);\r\n  }\r\n\r\n  .text {\r\n    flex-grow: 1;\r\n    margin: 0 var(--spacing-half);\r\n    text-align: start;\r\n  }\r\n\r\n  .octicon {\r\n    flex-shrink: 0;\r\n  }\r\n}\r\n\r\n.undo-enter {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.undo-enter.undo-enter-active {\r\n  // It doesn't really matter what `maxHeight` we set here so long as it's\r\n  // greater than or equal to the height that `UndoCommit` will want.\r\n  max-height: 200px;\r\n\r\n  transition: max-height var(--undo-animation-duration) ease-in;\r\n}\r\n\r\n.undo-exit {\r\n  max-height: 200px;\r\n}\r\n\r\n.undo-exit.undo-exit-active {\r\n  max-height: 0;\r\n\r\n  transition: max-height var(--undo-animation-duration) ease-out;\r\n}\r\n\r\n.hidden-changes-warning {\r\n  background-color: var(--file-warning-background-color);\r\n  padding: var(--spacing-half) var(--spacing);\r\n  border-bottom: var(--file-warning-border-color) solid 1px;\r\n  border-top: var(--file-warning-border-color) solid 1px;\r\n\r\n  // To overlap the commit message form border\r\n  margin-bottom: -1px;\r\n  z-index: 1;\r\n\r\n  .octicon {\r\n    color: var(--file-warning-color);\r\n    margin-right: var(--spacing-half);\r\n    vertical-align: text-bottom;\r\n  }\r\n\r\n  .link-button-component {\r\n    display: inline;\r\n  }\r\n}\r\n","#undo-commit {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n\r\n  border-top: var(--base-border);\r\n  background: var(--box-alt-background-color);\r\n\r\n  .commit-info {\r\n    padding: var(--spacing-half) var(--spacing);\r\n    padding-right: 0;\r\n    margin-right: var(--spacing-half);\r\n\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    font-size: var(--font-size-sm);\r\n\r\n    .summary,\r\n    .ago {\r\n      @include ellipsis;\r\n    }\r\n    .ago {\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n\r\n  // We're creating this wrapper to be able to set the padding. If we had\r\n  // padding on #undo-commit, the enter/leave animate wouldn't animate the\r\n  // amount of the padding.\r\n  .actions {\r\n    padding: var(--spacing);\r\n\r\n    // In order to not add to the margin already in commit-info.\r\n    padding-left: 0;\r\n  }\r\n}\r\n",".changes-interstitial {\r\n  padding: var(--spacing-quad);\r\n  width: 100%;\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n\r\n  .interstitial-header {\r\n    display: flex;\r\n    flex-direction: row;\r\n\r\n    .text {\r\n      flex-grow: 1;\r\n      margin-right: var(--spacing-double);\r\n\r\n      h1 {\r\n        padding: 0;\r\n        margin: 0;\r\n        font-size: var(--font-size-xl);\r\n        font-weight: var(--font-weight-light);\r\n      }\r\n\r\n      p {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .blankslate-image {\r\n      flex: 0;\r\n      height: 70px;\r\n      width: 73px;\r\n      min-width: 70px;\r\n      min-height: 73px;\r\n      align-self: flex-end;\r\n    }\r\n\r\n    margin-bottom: var(--spacing-double);\r\n  }\r\n\r\n  .content {\r\n    width: 100%;\r\n    max-width: 600px;\r\n  }\r\n\r\n  .pull-request-action {\r\n    .dropdown-select-button {\r\n      .invoke-button {\r\n        min-width: 150px;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Lessen the padding at 1.5x zoom and above  **/\r\n  @media screen and (max-width: 640px) {\r\n    padding: var(--spacing-double);\r\n  }\r\n\r\n  /** Hide the blankslate image at high zoom levels **/\r\n  @media screen and (max-width: 550px) {\r\n    .header .blankslate-image {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n","#oversized-files {\r\n  .dialog-content {\r\n    max-height: 305px;\r\n\r\n    .files-list {\r\n      max-height: 175px;\r\n      overflow-y: auto;\r\n      font-family: var(--font-family-monospace);\r\n      margin-bottom: var(--spacing);\r\n\r\n      ul {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n\r\n        li {\r\n          padding-left: 0;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    .recommendation {\r\n      -webkit-margin-after: 0.5em;\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n.commit-warning-component {\r\n  flex-direction: column;\r\n  flex-shrink: 0;\r\n  margin-top: var(--spacing-half);\r\n\r\n  display: flex;\r\n  background-color: var(--box-alt-background-color);\r\n\r\n  .warning-message {\r\n    margin-bottom: 0;\r\n    text-align: center;\r\n    color: var(--text-secondary-color);\r\n\r\n    strong {\r\n      color: var(--text-color);\r\n      word-wrap: break-word;\r\n    }\r\n  }\r\n\r\n  .warning-icon-container {\r\n    height: 20px;\r\n    position: relative;\r\n    text-align: center;\r\n\r\n    .warning-icon,\r\n    .information-icon,\r\n    .error-icon {\r\n      color: var(--commit-message-icon-error-color);\r\n\r\n      &.information-icon {\r\n        color: var(--dialog-information-color);\r\n      }\r\n\r\n      &.warning-icon {\r\n        color: var(--commit-message-icon-warning-color);\r\n      }\r\n\r\n      background: var(--box-alt-background-color);\r\n      border-width: 0 var(--spacing-half);\r\n      border: solid transparent;\r\n      box-sizing: content-box;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    &:after {\r\n      display: block;\r\n      border-bottom: var(--base-border);\r\n      content: '';\r\n      position: absolute;\r\n      z-index: 0;\r\n      display: block;\r\n      width: 100%;\r\n      top: var(--spacing);\r\n    }\r\n  }\r\n}\r\n",".submodule-diff {\r\n  .item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    width: 100%;\r\n    font-size: var(--font-size-md);\r\n    gap: 0.25em;\r\n    margin-bottom: 1em;\r\n\r\n    .content {\r\n      flex: 1;\r\n    }\r\n\r\n    .octicon {\r\n      margin-top: 0.2em;\r\n\r\n      &.info-icon {\r\n        color: var(--dialog-information-color);\r\n      }\r\n\r\n      &.modified-icon {\r\n        color: var(--color-modified);\r\n      }\r\n\r\n      &.added-icon {\r\n        color: var(--color-new);\r\n      }\r\n\r\n      &.deleted-icon {\r\n        color: var(--color-deleted);\r\n      }\r\n\r\n      &.untracked-icon {\r\n        color: var(--color-deleted);\r\n      }\r\n    }\r\n  }\r\n\r\n  .copy-button {\r\n    // Removing default button styles\r\n    background: transparent;\r\n    border: none;\r\n    padding: 0;\r\n    height: auto;\r\n    min-width: 16px;\r\n\r\n    .octicon {\r\n      // Reverting margin-top change from .item .octicon\r\n      margin-top: revert;\r\n    }\r\n\r\n    :hover {\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n#cloning-repository-view {\r\n  /* The view's position in relation to its parent, ie full\r\n   * width, vertically centered...  */\r\n  justify-content: center;\r\n  // ... and horizontally centered\r\n  align-self: center;\r\n  width: 600px;\r\n\r\n  /* TODO: Revisit, this might not be the best way to do it.\r\n   * We don't want the contents to sit smack on the vertical\r\n   * midline. The view itself doesn't extend 100% to the top\r\n   * on most platforms (due to our title bar) and it looks\r\n   * better if we position it centered on the ~40% line.\r\n   */\r\n  margin-top: -60px;\r\n\r\n  /* Add a ~20px padding around the view to ensure that\r\n   * content doesn't touch the edge of the sideline or\r\n   * window when space is scarce.\r\n   */\r\n  padding: var(--spacing-double);\r\n\r\n  /*  Center children horizontally */\r\n  align-items: center;\r\n\r\n  /* Holds the icon and title, position them next to each other */\r\n  .title-container {\r\n    /* See comment about min-width on #cloning-repository-view,\r\n     * this ensure that we're filling the x-space available but no more\r\n     */\r\n    max-width: 100%;\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  /* Big clone icon */\r\n  .octicon {\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    /* Space between the icon and title text */\r\n    margin-right: var(--spacing);\r\n\r\n    /* Don't grow nor shrink */\r\n    flex: none;\r\n\r\n    /* Warning: magic number. The icon looks poorly aligned\r\n     * against the baseline of the title text without this\r\n     */\r\n    margin-top: 4px;\r\n  }\r\n\r\n  /* xl-sized title */\r\n  .title {\r\n    font-size: var(--font-size-xl);\r\n    font-weight: var(--font-weight-light);\r\n\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .details {\r\n    max-width: 100%;\r\n    height: 30vh;\r\n    margin-bottom: 20vh;\r\n    overflow-wrap: anywhere;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  progress {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    margin-bottom: var(--spacing);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n/** The container for the CodeMirror element. */\r\n.diff-code-mirror {\r\n  flex-grow: 1;\r\n  min-width: 0;\r\n  overflow-y: auto;\r\n}\r\n\r\n.diff-code-mirror .CodeMirror {\r\n  height: 100%;\r\n  color: var(--diff-text-color);\r\n  background: var(--background-color);\r\n  font-size: var(--font-size-sm);\r\n  font-family: var(--font-family-monospace);\r\n\r\n  span {\r\n    // Force word breaks. This only matters when soft wrapping is on.\r\n    word-break: break-all;\r\n  }\r\n\r\n  pre {\r\n    border: none;\r\n  }\r\n\r\n  // Remove blank space at the top of the diff\r\n  &-lines {\r\n    padding: 0;\r\n  }\r\n\r\n  pre.CodeMirror-line,\r\n  pre.CodeMirror-line-like {\r\n    padding: 2px 0 2px var(--spacing-half);\r\n\r\n    &.diff-hunk-expandable-both {\r\n      padding-top: 14px;\r\n      padding-bottom: 14px;\r\n    }\r\n\r\n    &.diff-hunk:not(.diff-hunk-expandable-both) {\r\n      padding-top: 5px;\r\n      padding-bottom: 5px;\r\n    }\r\n\r\n    svg.no-newline {\r\n      height: 8px;\r\n      fill: var(--error-color);\r\n      display: inline-block;\r\n      margin-left: 3px;\r\n      margin-bottom: -1px;\r\n    }\r\n  }\r\n\r\n  .CodeMirror-code {\r\n    // Add a border to the end of the diff\r\n    border-bottom: var(--base-border);\r\n  }\r\n\r\n  .CodeMirror-gutters {\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n\r\n  .CodeMirror-gutter-wrapper {\r\n    top: 0;\r\n    bottom: 0;\r\n  }\r\n\r\n  .CodeMirror-gutter-elt {\r\n    height: 100%;\r\n  }\r\n\r\n  .diff-gutter {\r\n    width: 125px;\r\n  }\r\n\r\n  .CodeMirror-search-dialog {\r\n    left: auto;\r\n    border: var(--base-border);\r\n    border-top: 0;\r\n    right: var(--spacing);\r\n    border-radius: 0 0 var(--border-radius) var(--border-radius);\r\n    padding: var(--spacing-half) var(--spacing);\r\n    box-shadow: var(--base-box-shadow);\r\n\r\n    .CodeMirror-search-label,\r\n    .CodeMirror-search-hint {\r\n      display: none;\r\n    }\r\n\r\n    input.CodeMirror-search-field {\r\n      background: var(--box-background-color);\r\n      color: var(--text-color);\r\n      font-size: var(--font-size);\r\n      font-family: var(--font-family-sans-serif);\r\n      height: var(--text-field-height);\r\n      padding: 0;\r\n      width: 180px;\r\n    }\r\n\r\n    .buttons {\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n  .popover-component.whitespace-hint {\r\n    width: 225px;\r\n  }\r\n}\r\n\r\n// The container element which holds the before and after\r\n// diff-line-number spans.\r\n.CodeMirror-lines .diff-line-gutter {\r\n  display: flex;\r\n  height: 100%;\r\n  background: var(--diff-gutter-background-color);\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  cursor: default;\r\n\r\n  * {\r\n    cursor: default;\r\n  }\r\n\r\n  .hunk-handle {\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 20px;\r\n    right: -8px;\r\n    top: 0;\r\n  }\r\n\r\n  .hunk-expander {\r\n    overflow: inherit;\r\n    text-overflow: inherit;\r\n    white-space: inherit;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    padding: inherit;\r\n    border: none;\r\n    height: inherit;\r\n    color: inherit;\r\n    background-color: inherit;\r\n\r\n    position: absolute;\r\n    right: 0;\r\n    width: 100%;\r\n    text-align: center;\r\n\r\n    &.hunk-expand-up-handle {\r\n      height: 50%;\r\n      bottom: 0;\r\n    }\r\n\r\n    &.hunk-expand-down-handle {\r\n      height: 50%;\r\n      top: 0;\r\n    }\r\n\r\n    &.hunk-expand-whole-handle {\r\n      height: 100%;\r\n      bottom: 0;\r\n    }\r\n  }\r\n\r\n  &:not(.includeable) {\r\n    .hunk-handle {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &.expandable-both,\r\n  &:not(.diff-hunk) {\r\n    .hunk-expand-whole-handle {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &:not(.expandable-both),\r\n  &:not(.diff-hunk) {\r\n    .hunk-expand-up-handle,\r\n    .hunk-expand-down-handle {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &.diff-add {\r\n    background: var(--diff-add-gutter-background-color);\r\n  }\r\n\r\n  &.diff-delete {\r\n    background: var(--diff-delete-gutter-background-color);\r\n  }\r\n\r\n  &.diff-hunk {\r\n    background: var(--diff-hunk-gutter-background-color);\r\n\r\n    .hunk-expand-up-handle,\r\n    .hunk-expand-down-handle,\r\n    .hunk-expand-whole-handle {\r\n      background: var(--diff-hunk-gutter-background-color);\r\n    }\r\n\r\n    .hunk-expand-icon {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    &:not(.expandable-up) {\r\n      .hunk-expand-whole-handle #hunk-expand-up-icon {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &:not(.expandable-down) {\r\n      .hunk-expand-whole-handle #hunk-expand-down-icon {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &:not(.expandable-short) {\r\n      .hunk-expand-whole-handle #hunk-expand-short-icon {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    // Allow hover effect when it's expandable in any way\r\n    &.expandable-up,\r\n    &.expandable-down,\r\n    &.expandable-short,\r\n    &.expandable-both {\r\n      :hover {\r\n        cursor: pointer;\r\n\r\n        background: var(--diff-hover-background-color);\r\n        border-color: var(--diff-hover-border-color);\r\n        color: var(--diff-hover-text-color);\r\n\r\n        &:last-child {\r\n          border-color: var(--diff-hover-gutter-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .before {\r\n    border-right: 1px solid var(--diff-border-color);\r\n  }\r\n\r\n  .after {\r\n    border-right: 4px solid var(--diff-border-color);\r\n  }\r\n\r\n  .diff-line-number {\r\n    width: 50%;\r\n    padding: 0 var(--spacing-half);\r\n  }\r\n\r\n  &.diff-add,\r\n  &.diff-delete {\r\n    &:not(.read-only) * {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &.read-only .after {\r\n    border-right-width: 1px;\r\n  }\r\n}\r\n\r\n.diff-line-number {\r\n  display: inline-block;\r\n  color: var(--diff-line-number-color);\r\n  text-align: right;\r\n}\r\n\r\n.CodeMirror-linebackground {\r\n  &.diff-add {\r\n    background: var(--diff-add-background-color);\r\n  }\r\n\r\n  &.diff-delete {\r\n    background: var(--diff-delete-background-color);\r\n  }\r\n\r\n  &.diff-context {\r\n    background: var(--background-color);\r\n  }\r\n\r\n  &.diff-hunk {\r\n    background: var(--diff-hunk-background-color);\r\n  }\r\n}\r\n\r\n.CodeMirror .diff-line-gutter.diff-add {\r\n  color: var(--diff-add-text-color);\r\n\r\n  .diff-line-number {\r\n    border-color: var(--diff-add-border-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-add-gutter-color);\r\n    }\r\n  }\r\n}\r\n\r\n.CodeMirror .diff-line-gutter.diff-delete {\r\n  color: var(--diff-delete-text-color);\r\n\r\n  .diff-line-number {\r\n    border-color: var(--diff-delete-border-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-delete-gutter-color);\r\n    }\r\n  }\r\n}\r\n\r\n.CodeMirror .diff-line-gutter.diff-context {\r\n  color: var(--diff-text-color);\r\n\r\n  .diff-line-number {\r\n    border-color: var(--diff-border-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-gutter-color);\r\n    }\r\n  }\r\n}\r\n\r\n// The cm- prefix means it's styling the line content.\r\n.CodeMirror-line {\r\n  &.diff-hunk {\r\n    color: var(--diff-hunk-text-color);\r\n  }\r\n  &.diff-delete {\r\n    color: var(--diff-delete-text-color);\r\n  }\r\n  &.diff-add {\r\n    color: var(--diff-add-text-color);\r\n  }\r\n  &.diff-context {\r\n    color: var(--diff-text-color);\r\n  }\r\n}\r\n\r\n.cm-diff-delete-inner {\r\n  background: var(--diff-delete-inner-background-color);\r\n}\r\n\r\n.cm-diff-add-inner {\r\n  background: var(--diff-add-inner-background-color);\r\n}\r\n\r\n.CodeMirror .diff-line-gutter.diff-hunk {\r\n  color: var(--diff-hunk-text-color);\r\n\r\n  .diff-line-number {\r\n    border-color: var(--diff-hunk-border-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-hunk-gutter-color);\r\n    }\r\n  }\r\n\r\n  &.expandable-up:hover,\r\n  &.expandable-down:hover,\r\n  &.expandable-short:hover {\r\n    cursor: pointer;\r\n\r\n    background: var(--diff-hover-background-color);\r\n    border-color: var(--diff-hover-border-color);\r\n    color: var(--diff-hover-text-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-hover-gutter-color);\r\n    }\r\n  }\r\n}\r\n\r\n.CodeMirror .diff-line-gutter.diff-line-selected {\r\n  .diff-line-number {\r\n    background: var(--diff-selected-background-color);\r\n    border-color: var(--diff-selected-border-color);\r\n    color: var(--diff-selected-text-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-selected-gutter-color);\r\n    }\r\n  }\r\n}\r\n\r\n.CodeMirror .diff-line-gutter.diff-line-hover,\r\n.CodeMirror .diff-line-gutter.includeable:hover {\r\n  .diff-line-number {\r\n    background: var(--diff-hover-background-color);\r\n    border-color: var(--diff-hover-border-color);\r\n    color: var(--diff-hover-text-color);\r\n\r\n    &:last-child {\r\n      border-color: var(--diff-hover-gutter-color);\r\n    }\r\n  }\r\n\r\n  &:not(.diff-line-selected) {\r\n    &.diff-add {\r\n      .diff-line-number {\r\n        background: var(--diff-add-hover-background-color);\r\n        border-color: var(--diff-add-hover-border-color);\r\n        color: var(--diff-add-hover-text-color);\r\n\r\n        &:last-child {\r\n          border-color: var(--diff-add-hover-gutter-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.diff-delete {\r\n      .diff-line-number {\r\n        background: var(--diff-delete-hover-background-color);\r\n        border-color: var(--diff-delete-hover-border-color);\r\n        color: var(--diff-delete-hover-text-color);\r\n\r\n        &:last-child {\r\n          border-color: var(--diff-delete-hover-gutter-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#diff .panel {\r\n  padding-top: var(--spacing);\r\n}\r\n\r\n#diff .image-header {\r\n  padding: var(--spacing) 0 var(--spacing-half) 0;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#diff img {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  object-fit: contain;\r\n  padding: 0;\r\n}\r\n// ***************************************************************************************************************************\r\n.panel.image {\r\n  display: flex;\r\n  flex: 1;\r\n  padding: var(--spacing);\r\n  min-width: 0;\r\n  min-height: 0;\r\n\r\n  .tab-bar {\r\n    width: 350px;\r\n    margin: var(--spacing) auto 0;\r\n  }\r\n\r\n  // https://stackoverflow.com/a/30792956/2114\r\n  .image-wrapper {\r\n    min-width: 0;\r\n    min-height: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .image-diff-previous {\r\n    color: var(--color-deleted);\r\n  }\r\n  .image-diff-current {\r\n    color: var(--color-new);\r\n  }\r\n\r\n  .image-diff-previous,\r\n  .image-diff-current {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 0;\r\n    min-width: 0;\r\n\r\n    img {\r\n      @include checkboard-background;\r\n      border: 1px solid currentColor;\r\n    }\r\n  }\r\n\r\n  .image-diff-header {\r\n    font-weight: var(--font-weight-semibold);\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .image-diff-footer {\r\n    color: var(--text-secondary-color);\r\n    .strong {\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n  }\r\n}\r\n\r\n.image-diff-container {\r\n  display: flex;\r\n  width: 100%;\r\n  height: 100%;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 0;\r\n  min-width: 0;\r\n\r\n  .image-diff-two-up {\r\n    display: flex;\r\n    max-height: 100%;\r\n    min-height: 0;\r\n    min-width: 0;\r\n    padding: 0 var(--spacing-double);\r\n\r\n    .image-diff-previous {\r\n      margin-right: var(--spacing-half);\r\n      margin-bottom: var(--spacing-half);\r\n    }\r\n    .image-diff-current {\r\n      margin-left: var(--spacing-half);\r\n      margin-bottom: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .image-diff-summary {\r\n    color: var(--text-secondary-color);\r\n    font-weight: var(--font-weight-semibold);\r\n    .added {\r\n      color: var(--color-new);\r\n    }\r\n    .removed {\r\n      color: var(--color-deleted);\r\n    }\r\n  }\r\n}\r\n\r\n.image-diff-difference {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  min-height: 0;\r\n  min-width: 0;\r\n\r\n  .sizing-container {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 0;\r\n    min-width: 0;\r\n\r\n    .image-container {\r\n      position: relative;\r\n\r\n      .image-diff-previous,\r\n      .image-diff-current {\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 100%;\r\n\r\n        img {\r\n          border: 0;\r\n          background: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.image-diff-onion-skin {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  min-height: 0;\r\n  min-width: 0;\r\n\r\n  .slider {\r\n    align-self: center;\r\n  }\r\n\r\n  .sizing-container {\r\n    margin: 0;\r\n    margin-bottom: var(--spacing-half);\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 0;\r\n    min-width: 0;\r\n\r\n    .image-diff-previous,\r\n    .image-diff-current {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      img {\r\n        background: transparent;\r\n      }\r\n    }\r\n\r\n    .image-container {\r\n      @include checkboard-background;\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\n.image-diff-swipe {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  min-height: 0;\r\n  min-width: 0;\r\n\r\n  .slider {\r\n    align-self: center;\r\n  }\r\n\r\n  .sizing-container {\r\n    margin: 0;\r\n    margin-bottom: var(--spacing-half);\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 0;\r\n    min-width: 0;\r\n\r\n    .image-container {\r\n      position: relative;\r\n      @include checkboard-background;\r\n\r\n      .image-diff-previous,\r\n      .image-diff-current {\r\n        position: absolute;\r\n\r\n        img {\r\n          background: transparent;\r\n        }\r\n      }\r\n\r\n      .swiper {\r\n        margin: 0;\r\n        overflow: hidden;\r\n        position: absolute;\r\n        right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Syntax higlighting. Adapted from\r\n// https://github.com/primer/github-syntax-light/blob/5aeffad2559647286080328436156c4904a9785b/lib/github-light.css\r\n.cm-s-default {\r\n  .cm-variable {\r\n    color: var(--syntax-variable-color);\r\n  }\r\n\r\n  .cm-keyword {\r\n    color: var(--syntax-keyword-color);\r\n  }\r\n\r\n  .cm-atom {\r\n    color: var(--syntax-atom-color);\r\n  }\r\n  .cm-number {\r\n    color: inherit;\r\n  }\r\n\r\n  .cm-def {\r\n    color: inherit;\r\n  }\r\n\r\n  .cm-quote {\r\n    color: var(--syntax-quote-color);\r\n  }\r\n\r\n  .cm-variable-2,\r\n  .cm-variable-3 {\r\n    color: var(--syntax-alt-variable-color);\r\n  }\r\n  .cm-comment,\r\n  .cm-meta {\r\n    color: var(--syntax-comment-color);\r\n  }\r\n  .cm-string,\r\n  .cm-string-2 {\r\n    color: var(--syntax-string-color);\r\n\r\n    &.cm-property {\r\n      color: inherit;\r\n    }\r\n  }\r\n  .cm-qualifier {\r\n    color: var(--syntax-qualifier-color);\r\n  }\r\n  .cm-type {\r\n    color: var(--syntax-type-color);\r\n  }\r\n  .cm-builtin {\r\n    color: inherit;\r\n  }\r\n  .cm-bracket {\r\n    color: inherit;\r\n  }\r\n  .cm-tag {\r\n    color: var(--syntax-tag-color);\r\n  }\r\n  .cm-attribute {\r\n    color: var(--syntax-attribute-color);\r\n  }\r\n  .cm-hr {\r\n    color: inherit;\r\n  }\r\n  .cm-link {\r\n    text-decoration: underline;\r\n    color: var(--syntax-link-color);\r\n  }\r\n  .cm-header {\r\n    color: var(--syntax-header-color);\r\n  }\r\n\r\n  .cm-m-cmake {\r\n    &.cm-def {\r\n      color: var(--syntax-atom-color);\r\n    }\r\n  }\r\n\r\n  .cm-m-css {\r\n    &.cm-property {\r\n      color: var(--syntax-atom-color);\r\n    }\r\n  }\r\n\r\n  .cm-m-shell {\r\n    &.cm-builtin {\r\n      color: var(--syntax-atom-color);\r\n    }\r\n  }\r\n\r\n  .cm-m-javascript {\r\n    &.cm-type {\r\n      color: var(--syntax-variable-color);\r\n    }\r\n  }\r\n\r\n  .cm-m-toml {\r\n    &.cm-string.cm-property {\r\n      color: var(--syntax-string-color);\r\n    }\r\n  }\r\n\r\n  // Intra line markings takes precedence over syntax highlighting.\r\n  .cm-diff-delete-inner {\r\n    color: var(--diff-delete-text-color) !important;\r\n  }\r\n\r\n  .cm-diff-add-inner {\r\n    color: var(--diff-add-text-color) !important;\r\n  }\r\n}\r\n\r\n.seamless-diff-switcher {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-grow: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  .panel {\r\n    padding-top: var(--spacing);\r\n\r\n    display: flex;\r\n    flex: 1;\r\n\r\n    &.empty,\r\n    &.renamed,\r\n    &.binary {\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n    &.large-diff {\r\n      margin: var(--spacing-double);\r\n      text-align: center;\r\n      justify-content: initial;\r\n\r\n      .blankslate-image {\r\n        max-height: 150px;\r\n      }\r\n\r\n      .description {\r\n        margin-top: var(--spacing);\r\n        margin-bottom: var(--spacing);\r\n\r\n        p {\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .loading-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    display: none;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .diff-contents-warning-container {\r\n    background-color: var(--file-warning-background-color);\r\n    padding: var(--spacing) var(--spacing-double);\r\n    border-bottom: var(--file-warning-border-color) solid 1px;\r\n\r\n    .octicon {\r\n      margin-right: var(--spacing);\r\n      color: var(--file-warning-color);\r\n      vertical-align: text-bottom;\r\n    }\r\n\r\n    a.link-button-component {\r\n      display: unset;\r\n    }\r\n\r\n    // Separate warning items\r\n    .diff-contents-warning:not(:last-child) {\r\n      margin-bottom: var(--spacing);\r\n      border-bottom: var(--file-warning-border-color) solid 1px;\r\n      padding-bottom: var(--spacing);\r\n    }\r\n  }\r\n\r\n  // When loading a diff\r\n  &.loading {\r\n    // Get ready to fade out the diff if it takes too long to load it\r\n    & > * {\r\n      transition: opacity 100ms ease-in;\r\n    }\r\n\r\n    .loading-indicator {\r\n      display: block;\r\n    }\r\n\r\n    // When there's no previous diff (i.e. first time the component mounts)\r\n    // we'll show the loading indicator immediately\r\n    &:not(.has-diff) {\r\n      .loading-indicator {\r\n        display: block;\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    // When there is a previous diff available we'll wait for a little bit\r\n    // (defined in the component tsx) until we risk the user becoming aware\r\n    // of our little trick and noticing that the diff hasn't changed. When\r\n    // we hit that threshold we...\r\n    &.has-diff.slow {\r\n      // ...fade in the loading indicator...\r\n      & > .loading-indicator {\r\n        display: block;\r\n        opacity: 1;\r\n      }\r\n\r\n      // ...and fade everything else out\r\n      & > :not(.loading-indicator) {\r\n        opacity: 0.2;\r\n      }\r\n    }\r\n  }\r\n\r\n  // When focus moves to the virtualized grid, we want to show a focus ring.\r\n  &:has(.ReactVirtualized__Grid:focus-visible) {\r\n    outline: 2px solid var(--focus-color);\r\n    border-radius: var(--border-radius);\r\n\r\n    // Move the content over to make room for the focus ring\r\n    margin-right: 2px;\r\n    margin-bottom: 2px;\r\n  }\r\n}\r\n\r\n.diff-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-grow: 1;\r\n  min-width: 0;\r\n  max-height: 100%;\r\n\r\n  .header {\r\n    span {\r\n      user-select: text;\r\n    }\r\n\r\n    background: var(--box-alt-background-color);\r\n    border-bottom: 1px solid var(--diff-border-color);\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-shrink: 0;\r\n    flex-grow: 0;\r\n    align-items: center;\r\n\r\n    padding: var(--spacing-half) var(--spacing);\r\n\r\n    @include octicon-status;\r\n\r\n    .diff-options-component {\r\n      margin-right: var(--spacing-half);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .octicon.status {\r\n      flex-shrink: 0;\r\n      vertical-align: text-bottom;\r\n      position: relative;\r\n      align-self: center;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .line-endings {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    .open-merge-tool {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Draw a checkboard in the background\r\n * (useful to see the transparent part of an image)\r\n */\r\n@mixin checkboard-background {\r\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX5+fn///8pDrwNAAAAFElEQVQI12NgsP/AQAz+f4CBGAwAJIIdTTn0+w0AAAAASUVORK5CYII=);\r\n}\r\n","@import '../../mixins';\r\n\r\n/** A React component holding the currently selected repository's history */\r\n#history {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  max-height: 100%;\r\n\r\n  // Necessary so that the diff doesn't expand\r\n  // beyond the width of the history\r\n  min-width: 0;\r\n}\r\n\r\n#commit-summary-container {\r\n  flex-grow: 0;\r\n}\r\n\r\n#compare-view {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  min-height: 0;\r\n\r\n  .filter-list .filter-field-row {\r\n    margin: 0;\r\n  }\r\n\r\n  .compare-form {\r\n    background: var(--box-alt-background-color);\r\n    flex: initial;\r\n    padding: var(--spacing-half);\r\n    border-bottom: var(--base-border);\r\n  }\r\n\r\n  .compare-commit-list {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 0;\r\n  }\r\n\r\n  .merge-status {\r\n    background: var(--background-color);\r\n    border-width: 0 var(--spacing-half);\r\n    border: solid transparent;\r\n    box-sizing: content-box;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .merge-message {\r\n    max-height: 500px;\r\n    transition: max-height 750ms ease;\r\n\r\n    &-loading {\r\n      max-height: 40px;\r\n    }\r\n  }\r\n\r\n  // this style can be removed once we enable the merge hint for everyone\r\n  .merge-message-legacy {\r\n    margin-top: var(--spacing);\r\n  }\r\n\r\n  .merge-cta {\r\n    border-top: var(--base-border);\r\n    display: flex;\r\n    flex-direction: column;\r\n    font-size: var(--font-size-sm);\r\n    padding: var(--spacing);\r\n    .merge-status-component {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  .no-branches {\r\n    color: var(--text-secondary-color);\r\n    margin-top: var(--spacing-double);\r\n  }\r\n\r\n  .branch-commit-counter {\r\n    color: var(--text-secondary-color);\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    flex: 1;\r\n    font-size: var(--font-size-sm);\r\n\r\n    &-item {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      &:first-child {\r\n        margin-right: var(--spacing-half);\r\n      }\r\n    }\r\n\r\n    .octicon {\r\n      fill: var(--text-secondary-color);\r\n      width: 8px;\r\n      margin-left: 1px;\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tab-bar {\r\n    padding: var(--spacing-half);\r\n    border-bottom: var(--base-border);\r\n    height: initial;\r\n\r\n    &-item {\r\n      box-shadow: none;\r\n      background: var(--tab-bar-background-color);\r\n      border: var(--base-border);\r\n\r\n      &:first-of-type {\r\n        border-radius: var(--border-radius) 0 0 var(--border-radius);\r\n      }\r\n\r\n      &:last-of-type {\r\n        border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n      }\r\n\r\n      &.selected {\r\n        background: var(--box-selected-active-background-color);\r\n        border-color: var(--box-border-accent-color);\r\n        color: var(--box-selected-active-text-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .select-component {\r\n    flex-grow: 0;\r\n  }\r\n\r\n  .compare-content {\r\n    display: flex;\r\n    height: 100%;\r\n    flex-direction: column;\r\n\r\n    .ref-component {\r\n      word-break: break-word;\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n/** A React component holding history's commit list */\r\n#commit-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  min-height: 0;\r\n\r\n  .draggable,\r\n  .commit {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .list-item.selected:not(.in-keyboard-insertion-mode) {\r\n    .commit {\r\n      .unpushed-indicator {\r\n        background: var(--list-item-selected-badge-background-color);\r\n        color: var(--list-item-selected-badge-color);\r\n      }\r\n      .tag-name {\r\n        background: var(--list-item-selected-badge-background-color);\r\n        color: var(--list-item-selected-badge-color);\r\n        box-shadow: 1px 0 0 var(--box-selected-background-color);\r\n      }\r\n      .tag-indicator-more {\r\n        background: var(--list-item-selected-badge-background-color);\r\n      }\r\n\r\n      background-color: var(--box-selected-background-color);\r\n    }\r\n  }\r\n\r\n  &.has-highlighted-commits {\r\n    .list-item {\r\n      transition: opacity 0.5s;\r\n\r\n      &:not(.highlighted) {\r\n        opacity: 30%;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.has-highlighted-commits) {\r\n    .list-item {\r\n      transition: opacity 0.25s;\r\n    }\r\n  }\r\n\r\n  .focus-within:not(.in-keyboard-insertion-mode) {\r\n    .list-item.selected {\r\n      .commit {\r\n        .unpushed-indicator {\r\n          background: var(--list-item-selected-active-badge-background-color);\r\n          color: var(--list-item-selected-active-badge-color);\r\n        }\r\n        .tag-name {\r\n          background: var(--list-item-selected-active-badge-background-color);\r\n          color: var(--list-item-selected-active-badge-color);\r\n          box-shadow: 1px 0 0 var(--box-selected-active-background-color);\r\n        }\r\n        .tag-indicator-more {\r\n          background: var(--list-item-selected-active-badge-background-color);\r\n          color: var(--list-item-selected-active-badge-color);\r\n        }\r\n\r\n        background-color: var(--box-selected-active-background-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .list-item.selected-for-keyboard-insertion {\r\n    .commit {\r\n      color: var(--box-selected-text-color);\r\n      background-color: var(--box-selected-background-color);\r\n\r\n      .byline {\r\n        color: var(--box-selected-text-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .reorder-commits-hint-popover {\r\n    background-color: var(--background-color);\r\n    border: var(--base-border);\r\n    border-radius: var(--border-radius);\r\n    padding: var(--spacing);\r\n\r\n    p {\r\n      margin: var(--spacing-half) 0;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#commit-drag-element .commit,\r\n#commit-list .commit {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  background-color: var(--background-color);\r\n  border-bottom: var(--base-border);\r\n\r\n  // We need to give a bit more padding to the right to make place for the scrollbar\r\n  padding-right: calc(var(--spacing) + var(--spacing-half));\r\n  padding-left: var(--spacing);\r\n\r\n  .info {\r\n    display: flex;\r\n    flex: 1 1 auto;\r\n    flex-direction: column;\r\n    margin-top: -4px;\r\n    overflow: hidden;\r\n    min-width: 50px;\r\n\r\n    .description {\r\n      display: flex;\r\n      flex-direction: row;\r\n      margin-top: 3px;\r\n    }\r\n\r\n    .summary {\r\n      font-weight: var(--font-weight-semibold);\r\n\r\n      &.empty-summary {\r\n        color: var(--text-secondary-color);\r\n      }\r\n    }\r\n\r\n    .summary,\r\n    .byline {\r\n      @include ellipsis;\r\n    }\r\n  }\r\n\r\n  .commit-indicators {\r\n    display: flex;\r\n    flex-flow: nowrap row;\r\n    flex: 1 1 auto;\r\n    justify-content: flex-end;\r\n    margin-left: var(--spacing);\r\n    color: var(--list-item-badge-color);\r\n    height: 16px;\r\n    line-height: 16px;\r\n    max-width: 50%;\r\n\r\n    .tag-indicator {\r\n      display: flex;\r\n      flex: 0 1 auto;\r\n      height: 100%;\r\n      min-width: 0;\r\n\r\n      .tag-name {\r\n        flex: 1 1 auto;\r\n        padding: 0 var(--spacing-half);\r\n        border-radius: var(--border-radius);\r\n        background: var(--list-item-badge-background-color);\r\n        box-shadow: 1px 0 0 var(--background-color);\r\n        z-index: 3;\r\n        @include ellipsis;\r\n      }\r\n\r\n      .tag-indicator-more {\r\n        flex: 0 0 auto;\r\n        width: var(--spacing);\r\n        margin-left: -5px;\r\n        border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n        background: var(--list-item-badge-background-color);\r\n      }\r\n    }\r\n\r\n    .unpushed-indicator {\r\n      flex: 0 0 auto;\r\n      height: 100%;\r\n      border-radius: 8px;\r\n      padding: 0 var(--spacing-half);\r\n      background: var(--list-item-badge-background-color);\r\n      margin-left: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .tool-tip-contents {\r\n    display: none;\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n/** A React component holding the selected commit's detailed information */\r\n#commit-summary {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 0;\r\n\r\n  .avatar {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .expander {\r\n    position: absolute;\r\n    width: 75px;\r\n    top: var(--spacing);\r\n    right: var(--spacing);\r\n    background: transparent;\r\n    padding: 0;\r\n    border: none;\r\n    color: var(--text-color);\r\n    font-size: inherit;\r\n    font-weight: normal;\r\n    font-family: inherit;\r\n\r\n    svg {\r\n      vertical-align: text-top;\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  &.expanded {\r\n    .commit-summary-description-scroll-view {\r\n      max-height: 400px;\r\n      overflow: auto;\r\n      display: revert;\r\n\r\n      &:before {\r\n        content: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.hide-description-border {\r\n    .commit-summary-description-container {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n\r\n  &.has-expander {\r\n    .commit-summary-description {\r\n      padding-right: 100px;\r\n    }\r\n\r\n    // When the description area can be, but isn't yet, expanded\r\n    // we'll add a small shadow towards the bottom to hint that\r\n    // there's more content available.\r\n    &:not(.expanded) {\r\n      .commit-summary-description:before {\r\n        content: '';\r\n        background: var(--box-overflow-shadow-background);\r\n        position: absolute;\r\n        height: 30px;\r\n        bottom: 0px;\r\n        width: 100%;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .commit-unreachable-info {\r\n    padding: var(--spacing-half) var(--spacing);\r\n    border-bottom: var(--base-border);\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .octicon {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    .link-button-component {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n}\r\n\r\n// NOTE: This isn't a real class, it's an SCSS hack to allow us to only write\r\n// the suffixes of class names that all start with commit-summary. It's quite\r\n// confusing and also has the added downside of making it impossible to search\r\n// for a class name one finds in tsx. We might want to consider not allowing\r\n// this in the future but that's for... the future.\r\n.commit-summary {\r\n  &-title,\r\n  &-meta {\r\n    padding: var(--spacing);\r\n\r\n    .lines-added {\r\n      color: var(--color-new);\r\n    }\r\n\r\n    .lines-deleted {\r\n      color: var(--color-deleted);\r\n    }\r\n  }\r\n\r\n  &-title {\r\n    font-size: var(--font-size-md);\r\n    font-weight: var(--font-weight-semibold);\r\n    line-height: 16px;\r\n    padding: var(--spacing);\r\n    word-wrap: break-word;\r\n\r\n    &.empty-summary {\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n\r\n  &-description-container {\r\n    display: flex;\r\n    // So that we have something to position the expander against\r\n    position: relative;\r\n    border-bottom: var(--base-border);\r\n    min-height: 0;\r\n  }\r\n\r\n  &-description-scroll-view {\r\n    overflow: hidden;\r\n    flex: 1;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    // Maximum amount of commit description lines to show before collapsing\r\n    -webkit-line-clamp: 3;\r\n  }\r\n\r\n  // Enable text selection inside the title and description elements.\r\n  &-title,\r\n  &-description {\r\n    user-select: text;\r\n    cursor: text;\r\n\r\n    * {\r\n      user-select: unset;\r\n      pointer-events: unset;\r\n      cursor: text;\r\n    }\r\n  }\r\n\r\n  &-description {\r\n    font-family: var(--font-family-monospace);\r\n    font-size: var(--font-size-sm);\r\n    word-wrap: break-word;\r\n    white-space: pre-line;\r\n    padding: var(--spacing);\r\n    min-height: 0;\r\n  }\r\n\r\n  &-meta {\r\n    display: flex;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0 var(--spacing) var(--spacing);\r\n  }\r\n\r\n  &-meta-item:not(.without-truncation) {\r\n    flex-shrink: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  &-meta-item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    min-width: 0;\r\n    margin-right: var(--spacing);\r\n    font-size: var(--font-size-sm);\r\n    flex-shrink: 0;\r\n\r\n    .avatar,\r\n    .octicon {\r\n      display: inline-block;\r\n      margin-right: var(--spacing-third);\r\n      vertical-align: bottom; // For some reason, `bottom` places the text in the middle\r\n    }\r\n\r\n    .selectable {\r\n      user-select: text;\r\n    }\r\n\r\n    .tags {\r\n      @include ellipsis;\r\n      flex-shrink: 1;\r\n    }\r\n  }\r\n\r\n  &-header {\r\n    border-bottom: var(--base-border);\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n#expandable-commit-summary {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 0;\r\n  border-bottom: var(--base-border);\r\n\r\n  .beneath-summary {\r\n    overflow-y: auto;\r\n    padding: var(--spacing);\r\n    padding-top: 0;\r\n    padding-bottom: var(--spacing-half);\r\n  }\r\n\r\n  .ecs-title {\r\n    font-size: var(--font-size-md);\r\n    font-weight: var(--font-weight-semibold);\r\n    line-height: 16px;\r\n    word-wrap: break-word;\r\n    display: flex;\r\n    padding: var(--spacing);\r\n    padding-bottom: var(--spacing-half);\r\n\r\n    .commits-in-diff {\r\n      margin-left: var(--spacing-half);\r\n    }\r\n\r\n    &.empty-summary {\r\n      color: var(--text-secondary-color);\r\n    }\r\n\r\n    .expander {\r\n      background: transparent;\r\n      padding: 0;\r\n      border: none;\r\n      color: var(--text-color);\r\n      font-size: inherit;\r\n      font-weight: normal;\r\n      font-family: inherit;\r\n      margin-left: var(--spacing);\r\n      height: auto;\r\n\r\n      svg {\r\n        vertical-align: text-top;\r\n      }\r\n    }\r\n  }\r\n\r\n  .ecs-description {\r\n    display: flex;\r\n    position: relative;\r\n    min-height: 10px;\r\n    padding-bottom: var(--spacing-half);\r\n\r\n    .ecs-description-scroll-view {\r\n      overflow: hidden;\r\n      overflow-y: auto;\r\n      flex: 1;\r\n    }\r\n\r\n    .ecs-description-text {\r\n      font-family: var(--font-family-monospace);\r\n      font-size: var(--font-size-sm);\r\n      word-wrap: break-word;\r\n      white-space: pre-wrap;\r\n      min-height: 0;\r\n    }\r\n  }\r\n\r\n  .ecs-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    .ecs-meta-item {\r\n      display: flex;\r\n      margin-right: var(--spacing);\r\n      font-size: var(--font-size-sm);\r\n      align-items: center;\r\n\r\n      &.authors {\r\n        margin-left: 0;\r\n\r\n        .avatar {\r\n          width: 16px;\r\n          height: 16px;\r\n        }\r\n\r\n        .author {\r\n          .avatar-container {\r\n            margin-right: 4px;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.commit-ref {\r\n        .ref {\r\n          padding-left: var(--spacing-half);\r\n        }\r\n\r\n        .copy-button {\r\n          margin-left: var(--spacing-half);\r\n\r\n          // Removing default button styles\r\n          background: transparent;\r\n          border: none;\r\n          padding: 0;\r\n          height: auto;\r\n          min-width: 16px;\r\n\r\n          :hover {\r\n            color: var(--text-secondary-color);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.lines-added-deleted {\r\n        div {\r\n          padding-right: var(--spacing-half);\r\n        }\r\n\r\n        .lines-added {\r\n          color: var(--color-new);\r\n        }\r\n\r\n        .lines-deleted {\r\n          color: var(--color-deleted);\r\n        }\r\n      }\r\n\r\n      &.tags {\r\n        flex-shrink: 1;\r\n        min-width: 0;\r\n\r\n        .octicon {\r\n          padding-right: var(--spacing-half);\r\n        }\r\n\r\n        span {\r\n          @include ellipsis;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .beneath-summary {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .ecs-description-text {\r\n    background: var(--box-alt-background-color);\r\n    padding: var(--spacing-half);\r\n  }\r\n\r\n  &:not(.expanded) {\r\n    .ecs-description-scroll-view {\r\n      max-height: 80px;\r\n      min-height: 30px;\r\n    }\r\n  }\r\n\r\n  &.expanded {\r\n    .beneath-summary {\r\n      background: var(--box-overflow-shadow-background-two);\r\n      background-repeat: no-repeat;\r\n      background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px;\r\n      background-attachment: local, local, scroll, scroll;\r\n    }\r\n\r\n    .ecs-meta {\r\n      display: block;\r\n\r\n      .ecs-meta-item {\r\n        margin-bottom: var(--spacing-half);\r\n        align-items: unset;\r\n        margin-right: 0;\r\n\r\n        &:last-child {\r\n          margin-bottom: 0;\r\n        }\r\n\r\n        &.authors {\r\n          display: block;\r\n\r\n          .author {\r\n            margin-bottom: 2px;\r\n            display: flex;\r\n\r\n            div {\r\n              &:last-child {\r\n                overflow-wrap: anywhere;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        &.commit-ref {\r\n          .ref {\r\n            overflow-wrap: anywhere;\r\n          }\r\n        }\r\n\r\n        &.lines-added-deleted {\r\n          .lines-added {\r\n            padding-left: var(--spacing-half);\r\n          }\r\n        }\r\n\r\n        &.tags {\r\n          span {\r\n            white-space: normal;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .commit-unreachable-info {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: var(--spacing);\r\n    padding-top: 0;\r\n\r\n    .octicon {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    .link-button-component {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .selectable {\r\n    user-select: text;\r\n    cursor: text;\r\n\r\n    * {\r\n      user-select: unset;\r\n      pointer-events: unset;\r\n      cursor: text;\r\n    }\r\n  }\r\n}\r\n\r\n// This make it so there is not a double scroll bar when zoomed in on a very\r\n// small screen.\r\n@media (max-width: 650px) {\r\n  #expandable-commit-summary {\r\n    &.expanded {\r\n      .beneath-summary {\r\n        display: block;\r\n      }\r\n\r\n      .ecs-description {\r\n        height: auto;\r\n\r\n        .ecs-description-text {\r\n          background: rgba(#959da5, 0.1);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","#history {\r\n  .file-list {\r\n    display: flex;\r\n    flex: 1;\r\n\r\n    border-right: var(--base-border);\r\n  }\r\n}\r\n","#multiple-commits-selected {\r\n  padding: 0;\r\n  display: block;\r\n  ul {\r\n    margin-top: 0px;\r\n  }\r\n\r\n  .panel {\r\n    height: 100%;\r\n    text-align: left;\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n/** A React component holding the currently selected repository */\r\n#repository {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex: 1 1 auto;\r\n  border-top: var(--base-border);\r\n  height: 100%;\r\n  min-height: 0;\r\n\r\n  > .focus-container {\r\n    display: flex;\r\n  }\r\n\r\n  &-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-right: 1px solid var(--box-border-color);\r\n\r\n    .tab-bar {\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .panel {\r\n      height: 100%;\r\n      flex: 1 1 auto;\r\n      min-height: 0;\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n}\r\n",".resizable-component {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-shrink: 0;\r\n\r\n  // This is for the absolutely positioned resize handle\r\n  position: relative;\r\n\r\n  .resize-handle {\r\n    position: absolute;\r\n    right: -5px;\r\n    top: 0px;\r\n    height: 100%;\r\n    width: 10px;\r\n    cursor: ew-resize;\r\n\r\n    // remove button styles\r\n    background: none;\r\n    border: none;\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\n/** A React component holding the main application toolbar component. */\r\n#desktop-app-toolbar {\r\n  height: var(--toolbar-height);\r\n  border-bottom: 1px solid var(--toolbar-border-color);\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  flex-grow: 0;\r\n  flex-shrink: 0;\r\n\r\n  /* See https://css-tricks.com/flexbox-truncated-text/\r\n   * We need to do this \"hack\" or else the container will\r\n   * always grow to fit the intrinsic width of its children\r\n   * and thus killing our text truncation in the title.\r\n   */\r\n  min-width: 0;\r\n\r\n  color: var(--toolbar-text-color);\r\n  background-color: var(--toolbar-background-color);\r\n\r\n  .sidebar-section {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-shrink: 0;\r\n\r\n    & > :last-child {\r\n      // Redundant when `.resizable` is used, remove when\r\n      // enableResizingToolbarButtons() is removed.\r\n      flex-grow: 1;\r\n    }\r\n  }\r\n\r\n  .toolbar-button {\r\n    &.resizable {\r\n      // Fill the available height of the parent\r\n      flex-grow: 1;\r\n      max-height: var(--toolbar-height);\r\n    }\r\n\r\n    &.push-pull-button {\r\n      width: 230px;\r\n\r\n      &.resizable {\r\n        width: 100%;\r\n      }\r\n    }\r\n    &.branch-toolbar-button {\r\n      width: 230px;\r\n\r\n      &.resizable {\r\n        width: 100%;\r\n      }\r\n    }\r\n    &.revert-progress {\r\n      width: 230px;\r\n\r\n      &.resizable {\r\n        width: 100%;\r\n      }\r\n    }\r\n    &.toolbar-dropdown-arrow-button {\r\n      width: 39px;\r\n      &.resizable {\r\n        flex-shrink: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.spin {\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n.ahead-behind {\r\n  display: flex;\r\n\r\n  background: var(--toolbar-badge-background-color);\r\n\r\n  // Perfectly round semi circle ends with real tight\r\n  // padding on either side. Now in two flavors!\r\n  @include darwin {\r\n    height: 13px;\r\n  }\r\n\r\n  @include win32 {\r\n    height: 14px;\r\n  }\r\n\r\n  border-radius: 8px;\r\n  padding: 0 6px;\r\n\r\n  font-size: var(--font-size-xs);\r\n  font-weight: var(--font-weight-semibold);\r\n\r\n  span {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    // Only add left margin if both ahead and behind are\r\n    // showing at the same time.\r\n    &:nth-child(2) {\r\n      margin-left: var(--spacing-half);\r\n    }\r\n\r\n    .octicon {\r\n      width: 10px;\r\n      margin-left: var(--spacing-third);\r\n    }\r\n  }\r\n}\r\n",".toolbar-button {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: stretch;\r\n\r\n  // Make sure the contents shrink beyond their intrinsic width\r\n  // See https://css-tricks.com/flexbox-truncated-text/\r\n  min-width: 0;\r\n\r\n  // This is necessary for our absolutely positioned progress bar to work.\r\n  // We position the toolbar button container relatively so that we can\r\n  // position the progress bar absolutely in relation to the container.\r\n  // We then explicitly position all child elements of the container\r\n  // relatively in order for the progress bar not to position itself\r\n  // above all the other content.\r\n  position: relative;\r\n\r\n  .toolbar-dropdown-button {\r\n    width: 40px;\r\n    height: 49px;\r\n  }\r\n\r\n  // General button behavior, mostly resets.\r\n  // For the button content styling see second button style. Note that we\r\n  // explicitly use > here to only target the direct descendant button since\r\n  // there might be buttons in foldouts which would otherwise be affected\r\n  // as well.\r\n  & > button {\r\n    // Reset styles from global buttons\r\n    -webkit-appearance: none;\r\n    border: none;\r\n    box-shadow: none;\r\n    background: transparent;\r\n    border-radius: 0;\r\n    text-align: left;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    &:active {\r\n      box-shadow: none;\r\n    }\r\n\r\n    &:focus {\r\n      background-color: var(--toolbar-button-focus-background-color);\r\n\r\n      // Prevent the focus ring from getting clipped by UI elements\r\n      // outside of the toolbar\r\n      outline-offset: -4px;\r\n\r\n      // Reset\r\n      border-color: var(--toolbar-button-border-color);\r\n      box-shadow: none;\r\n\r\n      .progress {\r\n        background: var(--toolbar-button-focus-progress-color);\r\n      }\r\n\r\n      // Focused but not through keyboard navigation\r\n      &:not(:focus-visible) {\r\n        background-color: var(--toolbar-button-background-color);\r\n\r\n        .progress {\r\n          background: var(--toolbar-button-progress-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(:disabled):hover {\r\n      background-color: var(--toolbar-button-hover-background-color);\r\n      color: var(--toolbar-button-hover-color);\r\n      border-color: var(--toolbar-button-hover-border-color);\r\n\r\n      .description {\r\n        color: var(--toolbar-button-secondary-color);\r\n      }\r\n\r\n      .progress {\r\n        background: var(--toolbar-button-hover-progress-color);\r\n      }\r\n    }\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  & > button {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    padding: var(--spacing);\r\n    margin: 0;\r\n    overflow: hidden;\r\n\r\n    background-color: var(--toolbar-button-background-color);\r\n    color: var(--toolbar-button-color);\r\n\r\n    border-right: 1px solid var(--toolbar-button-border-color);\r\n\r\n    .icon {\r\n      flex-shrink: 0;\r\n      margin-right: var(--spacing);\r\n      position: relative;\r\n    }\r\n\r\n    .dropdownArrow {\r\n      flex-shrink: 0;\r\n      position: relative;\r\n    }\r\n\r\n    .text {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-grow: 1;\r\n      min-width: 0;\r\n      margin-right: var(--spacing);\r\n      position: relative;\r\n    }\r\n\r\n    .title {\r\n      font-weight: var(--font-weight-semibold);\r\n      position: relative;\r\n    }\r\n\r\n    .description {\r\n      color: var(--toolbar-button-secondary-color);\r\n      font-size: var(--font-size-sm);\r\n      position: relative;\r\n    }\r\n\r\n    .title,\r\n    .description {\r\n      @include ellipsis;\r\n    }\r\n\r\n    .progress {\r\n      position: absolute;\r\n      top: 0px;\r\n      left: 0px;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: var(--toolbar-button-progress-color);\r\n      transform-origin: left;\r\n      pointer-events: none;\r\n      transition: transform 0.3s var(--easing-ease-out-quint);\r\n    }\r\n  }\r\n\r\n  &.has-progress > button {\r\n    // The default disabled opacity for button is 0.6 but when we're showing\r\n    // progress we want the text to be slightly legible so we'll make it\r\n    // opaque. Since a toolbar button with progress also shows a spinner\r\n    // there's plenty of indication that it can't be used.\r\n    &:disabled {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n",".toolbar-dropdown {\r\n  // Make sure the contents shrink beyond their intrinsic width\r\n  // See https://css-tricks.com/flexbox-truncated-text/\r\n  min-width: 0;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  &.resizable {\r\n    // Fill the available height of the parent\r\n    flex-grow: 1;\r\n  }\r\n\r\n  & > .toolbar-button {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  & .toolbar-dropdown-arrow-button {\r\n    width: 39px;\r\n  }\r\n\r\n  &.open {\r\n    &.foldout-style > .toolbar-button > button,\r\n    &.multi-option-style > .toolbar-dropdown-arrow-button > button {\r\n      color: var(--toolbar-button-active-color);\r\n      background-color: var(--toolbar-button-active-background-color);\r\n\r\n      // The foldout doesn't have a border so we have to either\r\n      // color ours or remove it entirely for us to match the\r\n      // min-width of the foldout.\r\n      border-color: var(--toolbar-button-active-border-color);\r\n\r\n      .description {\r\n        color: var(--text-secondary-color);\r\n      }\r\n\r\n      .progress {\r\n        background-color: var(--toolbar-dropdown-open-progress-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n",".push-pull-dropdown {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 1px;\r\n  z-index: 0;\r\n  max-width: 100%;\r\n\r\n  .push-pull-dropdown-item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    height: fit-content;\r\n    padding: 10px;\r\n    gap: 10px;\r\n    color: var(--text-color);\r\n    background-color: var(--box-background-color);\r\n    white-space: normal;\r\n\r\n    // Unset styles from Button component\r\n    text-align: unset;\r\n    border: unset;\r\n    border-radius: unset;\r\n    box-shadow: unset !important;\r\n\r\n    .octicon {\r\n      height: 16px;\r\n      width: 16px;\r\n    }\r\n\r\n    // Override background on focus to keep the default color\r\n    &:focus {\r\n      background-color: var(--box-background-color);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: var(--box-hover-background-color) !important;\r\n      color: var(--toolbar-dropdown-text-hover-color) !important;\r\n    }\r\n\r\n    &:not(:last-child) {\r\n      // Enforce this bottom border style even in focused state\r\n      border-bottom: 1px solid var(--box-border-color) !important;\r\n    }\r\n\r\n    .text-container {\r\n      display: flex;\r\n      flex-direction: column;\r\n      row-gap: 3px;\r\n\r\n      .title {\r\n        font-weight: 600;\r\n      }\r\n\r\n      .detail {\r\n        color: var(--text-secondary-color);\r\n\r\n        .warning {\r\n          color: var(--toolbar-dropdown-text-warning-color);\r\n          margin-top: var(--spacing);\r\n\r\n          .warning-title {\r\n            font-weight: 600;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n",".tab-bar {\r\n  display: flex;\r\n  flex-direction: row;\r\n  height: var(--tab-bar-height);\r\n\r\n  &.vertical {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    height: auto;\r\n    flex-shrink: 0;\r\n    padding: var(--spacing) 0;\r\n  }\r\n\r\n  &-item {\r\n    // Reset styles from global buttons\r\n    border: none;\r\n    box-shadow: none;\r\n    color: var(--text-color);\r\n    background: var(--background-color);\r\n    font-family: var(--font-family-sans-serif);\r\n    font-size: var(--font-size);\r\n  }\r\n\r\n  &.tabs &-item {\r\n    border-radius: 0;\r\n\r\n    // Give each item equal space\r\n    flex: 1;\r\n\r\n    // Center item contest horizontally and vertically\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-bottom: 1px solid var(--box-border-color);\r\n    border-right: 1px solid var(--box-border-color);\r\n\r\n    // This makes it so that we never render a double-width item border.\r\n    // It has the unintended consequence of making it impossible to have a tab\r\n    // bar with just one item but we can live with that.\r\n    &:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    // We intentionally swap foreground and background here to create\r\n    // a more intense selected state. The tab bar is kind of a special snowflake\r\n    // in so far that it doesn't have an active selection state, just a selected\r\n    // one.\r\n    &.selected {\r\n      box-shadow: inset 0 -3px 0px var(--tab-bar-active-color);\r\n    }\r\n\r\n    &:hover {\r\n      background: var(--tab-bar-hover-background-color);\r\n    }\r\n\r\n    .with-indicator {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .indicator {\r\n      color: var(--tab-bar-active-color);\r\n      margin-left: 4px;\r\n      margin-top: 1px;\r\n    }\r\n\r\n    .counter {\r\n      color: var(--tab-bar-count-color);\r\n      background-color: var(--tab-bar-count-background-color);\r\n      margin-left: 4px;\r\n      padding: 2px 5px;\r\n      font-size: var(--font-size-xs);\r\n      font-weight: var(--font-weight-semibold);\r\n      border-radius: 20px;\r\n      line-height: 1;\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline-offset: -4px;\r\n    }\r\n\r\n    .call-to-action-bubble {\r\n      font-weight: var(--font-weight-semibold);\r\n      display: inline-block;\r\n      font-size: var(--font-size-xs);\r\n      border: 1px solid var(--call-to-action-bubble-border-color);\r\n      color: var(--call-to-action-bubble-color);\r\n      padding: 1px 5px;\r\n      border-radius: var(--border-radius);\r\n      margin-left: var(--spacing-third);\r\n    }\r\n  }\r\n\r\n  &.switch &-item {\r\n    cursor: pointer;\r\n    border-radius: 0;\r\n\r\n    // Give each item equal space\r\n    flex: 1;\r\n\r\n    // Center item contest horizontally and vertically\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-right: 1px solid var(--box-border-color);\r\n\r\n    // This makes it so that we never render a double-width item border.\r\n    // It has the unintended consequence of making it impossible to have a tab\r\n    // bar with just one item but we can live with that.\r\n    &:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    // We intentionally swap foreground and background here to create\r\n    // a more intense selected state. The tab bar is kind of a special snowflake\r\n    // in so far that it doesn't have an active selection state, just a selected\r\n    // one.\r\n    &.selected {\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n  }\r\n\r\n  &.vertical &-item {\r\n    border-radius: var(--border-radius);\r\n    min-width: 150px;\r\n\r\n    &:focus-visible {\r\n      border-radius: var(--outlined-border-radius);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    // Center item contest horizontally and vertically\r\n    display: flex;\r\n    justify-content: left;\r\n\r\n    padding: var(--spacing);\r\n    margin: var(--spacing-third) var(--spacing-double);\r\n\r\n    // This makes it so that we never render a double-width item border.\r\n    // It has the unintended consequence of making it impossible to have a tab\r\n    // bar with just one item but we can live with that.\r\n    &:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    // We intentionally swap foreground and background here to create\r\n    // a more intense selected state. The tab bar is kind of a special snowflake\r\n    // in so far that it doesn't have an active selection state, just a selected\r\n    // one.\r\n    &.selected {\r\n      background-color: var(--tab-bar-active-color);\r\n      color: var(--box-selected-active-text-color);\r\n    }\r\n\r\n    &:not(.selected) {\r\n      .icon {\r\n        color: #{$gray-500};\r\n      }\r\n\r\n      &:hover {\r\n        background: var(--tab-bar-hover-background-color);\r\n      }\r\n    }\r\n\r\n    .icon {\r\n      vertical-align: bottom;\r\n      margin-right: var(--spacing);\r\n    }\r\n  }\r\n}\r\n",".panel {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n",".popup {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 400px;\r\n  min-width: 260px;\r\n  margin: var(--spacing-triple) var(--spacing);\r\n  background-color: var(--box-alt-background-color);\r\n  z-index: var(--popup-z-index);\r\n}\r\n\r\n.popup-content {\r\n  padding: var(--spacing);\r\n}\r\n\r\n// This is used for group lists such as the branch picker\r\n.popup-inner-content {\r\n  border: var(--base-border);\r\n  border-radius: var(--border-radius);\r\n  background: var(--background-color);\r\n}\r\n\r\n.popup-actions {\r\n  margin-top: var(--spacing);\r\n}\r\n\r\n.popup-error-output {\r\n  font-family: var(--font-family-monospace);\r\n  font-size: var(--font-size-sm);\r\n  margin: 0;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n.popup-overlay {\r\n  z-index: var(--popup-overlay-z-index);\r\n\r\n  background: black;\r\n  opacity: 0.4;\r\n  height: 100%;\r\n}\r\n","progress {\r\n  -webkit-appearance: none;\r\n  height: 10px;\r\n  background-color: var(--box-alt-background-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    background-color: transparent;\r\n  }\r\n\r\n  &::-webkit-progress-value {\r\n    background-color: var(--text-color);\r\n  }\r\n\r\n  &:indeterminate {\r\n    background-image: -webkit-linear-gradient(-45deg, transparent 33%, var(--text-color) 33%, var(--text-color) 66%, transparent 66%);\r\n    background-size: 25px 10px, 100% 100%, 100% 100%;\r\n\r\n    -webkit-animation: progress-indeterminate-animation 5s linear infinite;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes progress-indeterminate-animation {\r\n  100% {\r\n    background-position: 100px 0px;\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.branches-container {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 365px;\r\n\r\n  & > .tab-bar {\r\n    border-top: var(--base-border);\r\n  }\r\n\r\n  .branches-list {\r\n    width: 365px;\r\n    min-height: 0;\r\n  }\r\n\r\n  &.resizable {\r\n    width: 100%;\r\n\r\n    .branches-list {\r\n      width: 100%;\r\n\r\n      &-item {\r\n        .name {\r\n          max-width: unset;\r\n        }\r\n      }\r\n    }\r\n\r\n    .no-pull-requests {\r\n      margin: var(--spacing) auto;\r\n    }\r\n  }\r\n\r\n  .branches-list-item {\r\n    height: 100%;\r\n\r\n    // While dragging we don't want tooltips from the underlying item to show\r\n    &.drop-target * {\r\n      pointer-events: none;\r\n    }\r\n\r\n    &.new-branch-drop {\r\n      margin-top: var(--spacing-half);\r\n      height: 30px;\r\n      flex-grow: revert;\r\n    }\r\n  }\r\n}\r\n\r\n.branches-container-panel {\r\n  display: flex;\r\n  flex: 1;\r\n}\r\n\r\n.pull-request-tab {\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  align-items: center;\r\n\r\n  .count {\r\n    display: flex;\r\n\r\n    background: var(--tab-bar-count-background-color);\r\n    color: var(--tab-bar-count-color);\r\n\r\n    margin-left: var(--spacing-half);\r\n\r\n    // Perfectly round semi circle ends with real tight\r\n    // padding on either side. Now in two flavors!\r\n    @include darwin {\r\n      height: 13px;\r\n      line-height: 13px;\r\n    }\r\n\r\n    @include win32 {\r\n      height: 14px;\r\n      line-height: 14px;\r\n    }\r\n\r\n    border-radius: 8px;\r\n    padding: 0 6px;\r\n\r\n    font-size: var(--font-size-xs);\r\n    font-weight: var(--font-weight-semibold);\r\n  }\r\n}\r\n\r\n.pull-request-list {\r\n  height: 100%;\r\n  width: 100%;\r\n\r\n  &.filter-list .filter-field-row {\r\n    // The rows have built-in margin to their content so\r\n    // we only need half a spacer here\r\n    margin-bottom: var(--spacing-half);\r\n  }\r\n\r\n  .list-item.selected:focus {\r\n    .ci-status {\r\n      color: inherit;\r\n    }\r\n  }\r\n\r\n  .pull-request-item {\r\n    padding: 0 var(--spacing);\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    min-width: 0;\r\n    flex-grow: 1;\r\n    height: 100%;\r\n\r\n    // While dragging we don't want tooltips from the underlying item to show\r\n    &.drop-target div {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .icon {\r\n      margin-left: var(--spacing-half);\r\n      margin-right: var(--spacing);\r\n      flex-shrink: 0;\r\n\r\n      // Align the icon baseline with the title text\r\n      align-self: flex-start;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    &.open .icon {\r\n      color: var(--pr-open-icon-color);\r\n    }\r\n    &.draft .icon {\r\n      color: var(--pr-draft-icon-color);\r\n    }\r\n\r\n    .info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n      flex-grow: 1;\r\n      margin-right: var(--spacing-half);\r\n\r\n      .title {\r\n        @include ellipsis;\r\n        min-width: 0;\r\n        font-weight: var(--font-weight-semibold);\r\n      }\r\n\r\n      .subtitle {\r\n        @include ellipsis;\r\n        min-width: 0;\r\n        font-weight: var(--font-weight-light);\r\n        font-size: var(--font-size-sm);\r\n        color: var(--text-secondary-color);\r\n      }\r\n    }\r\n\r\n    .ci-status-container {\r\n      margin-right: var(--spacing-half);\r\n      min-width: 16px;\r\n      text-align: center;\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n\r\n  .filter-list-group-header {\r\n    @include ellipsis;\r\n  }\r\n}\r\n\r\n.branches-list {\r\n  &-item {\r\n    padding: 0 var(--spacing);\r\n  }\r\n\r\n  &-item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    min-width: 0;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n\r\n    .icon {\r\n      margin-right: var(--spacing-half);\r\n      width: 16px; // Force a consistent width\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .name {\r\n      flex-grow: 2;\r\n      @include ellipsis;\r\n      max-width: 65%;\r\n      margin-right: var(--spacing-half);\r\n\r\n      /* Used to highlight substring matches in filtered lists */\r\n      mark {\r\n        font-weight: bold;\r\n        /* Reset browser defaults */\r\n        background-color: inherit;\r\n        color: currentColor;\r\n      }\r\n    }\r\n\r\n    .description {\r\n      margin-right: var(--spacing-half);\r\n      color: var(--text-secondary-color);\r\n      font-size: var(--font-size-sm);\r\n      flex-grow: 1;\r\n      text-align: right;\r\n      white-space: nowrap;\r\n    }\r\n  }\r\n}\r\n\r\n.no-pull-requests {\r\n  width: 365px;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: var(--spacing);\r\n\r\n  .title {\r\n    font-weight: var(--font-weight-semibold);\r\n  }\r\n\r\n  .no-prs {\r\n    padding-bottom: var(--spacing);\r\n  }\r\n\r\n  .call-to-action {\r\n    font-size: var(--font-size-sm);\r\n    .link-button-component {\r\n      display: unset;\r\n    }\r\n  }\r\n}\r\n",".emoji {\r\n  width: 16px;\r\n  height: 16px;\r\n  vertical-align: text-bottom;\r\n}\r\n",".ui-view {\r\n  /* Layout children top to bottom by default */\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  /* Expand to take the remaining app width after the sidebar */\r\n  flex-grow: 1;\r\n\r\n  /* See https://css-tricks.com/flexbox-truncated-text/\r\n   * We need to do this \"hack\" or else the container will\r\n   * always grow to fit the intrinsic width of its children\r\n   * and thus killing our text truncation in the title.\r\n   */\r\n  min-width: 0;\r\n}\r\n","@import '../mixins';\r\n\r\n.autocompletion-container {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  // Overflow must be hidden to prevent the \"invisible caret\" to generate an\r\n  // horizontal scrollbar when, due to scrolling, that caret is outside the\r\n  // visible area.\r\n  overflow: hidden;\r\n}\r\n\r\n.autocompletion-popup {\r\n  overflow: hidden; // To get those sweet rounded corners\r\n}\r\n\r\n.autocompletion-popup {\r\n  display: flex;\r\n  width: 250px;\r\n\r\n  border-radius: var(--border-radius);\r\n\r\n  &.emoji {\r\n    width: 200px;\r\n  }\r\n  &.user {\r\n    width: 220px;\r\n  }\r\n  &.issue {\r\n    width: 300px;\r\n  }\r\n\r\n  background-color: var(--background-color);\r\n\r\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\r\n\r\n  .list-item,\r\n  li {\r\n    border-bottom: none;\r\n\r\n    &:not(:first-child) {\r\n      border-top: var(--base-border);\r\n    }\r\n\r\n    &.selected {\r\n      --text-color: var(--box-selected-active-text-color);\r\n      --text-secondary-color: var(--box-selected-active-text-color);\r\n\r\n      color: var(--text-color);\r\n      background-color: var(--box-selected-active-background-color);\r\n      border-top-color: var(--box-selected-active-background-color);\r\n\r\n      & + .list-item {\r\n        border-top-color: var(--box-selected-active-background-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.autocompletion-item {\r\n  flex-grow: 1;\r\n  height: 100%;\r\n  min-width: 0;\r\n  padding: 0 var(--spacing);\r\n\r\n  /* Used to highlight substring matches in autocompletion texts */\r\n  mark {\r\n    font-weight: bold;\r\n    /* Reset browser defaults */\r\n    background-color: inherit;\r\n    color: currentColor;\r\n  }\r\n\r\n  .emoji {\r\n    display: flex;\r\n    flex-grow: 1;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n    align-items: center;\r\n\r\n    .icon {\r\n      flex-shrink: 0;\r\n      height: 20px;\r\n      width: 20px;\r\n      font-size: 15px;\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    .title {\r\n      @include ellipsis;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  .issue {\r\n    display: flex;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    .number {\r\n      color: var(--text-secondary-color);\r\n    }\r\n\r\n    .title {\r\n      @include ellipsis;\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n  }\r\n\r\n  .user {\r\n    display: flex;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    &.unknown {\r\n      .username {\r\n        font-style: italic;\r\n      }\r\n\r\n      .description {\r\n        @include ellipsis;\r\n        color: var(--text-secondary-color);\r\n        font-style: italic;\r\n        font-size: var(--font-size-sm);\r\n      }\r\n    }\r\n\r\n    .username {\r\n      @include ellipsis;\r\n      font-weight: var(--font-weight-semibold);\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    .name {\r\n      @include ellipsis;\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n}\r\n","#welcome {\r\n  // This is used to scale the font and inputs so that they are bigger on large\r\n  // screens. Before, we used the `zoom` property, but that was causing issues\r\n  // with the layout when zooming in/out.\r\n  --welcome-scale: 1;\r\n\r\n  @media screen and (min-width: 1366px) and (min-height: 700px) {\r\n    --welcome-scale: 1.2;\r\n  }\r\n\r\n  @media screen and (min-width: 1400px) and (min-height: 725px) {\r\n    --welcome-scale: 1.3;\r\n  }\r\n\r\n  @media screen and (min-width: 1600px) and (min-height: 750px) {\r\n    --welcome-scale: 1.4;\r\n  }\r\n\r\n  @media screen and (min-width: 1800px) and (min-height: 775px) {\r\n    --welcome-scale: 1.5;\r\n  }\r\n\r\n  --welcome-font-size: calc(var(--font-size) * var(--welcome-scale));\r\n  --welcome-font-size-sm: calc(var(--font-size-sm) * var(--welcome-scale));\r\n  --welcome-font-size-md: calc(var(--font-size-md) * var(--welcome-scale));\r\n  --welcome-font-size-xxl: calc(var(--font-size-xxl) * var(--welcome-scale));\r\n\r\n  // Override the height of some components to make them bigger. The new height\r\n  // is platform specific and defined as --welcome-item-height\r\n  --text-field-height: calc(var(--welcome-item-height) * var(--welcome-scale));\r\n  --button-height: calc(var(--welcome-item-height) * var(--welcome-scale));\r\n  --radio-control-radius: calc(13px * var(--welcome-scale));\r\n\r\n  --welcome-content-width: calc(500px * var(--welcome-scale));\r\n  --avatar-size: calc(16px * var(--welcome-scale));\r\n\r\n  align-items: stretch;\r\n  justify-content: center;\r\n  flex-direction: row;\r\n  font-size: var(--welcome-font-size-md);\r\n\r\n  input[type='radio'] {\r\n    width: var(--radio-control-radius);\r\n    height: var(--radio-control-radius);\r\n  }\r\n\r\n  #configure-git {\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n\r\n    #configure-git-user {\r\n      padding-bottom: var(--spacing);\r\n      #commit-list.commit-list-example {\r\n        .commit {\r\n          font-size: var(--welcome-font-size);\r\n        }\r\n        .header,\r\n        .byline {\r\n          font-size: var(--welcome-font-size-sm);\r\n        }\r\n\r\n        .avatar {\r\n          width: var(--avatar-size);\r\n          height: var(--avatar-size);\r\n        }\r\n\r\n        .AvatarStack.AvatarStack--small {\r\n          width: calc(var(--avatar-size) + 5px);\r\n          height: var(--avatar-size);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .actions {\r\n    display: flex;\r\n  }\r\n\r\n  #sign-in-dot-com {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .form-component {\r\n      display: block;\r\n    }\r\n\r\n    .actions {\r\n      margin-top: var(--spacing-double);\r\n    }\r\n\r\n    hr {\r\n      margin: var(--spacing-double) 0;\r\n    }\r\n  }\r\n\r\n  #sign-in-enterprise {\r\n    .sign-in-form {\r\n      margin-top: 0;\r\n\r\n      > button {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n\r\n    .sign-in-footer {\r\n      margin-top: var(--spacing-double);\r\n    }\r\n\r\n    .actions {\r\n      display: inline-block;\r\n      margin-top: var(--spacing-double);\r\n    }\r\n\r\n    hr {\r\n      margin: var(--spacing-double) 0;\r\n    }\r\n  }\r\n\r\n  #configure-git-user .form-component {\r\n    div:last-child {\r\n      margin-top: var(--spacing);\r\n    }\r\n  }\r\n\r\n  #usage-opt-out {\r\n    .welcome-title {\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  input,\r\n  button,\r\n  select {\r\n    font-size: var(--welcome-font-size-md);\r\n  }\r\n\r\n  input {\r\n    padding: var(--spacing-half);\r\n  }\r\n\r\n  select {\r\n    // We need to tweak the horizontal padding a bit here to fit correctly with\r\n    // the bigger size\r\n    padding: 0 1px;\r\n  }\r\n\r\n  button {\r\n    margin-right: var(--spacing);\r\n    padding: var(--spacing-half) var(--spacing);\r\n  }\r\n\r\n  .form-component {\r\n    .text-box-component {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n  }\r\n\r\n  .actions {\r\n    margin-top: var(--spacing);\r\n  }\r\n\r\n  &.exiting {\r\n    .welcome-left {\r\n      transition: transform 250ms ease-in-out;\r\n      transform: translateX(-100%);\r\n    }\r\n    .welcome-right {\r\n      transition: transform 250ms ease-in-out;\r\n      transform: translateX(100%);\r\n    }\r\n  }\r\n\r\n  .create-account-link {\r\n    font-weight: var(--font-weight-semibold);\r\n  }\r\n\r\n  .welcome-main-buttons {\r\n    margin-top: var(--spacing-quad);\r\n\r\n    .button-component {\r\n      padding-left: var(--spacing-double);\r\n      padding-right: var(--spacing-double);\r\n      margin: 0 var(--spacing-double) var(--spacing) 0;\r\n\r\n      // Allows the button to take of full-width of the container when wrapped.\r\n      @media screen and (max-width: 600px) {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n\r\n    .octicon.spin {\r\n      margin-right: var(--spacing);\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.welcome-title,\r\n.welcome-text {\r\n  margin: 0;\r\n}\r\n\r\n.welcome-title {\r\n  font-size: var(--welcome-font-size-xxl);\r\n  font-weight: var(--font-weight-light);\r\n  line-height: 1.25;\r\n  margin-bottom: var(--spacing);\r\n\r\n  span {\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n.welcome-text {\r\n  margin: var(--spacing) 0;\r\n}\r\n\r\n.sign-in-field {\r\n  width: 100%;\r\n}\r\n\r\n.welcome-right {\r\n  flex-grow: 1;\r\n  width: 40%;\r\n}\r\n\r\n.welcome-left {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 60%;\r\n  padding: var(--spacing-quad);\r\n  position: relative;\r\n  height: 100vh;\r\n  overflow-y: auto;\r\n\r\n  .welcome-content {\r\n    max-width: var(--welcome-content-width);\r\n    width: 100%;\r\n\r\n    section {\r\n      // allows scrolling of flex containers\r\n      max-height: 100vh;\r\n    }\r\n  }\r\n\r\n  .welcome-graphic-bottom {\r\n    position: absolute;\r\n    right: var(--spacing);\r\n    bottom: var(--spacing);\r\n\r\n    height: auto;\r\n    max-height: 100%;\r\n    width: 40%;\r\n    // I hate this but we'll have to live with it for beta.\r\n    z-index: -1;\r\n  }\r\n\r\n  .welcome-graphic-top {\r\n    position: absolute;\r\n    right: 80px;\r\n    top: 40px;\r\n\r\n    height: auto;\r\n    max-height: 100%;\r\n    width: 20%;\r\n    // I hate this but we'll have to live with it for beta.\r\n    z-index: -1;\r\n  }\r\n}\r\n\r\n#start {\r\n  // makes up for the padding on the welcome-left that is applied to all welcome screens\r\n  // Having a min-height makes the start-footer be able to flex to take up the remaining vertical space\r\n  min-height: calc(100vh - 2 * var(--spacing-quad));\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .start-content {\r\n    // Make content take of remaining height of container besides the footer.\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    // The footer is ~100px tall in 100% zoom, this makes it so that the\r\n    // start-content is centered vertically on the screen for default zoom levels.\r\n    // Other levels, we are more concerned about not clipping then visual\r\n    // centering.\r\n    margin-top: 100px;\r\n  }\r\n\r\n  .start-footer {\r\n    font-size: var(--welcome-font-size-sm);\r\n    color: var(--text-secondary-color);\r\n  }\r\n}\r\n\r\n.welcome-right {\r\n  background-color: #28373b;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  padding: var(--spacing-quad) 0 0 var(--spacing-quad);\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  .welcome-graphic {\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: left;\r\n  }\r\n}\r\n\r\n.skip-action-container {\r\n  margin-top: var(--spacing-quad);\r\n\r\n  .skip-button {\r\n    color: var(--text-secondary-color);\r\n  }\r\n}\r\n\r\n.forgot-password-link {\r\n  align-self: center;\r\n  margin-left: var(--spacing);\r\n}\r\n\r\n@include win32-context {\r\n  #welcome {\r\n    --welcome-item-height: 31.5px;\r\n  }\r\n}\r\n\r\n@include darwin-context {\r\n  #welcome {\r\n    --welcome-item-height: 29px;\r\n  }\r\n}\r\n","#foldout-container {\r\n  z-index: var(--foldout-z-index);\r\n\r\n  .overlay {\r\n    // No focus styles whatsovever for the overlay.\r\n    // The overlay has a tab index of -1 so that clicking on it\r\n    // won't immediately trigger the lost focus event on the app\r\n    // menu bar.\r\n    &:focus {\r\n      outline: none;\r\n      border: none;\r\n      box-shadow: none;\r\n    }\r\n\r\n    background: var(--overlay-background-color);\r\n    height: 100%;\r\n  }\r\n\r\n  .foldout {\r\n    background: var(--background-color);\r\n    color: var(--text-color);\r\n  }\r\n}\r\n","#preferences {\r\n  .preferences-container {\r\n    display: flex;\r\n    .tab-container {\r\n      border-left: var(--base-border);\r\n      flex: 1;\r\n    }\r\n\r\n    fieldset {\r\n      border: none;\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      padding-left: 0;\r\n      padding-right: 0;\r\n    }\r\n\r\n    .advanced-section {\r\n      &:not(:last-child) {\r\n        margin-bottom: var(--spacing);\r\n      }\r\n\r\n      .checkbox-component:not(:last-child) {\r\n        margin-bottom: var(--spacing-half);\r\n      }\r\n\r\n      .git-settings-description {\r\n        margin-top: var(--spacing);\r\n      }\r\n\r\n      .setting-hint-warning {\r\n        margin-top: var(--spacing);\r\n      }\r\n\r\n      .warning-icon {\r\n        color: var(--warning-badge-icon-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .tab-bar {\r\n    .icon {\r\n      width: 16px;\r\n    }\r\n  }\r\n\r\n  .accounts-tab {\r\n    .account-info {\r\n      .user-info-container {\r\n        display: flex;\r\n        flex-grow: 1;\r\n        gap: var(--spacing);\r\n      }\r\n\r\n      .avatar {\r\n        // 32px for the image + 2 on each side for the base border.\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n        align-self: center;\r\n      }\r\n\r\n      .user-info {\r\n        flex-grow: 1;\r\n        align-self: flex-start;\r\n\r\n        .account-title,\r\n        .name {\r\n          font-weight: var(--font-weight-semibold);\r\n          // Tighten it up a little so that the real name and\r\n          // username lines up with the avatar.\r\n          margin-top: -2px;\r\n          margin-bottom: -2px;\r\n        }\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .account-info {\r\n        flex-direction: column;\r\n\r\n        .user-info-container {\r\n          margin-bottom: var(--spacing);\r\n        }\r\n\r\n        .button-component {\r\n          align-self: normal;\r\n        }\r\n      }\r\n    }\r\n\r\n    .call-to-action {\r\n      display: block;\r\n\r\n      .button-component {\r\n        margin-top: var(--spacing);\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .no-options-found {\r\n    label {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    span {\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n\r\n  .default-branch-component {\r\n    margin-top: var(--spacing-double);\r\n\r\n    .ref-name-text-box {\r\n      margin-top: var(--spacing);\r\n    }\r\n\r\n    #default-branch-description {\r\n      margin-top: var(--spacing);\r\n    }\r\n  }\r\n\r\n  .git-settings-description {\r\n    margin-top: var(--spacing-double);\r\n    font-size: var(--font-size-sm);\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  .theme-selector {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: 0 calc(var(--spacing-half) * -1);\r\n\r\n    .radio-button-component {\r\n      display: block;\r\n      flex-shrink: 0;\r\n      padding: var(--spacing-half);\r\n      position: relative;\r\n      width: 50%;\r\n      margin: 0;\r\n\r\n      input[type='radio'] {\r\n        position: absolute;\r\n        left: calc(var(--spacing) + var(--spacing-half));\r\n        margin-top: calc(54.5%);\r\n\r\n        &:checked + label {\r\n          border-color: var(--box-selected-active-background-color);\r\n        }\r\n      }\r\n\r\n      label {\r\n        border-radius: var(--border-radius);\r\n        border: var(--base-border);\r\n        float: left;\r\n        overflow: hidden;\r\n        padding-bottom: var(--spacing-half);\r\n        width: 100%;\r\n        margin: 0;\r\n\r\n        .theme-value-label {\r\n          margin-left: calc(var(--spacing-triple));\r\n        }\r\n\r\n        img {\r\n          width: 100%;\r\n          border-bottom: var(--base-border);\r\n          margin-bottom: var(--spacing-half);\r\n          display: block;\r\n        }\r\n\r\n        .system-theme-swatch {\r\n          width: 100%;\r\n          position: relative;\r\n          display: block;\r\n\r\n          img {\r\n            position: absolute;\r\n            top: 0;\r\n\r\n            &:first-child {\r\n              position: inherit;\r\n            }\r\n\r\n            &:last-child {\r\n              clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 100%);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#external-editor-error {\r\n  width: 450px;\r\n\r\n  p {\r\n    word-wrap: break-word;\r\n  }\r\n}\r\n\r\n.custom-integration-form-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  gap: var(--spacing-half);\r\n\r\n  .custom-integration-form-path-container {\r\n    display: flex;\r\n    gap: var(--spacing);\r\n  }\r\n}\r\n\r\n.custom-theme-selector {\r\n  .custom-theme-selecter-header {\r\n    display: flex;\r\n    width: 375px;\r\n    button {\r\n      margin-left: auto;\r\n    }\r\n    h2 {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .swatch-box {\r\n    width: 31%;\r\n    float: left;\r\n    background-color: rgb(228, 228, 228);\r\n    border: 1px solid black;\r\n    color: black;\r\n    text-align: center;\r\n    margin: 1%;\r\n    padding: 1px;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .theme-option-swatch {\r\n    display: inline-block;\r\n    border-radius: 5px;\r\n    border: 1px solid black;\r\n    width: 100%;\r\n    height: 50px;\r\n    &:hover {\r\n      border-width: 2px;\r\n      outline: 1px solid rgb(228, 228, 228);\r\n    }\r\n    margin: auto;\r\n  }\r\n\r\n  .color-picker-container {\r\n    position: absolute;\r\n    width: 100px;\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.path-text-component {\r\n  @include ellipsis;\r\n\r\n  .dirname {\r\n    color: var(--text-secondary-color);\r\n  }\r\n}\r\n",".path-label-component {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-grow: 1;\r\n  align-self: center;\r\n  min-width: 0;\r\n  margin-right: var(--spacing-half);\r\n\r\n  .rename-arrow {\r\n    margin: 0 var(--spacing-half);\r\n  }\r\n}\r\n","#configure-git-user {\r\n  .form-component {\r\n    margin: var(--spacing-double) 0;\r\n\r\n    // prevents jumpiness when switching between manual and github account options\r\n    .sign-in-form-inputs {\r\n      min-height: 150px;\r\n    }\r\n\r\n    .text-box-component {\r\n      flex: unset;\r\n    }\r\n  }\r\n\r\n  .config-lock-file-exists-component {\r\n    background: var(--form-error-background);\r\n    border: 1px solid var(--form-error-border-color);\r\n    color: var(--form-error-text-color);\r\n    font-size: var(--font-size-sm);\r\n    padding: var(--spacing-half);\r\n    border-radius: var(--border-radius);\r\n  }\r\n\r\n  // Styles for the commit list that's shown in the Configure Git component.\r\n  .commit-list-example {\r\n    position: relative;\r\n\r\n    background: white;\r\n\r\n    border: var(--base-border);\r\n    border-radius: var(--border-radius);\r\n\r\n    .header {\r\n      background: rgb(242, 248, 254);\r\n      padding: var(--spacing-half) var(--spacing);\r\n      font-size: var(--font-size-sm);\r\n    }\r\n\r\n    .commit {\r\n      font-size: var(--font-size);\r\n      padding: var(--spacing-half) var(--spacing);\r\n      width: 100%;\r\n      max-width: 280px;\r\n      border-bottom: none;\r\n    }\r\n  }\r\n\r\n  .git-config-loading {\r\n    color: var(--text-secondary-color);\r\n  }\r\n}\r\n",".form-component {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  margin: var(--spacing-half) 0;\r\n\r\n  & > *:not(:last-child) {\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  hr {\r\n    width: 100%;\r\n    border: none;\r\n    height: 1px;\r\n    border-bottom: var(--base-border);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.text-box-component {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  position: relative;\r\n\r\n  & > label {\r\n    overflow-wrap: anywhere;\r\n    margin-bottom: var(--spacing-third);\r\n  }\r\n\r\n  input {\r\n    @include textboxish;\r\n\r\n    &:read-only {\r\n      @include textboxish-disabled-styles;\r\n    }\r\n\r\n    // Customize the \"clear\" icon on search text inputs to match our\r\n    // theme icons and colors.\r\n    //\r\n    // To do so, we're creating an opaque 16x16 element with the background color\r\n    // that we want the icon to appear in and then apply the icon path\r\n    // as a mask, that way we can control the color dynamically based on\r\n    // our variables instead of hardcoding it in the SVG.\r\n    &[type='search']::-webkit-search-cancel-button {\r\n      -webkit-appearance: none;\r\n      width: 16px;\r\n      height: 16px;\r\n      margin-right: 0;\r\n      background-color: var(--text-color);\r\n      // The following SVG corresponds to the `x` octicon in 16px size:\r\n      // https://github.com/primer/octicons/blob/4661c1e0aa30c7d252318d2b003af782a6891089/icons/x-16.svg#L1\r\n      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\"/></svg>');\r\n      -webkit-mask-repeat: no-repeat;\r\n    }\r\n  }\r\n\r\n  &.display-clear-button input {\r\n    padding-inline-end: var(--text-field-height);\r\n  }\r\n\r\n  &.display-prefixed-icon input {\r\n    padding-left: var(--text-field-height);\r\n  }\r\n\r\n  .prefixed-icon {\r\n    position: absolute;\r\n    top: var(--spacing-half);\r\n    left: var(--spacing-half);\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  button.clear-button {\r\n    position: absolute;\r\n    right: 1px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 0;\r\n    background: none;\r\n    width: var(--text-field-height);\r\n    height: var(--text-field-height);\r\n    color: var(--text-color);\r\n  }\r\n\r\n  &:not(.no-invalid-state) :not(:focus):invalid {\r\n    border-color: var(--error-color);\r\n  }\r\n}\r\n","@import './platform';\r\n\r\n// Essentially all the styles needed to transform a text box\r\n// input element into something that doesn't look horrendous.\r\n// It's a mix in because the styles are shared between inputs\r\n// and select components.\r\n@mixin textboxish {\r\n  border: var(--contrast-border);\r\n  border-radius: var(--border-radius);\r\n  background: var(--box-background-color);\r\n  color: currentColor;\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family-sans-serif);\r\n  height: var(--text-field-height);\r\n  padding: 0 var(--spacing-half);\r\n\r\n  &:focus {\r\n    @include textboxish-focus-styles;\r\n  }\r\n\r\n  &::-webkit-input-placeholder {\r\n    color: var(--box-placeholder-color);\r\n  }\r\n\r\n  &:disabled {\r\n    @include textboxish-disabled-styles;\r\n  }\r\n}\r\n\r\n@mixin textboxish-focus-styles {\r\n  outline: none;\r\n  border-color: var(--focus-color);\r\n  box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color);\r\n}\r\n\r\n@mixin textboxish-disabled-styles {\r\n  background: var(--box-alt-background-color);\r\n  color: var(--text-secondary-color);\r\n}\r\n",".password-text-box {\r\n  position: relative;\r\n  margin-bottom: 0;\r\n  display: flex;\r\n  flex-grow: 1;\r\n\r\n  .text-box-component {\r\n    input {\r\n      padding-right: var(--spacing-triple);\r\n    }\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  button {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 16px;\r\n    margin-right: 0 !important;\r\n    height: var(--text-field-height);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0 15px !important;\r\n    color: var(--text-secondary-color);\r\n\r\n    // Removing the default button styles\r\n    overflow: inherit;\r\n    text-overflow: inherit;\r\n    white-space: inherit;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    border: none;\r\n    background-color: inherit !important;\r\n  }\r\n}\r\n",".ref-name-text-box {\r\n  margin-bottom: var(--spacing);\r\n\r\n  .warning-helper-text {\r\n    display: flex;\r\n    margin-top: var(--spacing);\r\n  }\r\n}\r\n",".radio-button-component {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  & + .radio-button-component {\r\n    margin-top: var(--spacing-half);\r\n  }\r\n\r\n  & > input {\r\n    margin: 0;\r\n  }\r\n\r\n  & > label {\r\n    margin: 0;\r\n    margin-left: var(--spacing-half);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.button-component {\r\n  @include ellipsis;\r\n  // Chrome on Windows ignores the body element\r\n  // font-family and uses Arial so we redefine\r\n  // it here\r\n  font-family: var(--font-family-sans-serif);\r\n  font-size: var(--font-size);\r\n\r\n  padding: 0 var(--spacing);\r\n\r\n  border: 1px solid var(--secondary-button-border-color);\r\n  height: var(--button-height);\r\n\r\n  color: var(--secondary-button-text-color);\r\n  background-color: var(--secondary-button-background);\r\n\r\n  border-radius: var(--button-border-radius);\r\n\r\n  &:not([aria-disabled='true']):hover {\r\n    border-color: var(--secondary-button-hover-border-color);\r\n    background-color: var(--secondary-button-hover-background);\r\n  }\r\n\r\n  &:focus {\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  &[aria-disabled='true'] {\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .octicon {\r\n    vertical-align: middle;\r\n  }\r\n\r\n  &.button-with-icon .octicon {\r\n    margin-left: var(--spacing);\r\n  }\r\n}\r\n\r\n.button-component[type='submit'],\r\n.button-component-primary {\r\n  background-color: var(--button-background);\r\n  color: var(--button-text-color);\r\n  border: 1px solid var(--button-background);\r\n\r\n  &:not([aria-disabled='true']):hover {\r\n    border-color: var(--button-background);\r\n    background-color: var(--button-hover-background);\r\n  }\r\n\r\n  &:focus {\r\n    background-color: var(--button-hover-background);\r\n    border-color: var(--button-background);\r\n    outline-offset: 4px;\r\n  }\r\n}\r\n\r\n.link-button-component {\r\n  color: var(--link-button-color);\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  &[aria-disabled='true'] {\r\n    opacity: 0.6;\r\n    cursor: default;\r\n    text-decoration: none;\r\n  }\r\n\r\n  &.link-with-icon .octicon {\r\n    margin-left: var(--spacing-half);\r\n  }\r\n}\r\n\r\n.small-button {\r\n  font-size: var(--font-size-sm);\r\n  padding: 0 var(--spacing-half);\r\n  height: 21px;\r\n}\r\n\r\n.button-group-item {\r\n  border-right-width: 0;\r\n  border-radius: 0;\r\n\r\n  &:first-child {\r\n    border-top-left-radius: var(--button-border-radius);\r\n    border-bottom-left-radius: var(--button-border-radius);\r\n  }\r\n\r\n  &:last-child {\r\n    border-right-width: 1px;\r\n    border-top-right-radius: var(--button-border-radius);\r\n    border-bottom-right-radius: var(--button-border-radius);\r\n  }\r\n\r\n  &.selected,\r\n  &:focus,\r\n  &:active,\r\n  &:hover {\r\n    border-right-width: 1px;\r\n\r\n    + .button-group-item {\r\n      border-left-width: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.button-group-item {\r\n  &:focus,\r\n  &:active {\r\n    z-index: 1;\r\n  }\r\n}\r\n\r\n.button-component.copy-button .octicon {\r\n  height: 12px;\r\n  width: 12px;\r\n}\r\n","@import '../mixins';\r\n\r\n.select-component {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-grow: 1;\r\n\r\n  label {\r\n    @include ellipsis;\r\n    margin-bottom: var(--spacing-third);\r\n  }\r\n\r\n  // Custom styles for select components because a) they look horrible\r\n  // on Windows and b) because we need them to inherit colors and other\r\n  // appearance from our global variables. Therefore we treat them more\r\n  // or less exactly as a text box.\r\n  select {\r\n    // Make the select look like a text box.\r\n    @include textboxish;\r\n\r\n    // Don't include the default padding from textboxish, it's too much\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n",".row-component {\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  & > *:not(:last-child) {\r\n    margin-right: var(--spacing);\r\n  }\r\n\r\n  .button-component {\r\n    align-self: flex-end;\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.text-area-component {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n\r\n  textarea {\r\n    @include textboxish;\r\n\r\n    &:read-only {\r\n      @include textboxish-disabled-styles;\r\n    }\r\n\r\n    height: auto;\r\n    resize: none;\r\n    min-height: 100px;\r\n  }\r\n}\r\n",".checkbox-component {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  input {\r\n    margin: 0;\r\n\r\n    // Only add a right margin if there's a label attached to it\r\n    &:not(:last-child) {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n}\r\n",".errors-component {\r\n  background: var(--form-error-background);\r\n  border: 1px solid var(--form-error-border-color);\r\n  border-radius: var(--border-radius);\r\n  color: var(--text-color);\r\n  font-size: var(--font-size-sm);\r\n  padding: var(--spacing-half);\r\n}\r\n","@import '../../mixins';\r\n\r\ndialog#conflicts-dialog {\r\n  width: 500px;\r\n\r\n  .summary {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .dialog-header h1 {\r\n    font-weight: var(--font-weight-light);\r\n  }\r\n\r\n  .dialog-content {\r\n    padding-bottom: var(--spacing);\r\n  }\r\n\r\n  .green-circle {\r\n    background-color: var(--color-new);\r\n    color: var(--background-color);\r\n    border-radius: 50%;\r\n    height: 22px;\r\n    width: 22px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  ul {\r\n    list-style: none;\r\n    padding: 0 var(--spacing-double);\r\n    margin: 0 calc(-1 * var(--spacing-double));\r\n    max-height: 285px;\r\n    overflow-y: auto;\r\n\r\n    li {\r\n      margin-bottom: var(--spacing-double);\r\n      padding-left: 0;\r\n    }\r\n\r\n    li:last-of-type {\r\n      margin-bottom: calc(var(--spacing) * 2);\r\n    }\r\n\r\n    li.unmerged-file-status-resolved,\r\n    li.unmerged-file-status-conflicts {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n\r\n      .file-octicon {\r\n        margin-right: var(--spacing);\r\n      }\r\n\r\n      .column-left {\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        flex-grow: 1;\r\n        min-width: 0;\r\n        align-items: start;\r\n        padding-right: var(--spacing);\r\n\r\n        .path-text-component {\r\n          text-overflow: ellipsis;\r\n          max-width: 100%;\r\n        }\r\n      }\r\n\r\n      .action-buttons {\r\n        margin-left: auto;\r\n        flex-shrink: 0;\r\n        flex: 0 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        .resolve-arrow-menu {\r\n          line-height: 18px;\r\n        }\r\n      }\r\n\r\n      .undo-button {\r\n        align-self: center;\r\n        margin-right: var(--spacing-half);\r\n        flex: 0 0 auto;\r\n      }\r\n\r\n      .green-circle:last-child {\r\n        margin-left: auto;\r\n        flex-shrink: 0;\r\n        flex: 0 0 auto;\r\n        align-self: center;\r\n      }\r\n    }\r\n\r\n    .unmerged-file-status-resolved .file-conflicts-status {\r\n      color: var(--color-new);\r\n    }\r\n\r\n    .unmerged-file-status-conflicts {\r\n      .file-conflicts-status {\r\n        color: var(--color-conflicted);\r\n      }\r\n\r\n      .command-line-hint {\r\n        color: var(--text-secondary-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .all-conflicts-resolved {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    padding: var(--spacing) 0 var(--spacing-double);\r\n\r\n    .message {\r\n      padding-left: var(--spacing);\r\n      padding-top: var(--spacing-third);\r\n    }\r\n  }\r\n\r\n  .arrow-menu {\r\n    .octicon {\r\n      width: 10px;\r\n      height: 14px;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n}\r\n","dialog#cherry-pick-progress,\r\ndialog#rebase-progress,\r\ndialog#multi-commit-progress {\r\n  progress {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n\r\n    &::-webkit-progress-bar {\r\n      background-color: transparent;\r\n    }\r\n\r\n    &::-webkit-progress-value {\r\n      background-color: var(--dialog-progress-background);\r\n      // ensure a smooth transition if the rebase goes immediately from 0 to 100%\r\n      transition: width 1s ease;\r\n    }\r\n\r\n    max-width: 100%;\r\n    width: 100%;\r\n    margin-bottom: var(--spacing);\r\n  }\r\n  .details {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    padding: var(--spacing) 0 var(--spacing-double);\r\n\r\n    .green-circle {\r\n      background-color: var(--color-new);\r\n      color: var(--background-color);\r\n      border-radius: 50%;\r\n      height: 22px;\r\n      width: 22px;\r\n      display: flex;\r\n      flex: 0 0 auto;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .summary {\r\n      padding-left: var(--spacing);\r\n\r\n      .message {\r\n        font-weight: bold;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\ndialog#abort-warning,\r\ndialog#abort-merge-warning {\r\n  width: 450px;\r\n\r\n  .column-left {\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    align-items: start;\r\n  }\r\n}\r\n","dialog#push-needs-pull-warning {\r\n  width: 450px;\r\n\r\n  .spin {\r\n    margin-right: var(--spacing-half);\r\n  }\r\n}\r\n","#publish-repository {\r\n  width: 450px;\r\n\r\n  .account-picker {\r\n    width: 100%;\r\n  }\r\n}\r\n","#repository-settings {\r\n  width: 600px;\r\n\r\n  .dialog-content {\r\n    min-height: 305px;\r\n  }\r\n\r\n  .no-remote {\r\n    justify-content: space-between;\r\n\r\n    button {\r\n      flex-shrink: 0;\r\n      flex-grow: 0;\r\n      min-width: 120px;\r\n      align-self: center;\r\n    }\r\n  }\r\n\r\n  .tab-container {\r\n    display: flex;\r\n\r\n    .active-tab {\r\n      border-left: var(--base-border);\r\n      flex: 1;\r\n    }\r\n  }\r\n\r\n  .fork-settings-description {\r\n    margin-top: var(--spacing-double);\r\n    font-size: var(--font-size-sm);\r\n    color: var(--text-secondary-color);\r\n\r\n    li {\r\n      padding: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .no-remote-publish-message {\r\n    .link-button-component {\r\n      display: inline;\r\n    }\r\n  }\r\n\r\n  textarea.gitignore {\r\n    height: 130px;\r\n  }\r\n}\r\n","@import '../../../styles/variables';\r\n\r\n#release-notes {\r\n  max-height: 500px;\r\n  max-width: 800px;\r\n\r\n  .dialog-content {\r\n    // we'll own the layout inside here\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    max-height: 335px;\r\n    padding: var(--spacing) var(--spacing-triple);\r\n  }\r\n\r\n  .dialog-header {\r\n    height: 100px;\r\n\r\n    background: url('../static/common/release-note-header-left.svg') no-repeat left var(--spacing-double) top var(--spacing-half) / auto 90px,\r\n      url('../static/common/release-note-header-right.svg') no-repeat right var(--spacing-double) top var(--spacing-half) / auto 90px;\r\n\r\n    h1 {\r\n      display: flex;\r\n      flex-direction: column;\r\n      text-align: center;\r\n\r\n      .version {\r\n        font-size: 14px;\r\n        font-weight: var(--font-weight-semibold);\r\n      }\r\n\r\n      .date {\r\n        font-size: 11px;\r\n        color: var(--text-secondary-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .dialog-footer {\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  ul {\r\n    list-style: none;\r\n    padding-left: 0;\r\n\r\n    li {\r\n      padding-left: 0;\r\n    }\r\n  }\r\n\r\n  a.close {\r\n    align-self: flex-start;\r\n    z-index: 1;\r\n  }\r\n\r\n  .container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    overflow-x: hidden;\r\n    justify-content: space-around;\r\n\r\n    .column {\r\n      flex: 1 1 275px;\r\n      margin: 0 calc(var(--spacing) * 1.5) 0 0;\r\n      height: 100%;\r\n\r\n      .section {\r\n        margin: var(--spacing-double) 0;\r\n        .header {\r\n          font-size: 12px;\r\n          font-weight: var(--font-weight-semibold);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","#usage-reporting {\r\n  .ref-component {\r\n    word-break: break-word;\r\n  }\r\n  .checkbox-component {\r\n    margin-left: auto;\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\ndialog#stash-changes {\r\n  width: 450px;\r\n  .dialog-content {\r\n    .octicon {\r\n      color: var(--dialog-warning-color);\r\n      margin-right: var(--spacing);\r\n    }\r\n  }\r\n}\r\n","#commit-conflict-markers-warning {\r\n  .dialog-content .conflicted-files-text {\r\n    max-height: 175px;\r\n    overflow-y: auto;\r\n\r\n    ul {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n      margin-bottom: var(--spacing);\r\n\r\n      li {\r\n        padding-left: 0;\r\n        margin-bottom: 0;\r\n        font-family: var(--font-family-monospace);\r\n      }\r\n    }\r\n  }\r\n}\r\n","dialog#create-tutorial-repository-dialog {\r\n  width: 450px;\r\n\r\n  progress {\r\n    width: 100%;\r\n  }\r\n\r\n  .progress-container {\r\n    margin-top: var(--spacing);\r\n\r\n    .description {\r\n      font-family: var(--font-family-monospace);\r\n      font-size: var(--font-size-sm);\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n}\r\n","dialog#create-fork {\r\n  width: 500px;\r\n\r\n  a.link-button-component {\r\n    display: unset;\r\n  }\r\n\r\n  details {\r\n    margin-top: var(--spacing-double);\r\n    pre {\r\n      white-space: pre-wrap;\r\n      overflow-wrap: break-word;\r\n    }\r\n  }\r\n}\r\n","#fork-settings {\r\n  width: 480px;\r\n\r\n  .fork-settings-description {\r\n    margin-top: var(--spacing);\r\n    font-size: var(--font-size-sm);\r\n    color: var(--text-secondary-color);\r\n\r\n    li {\r\n      padding: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\ndialog#cherry-pick {\r\n  width: 450px;\r\n\r\n  .branches-list {\r\n    height: 300px;\r\n  }\r\n\r\n  // We're faking it so that the filter text box appears to reside\r\n  // withing the header even though our current component structure\r\n  // make it extremely hard to do so.\r\n  .dialog-header {\r\n    border-bottom: none;\r\n\r\n    h1 {\r\n      font-weight: var(--font-weight-light);\r\n    }\r\n  }\r\n\r\n  .dialog-content {\r\n    padding: 0;\r\n\r\n    .filter-field-row {\r\n      margin: 0;\r\n      border-bottom: var(--base-border);\r\n      padding: 0 var(--spacing-double) var(--spacing);\r\n    }\r\n\r\n    .list-item {\r\n      padding: 0 var(--spacing-double);\r\n\r\n      .filter-list-group-header,\r\n      .branches-list-item {\r\n        padding: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .dialog-footer {\r\n    button[type='submit'] {\r\n      height: auto;\r\n      width: 100%;\r\n      padding: var(--spacing-half);\r\n    }\r\n  }\r\n  .no-branches {\r\n    .create-branch-button,\r\n    .protip {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n","@import '../../../styles/variables';\r\n\r\n#thank-you-notes {\r\n  max-height: 450px;\r\n  padding-top: var(--spacing-half);\r\n\r\n  .dialog-content {\r\n    // we'll own the layout inside here\r\n    padding: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .dialog-header {\r\n    height: 88px;\r\n    position: relative;\r\n    text-align: center;\r\n\r\n    background: url('../static/common/release-note-header-left.svg') no-repeat left var(--spacing-double) top var(--spacing-half) / auto 78px,\r\n      url('../static/common/release-note-header-right.svg') no-repeat right var(--spacing-double) top var(--spacing-half) / auto 78px;\r\n  }\r\n\r\n  ul {\r\n    list-style: none;\r\n    padding-left: 0;\r\n\r\n    li {\r\n      padding-left: 0;\r\n    }\r\n  }\r\n\r\n  a.close {\r\n    align-self: flex-start;\r\n    z-index: 1;\r\n    margin-top: calc(var(--spacing) * -1);\r\n  }\r\n\r\n  .container {\r\n    padding: var(--spacing-triple) 72px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n\r\n    .section {\r\n      padding-bottom: var(--spacing-triple);\r\n    }\r\n\r\n    .thank-you-note {\r\n      padding-bottom: var(--spacing-triple);\r\n    }\r\n\r\n    .contributions-heading {\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n\r\n    .contributions {\r\n      max-height: 150px;\r\n    }\r\n\r\n    .section {\r\n      padding-bottom: var(--spacing-triple);\r\n    }\r\n  }\r\n}\r\n","dialog#commit-message-dialog {\r\n  .dialog-content {\r\n    padding: 0;\r\n  }\r\n\r\n  .commit-message-component,\r\n  .commit-warning-component {\r\n    background-color: inherit;\r\n  }\r\n\r\n  .commit-warning-component {\r\n    .warning-icon-container {\r\n      .warning-icon,\r\n      .information-icon {\r\n        background-color: var(--background-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .commit-message-avatar-component {\r\n    height: 50px;\r\n    width: 50px;\r\n  }\r\n\r\n  label {\r\n    margin-bottom: var(--spacing-third);\r\n  }\r\n}\r\n","@import '../../mixins';\r\n\r\ndialog#choose-branch {\r\n  width: 450px;\r\n\r\n  .branches-list {\r\n    height: 300px;\r\n  }\r\n\r\n  // We're faking it so that the filter text box appears to reside\r\n  // withing the header even though our current component structure\r\n  // make it extremely hard to do so.\r\n  .dialog-header {\r\n    border-bottom: none;\r\n\r\n    h1 {\r\n      font-weight: var(--font-weight-light);\r\n    }\r\n  }\r\n\r\n  .dialog-content {\r\n    padding: 0;\r\n\r\n    .filter-field-row {\r\n      margin: 0;\r\n      border-bottom: var(--base-border);\r\n      padding: 0 var(--spacing-double);\r\n\r\n      .filter-list-filter-field {\r\n        padding-bottom: var(--spacing);\r\n      }\r\n    }\r\n\r\n    .list-item {\r\n      padding: 0 var(--spacing-double);\r\n\r\n      .filter-list-group-header,\r\n      .branches-list-item {\r\n        padding: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .dialog-footer {\r\n    padding-top: var(--spacing);\r\n\r\n    button[type='submit'] {\r\n      padding: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .merge-info {\r\n    margin-top: var(--spacing-half);\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  .merge-status-component {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .merge-status-icon-container {\r\n    &:after {\r\n      border-bottom: 0;\r\n    }\r\n  }\r\n}\r\n","#rerun-check-runs {\r\n  max-width: 500px;\r\n\r\n  .dialog-content {\r\n    overflow: auto;\r\n  }\r\n\r\n  .check-run-rerun-list {\r\n    margin: var(--spacing) 0px;\r\n    border: var(--base-border);\r\n    border-radius: var(--border-radius);\r\n    max-height: 300px;\r\n    padding: var(--spacing);\r\n    overflow: auto;\r\n\r\n    .ci-check-run-list-group-header {\r\n      &:not(.condensed) {\r\n        padding-left: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .non-re-run-info {\r\n    display: flex;\r\n\r\n    .octicon {\r\n      margin: 0px var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .loading-rerun-checks {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    min-height: 100px;\r\n\r\n    .blankslate-image {\r\n      width: 100%;\r\n      min-width: auto;\r\n    }\r\n\r\n    .title {\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n\r\n    .call-to-action {\r\n      font-size: var(--font-size-sm);\r\n    }\r\n  }\r\n}\r\n",".unreachable-commits {\r\n  max-width: 400px;\r\n\r\n  .unreachable-commit-list {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 160px;\r\n  }\r\n\r\n  .message {\r\n    padding: var(--spacing);\r\n    border-bottom: var(--base-border);\r\n  }\r\n}\r\n",".open-pull-request {\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: calc(100% - var(--spacing-double) * 4);\r\n  max-height: calc(100% - var(--spacing-double) * 4);\r\n\r\n  div.dialog-header {\r\n    padding-bottom: var(--spacing);\r\n\r\n    h1 {\r\n      width: auto;\r\n    }\r\n\r\n    height: auto;\r\n    flex-wrap: wrap;\r\n\r\n    .break {\r\n      flex-basis: 100%;\r\n      height: 0;\r\n      padding: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .open-pull-request-content {\r\n    padding: var(--spacing);\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 200px;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .open-pull-request-message {\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: center;\r\n    justify-content: center;\r\n    padding: var(--spacing-double);\r\n  }\r\n\r\n  .dialog-footer {\r\n    flex-direction: row;\r\n\r\n    .button-group {\r\n      .octicon {\r\n        margin-right: var(--spacing-half);\r\n      }\r\n    }\r\n  }\r\n\r\n  .pull-request-merge-status {\r\n    flex-grow: 1;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .dialog-footer {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .pull-request-merge-status {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n  }\r\n}\r\n","#installing-update {\r\n  max-width: 400px;\r\n\r\n  .updating-message {\r\n    align-items: center;\r\n  }\r\n}\r\n","#test-notifications {\r\n  .notification-type-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    row-gap: var(--spacing-half);\r\n  }\r\n\r\n  .list {\r\n    height: 200px;\r\n\r\n    .row-content {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: row;\r\n\r\n      .left-accessory {\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        align-self: center;\r\n        margin-right: 10px;\r\n      }\r\n\r\n      .main-content {\r\n        flex-grow: 1;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .right-accessory {\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        align-self: center;\r\n        margin-left: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .review-icon-container {\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n    margin: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .octicon {\r\n      width: 16px;\r\n      height: 16px;\r\n      text-align: center;\r\n    }\r\n\r\n    &.pr-review-approved {\r\n      color: var(--pr-approved-icon-color);\r\n      background-color: var(--pr-approved-icon-background-color);\r\n    }\r\n    &.pr-review-changes-requested {\r\n      color: var(--pr-changes-requested-icon-color);\r\n      background-color: var(--pr-changes-requested-icon-background-color);\r\n    }\r\n    &.pr-review-commented {\r\n      color: var(--pr-commented-icon-color);\r\n      background-color: var(--pr-commented-icon-background-color);\r\n    }\r\n  }\r\n\r\n  .pr-icon {\r\n    color: var(--pr-open-icon-color);\r\n  }\r\n\r\n  .pr-draft-icon {\r\n    color: var(--pr-draft-icon-color);\r\n  }\r\n}\r\n","#pull-request-review,\r\n#pull-request-comment {\r\n  --avatar-size: 40px;\r\n  min-width: 500px;\r\n\r\n  .dialog-header {\r\n    height: unset;\r\n  }\r\n\r\n  .pull-request-comment-like-dialog-header {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    > .octicon {\r\n      width: 16px;\r\n      height: 16px;\r\n      margin-right: var(--spacing-half);\r\n      color: var(--pr-open-icon-color);\r\n\r\n      &.draft {\r\n        color: var(--pr-draft-icon-color);\r\n      }\r\n    }\r\n\r\n    .pr-title {\r\n      display: inline-block;\r\n      white-space: normal;\r\n\r\n      .pr-number {\r\n        font-weight: normal;\r\n        color: var(--text-secondary-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer-links {\r\n    display: flex;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n  }\r\n\r\n  .dialog-content {\r\n    max-height: 300px;\r\n    overflow: auto;\r\n\r\n    .comment-container {\r\n      .timeline-line {\r\n        width: 1px;\r\n        height: 24px;\r\n\r\n        line {\r\n          stroke: var(--pr-timeline-line-color);\r\n          stroke-width: 1px;\r\n        }\r\n\r\n        &.top line {\r\n          stroke-dasharray: 1 1 2 1 3 1 15;\r\n        }\r\n\r\n        &.bottom line {\r\n          stroke-dasharray: 15 1 3 1 2 1 1;\r\n        }\r\n      }\r\n\r\n      .timeline-item-container {\r\n        margin: -18px 0px;\r\n\r\n        .timeline-line {\r\n          position: relative;\r\n          left: 64px;\r\n\r\n          &.top {\r\n            top: 9px;\r\n          }\r\n\r\n          &.bottom {\r\n            top: -4px;\r\n          }\r\n        }\r\n\r\n        .timeline-item {\r\n          position: relative;\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          &.with-comment::after {\r\n            top: 36px;\r\n            left: 64px;\r\n            display: block;\r\n            width: 1px;\r\n            height: 12px;\r\n            content: '';\r\n            background-color: var(--pr-timeline-line-color);\r\n            position: absolute;\r\n          }\r\n\r\n          .avatar {\r\n            width: var(--avatar-size);\r\n            height: var(--avatar-size);\r\n          }\r\n\r\n          .link-button-component {\r\n            &.author {\r\n              font-weight: bold;\r\n            }\r\n          }\r\n\r\n          .review-icon-container {\r\n            border-radius: 50%;\r\n            width: 30px;\r\n            height: 30px;\r\n            margin: 0 var(--spacing);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n\r\n            .octicon {\r\n              width: 16px;\r\n              height: 16px;\r\n              text-align: center;\r\n            }\r\n\r\n            &.pr-review-approved {\r\n              color: var(--pr-approved-icon-color);\r\n              background-color: var(--pr-approved-icon-background-color);\r\n            }\r\n            &.pr-review-changes-requested {\r\n              color: var(--pr-changes-requested-icon-color);\r\n              background-color: var(--pr-changes-requested-icon-background-color);\r\n            }\r\n            &.pr-review-commented {\r\n              color: var(--pr-commented-icon-color);\r\n              background-color: var(--pr-commented-icon-background-color);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .comment-bubble-container {\r\n        position: relative;\r\n        margin-top: 33px;\r\n        margin-left: calc(var(--spacing) + 40px);\r\n        margin-bottom: -14px;\r\n\r\n        .comment-bubble {\r\n          &::before,\r\n          &::after {\r\n            position: absolute;\r\n            display: inline-block;\r\n            content: '';\r\n            pointer-events: none;\r\n            border: 8px solid transparent;\r\n            left: 6px;\r\n          }\r\n\r\n          &::before {\r\n            top: -15px;\r\n            border-bottom-color: var(--pr-timeline-line-color);\r\n          }\r\n\r\n          &::after {\r\n            top: -14px;\r\n            border-bottom-color: var(--background-color);\r\n          }\r\n\r\n          border: 1px solid var(--pr-timeline-line-color);\r\n          border-radius: 6px;\r\n          padding: var(--spacing);\r\n        }\r\n\r\n        .timeline-line.bottom {\r\n          margin-left: 14px;\r\n        }\r\n      }\r\n\r\n      .button-component {\r\n        margin-left: var(--spacing);\r\n      }\r\n      .sandboxed-markdown-iframe-container {\r\n        padding-left: 15px;\r\n        border-left: 2px solid var(--border-color);\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n","#unknown-authors {\r\n  .dialog-content .author-list {\r\n    max-height: 175px;\r\n    overflow-y: auto;\r\n\r\n    ul {\r\n      list-style: none;\r\n      margin: var(--spacing) 0;\r\n      padding: 0;\r\n\r\n      li {\r\n        padding-left: 0;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .path-text-component {\r\n    font-family: var(--font-family-monospace);\r\n  }\r\n}\r\n","@import '../../../styles/variables';\r\n\r\n#octicons-preview-dialog {\r\n  height: auto;\r\n\r\n  .dialog-content {\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .octicons-preview-list {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    & > li {\r\n      margin: 0 0 var(--spacing-double);\r\n      padding: 0;\r\n\r\n      h2 {\r\n        margin: 0 0 var(--spacing-third);\r\n        padding: 0;\r\n      }\r\n\r\n      & > ul {\r\n        align-items: flex-end;\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: var(--spacing);\r\n        justify-content: flex-start;\r\n        list-style-type: none;\r\n        margin: 0;\r\n        padding: 0;\r\n\r\n        & > li {\r\n          align-items: center;\r\n          background-color: var(--box-alt-background-color);\r\n          border-radius: var(--border-radius);\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: var(--spacing-half);\r\n          margin: 0;\r\n          padding-bottom: var(--spacing-half);\r\n          padding-left: var(--spacing);\r\n          padding-right: var(--spacing);\r\n          padding-top: var(--spacing);\r\n\r\n          .octicon {\r\n            vertical-align: text-bottom;\r\n          }\r\n\r\n          .small {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@import '../mixins';\r\n@import 'dialogs/conflicts';\r\n@import 'dialogs/progress-dialog';\r\n@import 'dialogs/abort-merge';\r\n@import 'dialogs/push-needs-pull';\r\n@import 'dialogs/publish-repository';\r\n@import 'dialogs/repository-settings';\r\n@import 'dialogs/release-notes';\r\n@import 'dialogs/usage-reporting';\r\n@import 'dialogs/stash-changes';\r\n@import 'dialogs/commit-conflicts-warning';\r\n@import 'dialogs/create-tutorial-repository';\r\n@import 'dialogs/create-fork';\r\n@import 'dialogs/fork-settings';\r\n@import 'dialogs/cherry-pick';\r\n@import 'dialogs/thank-you';\r\n@import 'dialogs/commit-message';\r\n@import 'dialogs/choose-branch';\r\n@import 'dialogs/ci-check-run-rerun';\r\n@import 'dialogs/unreachable-commits';\r\n@import 'dialogs/open-pull-request';\r\n@import 'dialogs/installing-update';\r\n@import 'dialogs/test-notifications';\r\n@import 'dialogs/pull-request-comment-like';\r\n@import 'dialogs/unknown-authors';\r\n@import 'dialogs/icon_preview';\r\n\r\n// The styles herein attempt to follow a flow where margins are only applied\r\n// to the bottom of elements (with the exception of the last child). This to\r\n// allow easy layout using generalized components and elements such as <Row>\r\n// and <p>.\r\ndialog {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  overflow: unset;\r\n\r\n  // These are the 24px versions of the alert and stop octicons\r\n  // from oction v10.0.0\r\n  //\r\n  // Related: https://css-tricks.com/probably-dont-base64-svg/\r\n  --dialog-icon-alert: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z\"></path><path fill-rule=\"evenodd\" d=\"M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z\"></path></svg>');\r\n  --dialog-icon-stop: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M12 7a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zm0 10a1 1 0 100-2 1 1 0 000 2z\"></path><path fill-rule=\"evenodd\" d=\"M7.328 1.47a.75.75 0 01.53-.22h8.284a.75.75 0 01.53.22l5.858 5.858c.141.14.22.33.22.53v8.284a.75.75 0 01-.22.53l-5.858 5.858a.75.75 0 01-.53.22H7.858a.75.75 0 01-.53-.22L1.47 16.672a.75.75 0 01-.22-.53V7.858a.75.75 0 01.22-.53L7.328 1.47zm.84 1.28L2.75 8.169v7.662l5.419 5.419h7.662l5.419-5.418V8.168L15.832 2.75H8.168z\"></path></svg>');\r\n  --dialog-icon-size: 24px;\r\n\r\n  border: var(--base-border);\r\n  box-shadow: var(--base-box-shadow);\r\n  padding: 0;\r\n  border-radius: var(--border-radius);\r\n\r\n  color: var(--text-color);\r\n  background: var(--background-color);\r\n\r\n  // This resets the properties we animate in the transition group\r\n  // such that if there's ever a race condition between the JS timing\r\n  // and the CSS transition we'll always revert back to a known good\r\n  // state.\r\n  transform: scale(1);\r\n  opacity: 1;\r\n\r\n  min-width: 400px;\r\n  max-width: 600px;\r\n\r\n  .secondary-text {\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  // Substitute the appear/exit animations with a fade in fade out effect if the\r\n  // user prefers reduced motion.\r\n  //\r\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion\r\n  @media (prefers-reduced-motion) {\r\n    transition: opacity 100ms ease-in !important;\r\n    transform: none !important;\r\n\r\n    &.modal-enter {\r\n      opacity: 0 !important;\r\n    }\r\n    &.modal-enter-active {\r\n      opacity: 1 !important;\r\n    }\r\n  }\r\n\r\n  // The modal class here is the transition name for the react css transition\r\n  // group which allows us to apply an animation when the popup appears.\r\n  &.modal {\r\n    &-enter {\r\n      opacity: 1;\r\n      transform: scale(0.75);\r\n      pointer-events: none;\r\n\r\n      &::backdrop {\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    &-enter-active {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n      transition: transform 250ms var(--easing-ease-out-back);\r\n\r\n      &::backdrop {\r\n        opacity: 1;\r\n        transition: opacity 100ms ease-in;\r\n      }\r\n    }\r\n\r\n    &-exit {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n      pointer-events: none;\r\n\r\n      &::backdrop {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    &-exit-active {\r\n      opacity: 0.01;\r\n      transform: scale(0.25);\r\n      transition: opacity 100ms ease-in, transform 100ms var(--easing-ease-in-back);\r\n\r\n      &::backdrop {\r\n        opacity: 0.01;\r\n        transition: opacity 100ms ease-in;\r\n      }\r\n    }\r\n  }\r\n\r\n  &::backdrop {\r\n    background: var(--overlay-background-color);\r\n    opacity: 1;\r\n  }\r\n\r\n  &:not([open]) {\r\n    display: none;\r\n  }\r\n\r\n  // The dialog embeds a fieldset as the first child of the form element\r\n  // in order to be able to disable all form elements and buttons in one\r\n  // swoop. This resets all styles for that fieldset.\r\n  & > form {\r\n    min-height: 0;\r\n    height: 100%;\r\n    & > fieldset {\r\n      border: 0;\r\n      margin: 0;\r\n      padding: 0;\r\n      min-width: 0;\r\n      min-height: 0;\r\n      max-height: 100%;\r\n      height: 100%;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  .dialog-header {\r\n    height: 50px;\r\n    border-bottom: var(--base-border);\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: var(--spacing-double);\r\n\r\n    svg.icon {\r\n      flex-shrink: 0;\r\n      margin-right: var(--spacing);\r\n    }\r\n\r\n    .spin {\r\n      margin-left: var(--spacing);\r\n    }\r\n\r\n    h1 {\r\n      font-weight: var(--font-weight-semibold);\r\n      font-size: var(--font-size-md);\r\n      margin: 0;\r\n      padding: 0;\r\n      width: 100%;\r\n\r\n      @include ellipsis;\r\n    }\r\n    @include close-button;\r\n  }\r\n\r\n  &.warning,\r\n  &.error {\r\n    .dialog-content {\r\n      position: relative;\r\n      margin-left: var(--spacing-double);\r\n      // A zero padding would mean the icon and the text lines up so we\r\n      // add another double spacing plus the width of the icon to ensure\r\n      // we have a decently horizontally centered placement of the icon.\r\n      padding-left: calc(var(--spacing-double) + var(--dialog-icon-size));\r\n\r\n      // Ensure that the dialog contents always have room for the icon,\r\n      // account for two double spacers at top and bottom plus the 5px\r\n      // icon offset (margin-top) and the size of the icon itself.\r\n      min-height: calc(var(--spacing-double) * 2 + var(--spacing-half) + var(--dialog-icon-size));\r\n\r\n      // We're creating an opaque 24 by 24px div with the background color\r\n      // that we want the icon to appear in and then apply the icon path\r\n      // as a mask, that way we can control the color dynamically based on\r\n      // our variables instead of hardcoding it in the SVG.\r\n      //\r\n      // https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images\r\n      &::before {\r\n        content: '';\r\n        display: block;\r\n        position: absolute;\r\n        left: 0;\r\n        height: 24px;\r\n        width: 24px;\r\n        -webkit-mask-repeat: no-repeat;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.warning {\r\n    .dialog-content::before {\r\n      background-color: var(--dialog-warning-color);\r\n      -webkit-mask: var(--dialog-icon-alert);\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    .dialog-content::before {\r\n      background-color: var(--dialog-error-color);\r\n      -webkit-mask: var(--dialog-icon-stop);\r\n    }\r\n  }\r\n\r\n  .dialog-content {\r\n    padding: var(--spacing-double);\r\n\r\n    // This allows for using <Rows> to structure content within dialog content.\r\n    // All Rows that are direct descendants of dialog content except for the\r\n    // last one receive a bottom margin.\r\n    .row-component:not(:last-child) {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n\r\n    p {\r\n      margin-top: 0;\r\n      margin-bottom: var(--spacing);\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    h2,\r\n    h3 {\r\n      font-weight: var(--font-weight-semibold);\r\n      margin-top: 0;\r\n      margin-bottom: var(--spacing);\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    h2 {\r\n      font-size: var(--font-size-md);\r\n    }\r\n    h3 {\r\n      font-size: var(--font-size);\r\n    }\r\n\r\n    ul,\r\n    ol {\r\n      margin-top: 0;\r\n      padding-left: var(--spacing-double);\r\n      list-style-position: outside;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      li {\r\n        margin-bottom: var(--spacing);\r\n        padding-left: var(--spacing-half);\r\n      }\r\n    }\r\n  }\r\n\r\n  .dialog-footer {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    border-top: var(--base-border);\r\n    padding: var(--spacing-double);\r\n\r\n    .button-group {\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    button {\r\n      @include ellipsis;\r\n      margin-right: var(--spacing-half);\r\n      min-width: 120px;\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Dialog banner components rendered at the top of the dialog just below\r\n  // the header (if the dialog has one).\r\n  .dialog-banner {\r\n    display: flex;\r\n    padding: var(--spacing);\r\n    align-items: center;\r\n\r\n    // Error messages may contains newlines which separates sections\r\n    // of the error of indicate nested errors. We want to preserve these\r\n    // while still forcing line breaks if necessary.\r\n    white-space: pre-wrap;\r\n\r\n    > .octicon {\r\n      flex-grow: 0;\r\n      flex-shrink: 0;\r\n      margin-right: var(--spacing);\r\n    }\r\n\r\n    div {\r\n      overflow-wrap: break-word;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    &.dialog-error {\r\n      color: var(--form-error-text-color);\r\n      background: var(--form-error-background);\r\n      border-bottom: 1px solid var(--form-error-border-color);\r\n      border-top: 1px solid var(--form-error-border-color);\r\n    }\r\n\r\n    &.dialog-success {\r\n      color: var(--dialog-banner-success-text-color);\r\n      background: var(--dialog-banner-success-background);\r\n      border-top: 1px solid var(--dialog-banner-success-border-color);\r\n      border-bottom: 1px solid var(--dialog-banner-success-border-color);\r\n    }\r\n  }\r\n\r\n  &#app-error {\r\n    // Use wider dialogs for raw git errors, to make sure we can display lines\r\n    // up to 80 characters long without wrapping them.\r\n    &.raw-git-error {\r\n      max-width: 700px;\r\n    }\r\n\r\n    .dialog-content {\r\n      p {\r\n        -webkit-user-select: text;\r\n        user-select: text;\r\n        cursor: auto;\r\n\r\n        // Preserve newlines and other white space in error messages\r\n        // but make sure we wrap if necessary.\r\n        white-space: pre-wrap;\r\n        overflow-wrap: break-word;\r\n        overflow-x: hidden;\r\n\r\n        &.monospace {\r\n          font-family: var(--font-family-monospace);\r\n        }\r\n      }\r\n\r\n      max-height: 400px;\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n\r\n  // The following media queries ensure that the dialog content is accessible\r\n  // when zoomed in\r\n  @media (max-height: 550px) {\r\n    .dialog-content,\r\n    .tab-bar,\r\n    .tab-container {\r\n      overflow-y: auto;\r\n      max-height: calc(100vh - 150px) !important;\r\n    }\r\n\r\n    &#publish-repository {\r\n      .dialog-content {\r\n        max-height: calc(100vh - 175px);\r\n      }\r\n    }\r\n\r\n    &#repository-settings,\r\n    &#preferences {\r\n      .dialog-content {\r\n        min-height: calc(100vh - 150px) !important;\r\n      }\r\n    }\r\n\r\n    &#choose-branch {\r\n      .dialog-content {\r\n        overflow-y: unset;\r\n        max-height: calc(100vh - 194px);\r\n      }\r\n      .filter-list-container {\r\n        overflow-y: auto;\r\n        max-height: calc(100vh - 230px);\r\n      }\r\n      .branches-list {\r\n        height: calc(100vh - 194px);\r\n      }\r\n    }\r\n\r\n    &.clone-repository {\r\n      .dialog-header,\r\n      .dialog-footer {\r\n        padding-top: var(--spacing);\r\n        padding-bottom: var(--spacing);\r\n      }\r\n\r\n      .dialog-content {\r\n        overflow-y: unset;\r\n        min-height: calc(100vh - 158px);\r\n\r\n        .row-component {\r\n          margin-bottom: 0px;\r\n        }\r\n\r\n        .local-path-field {\r\n          padding-top: var(--spacing);\r\n          padding-bottom: var(--spacing);\r\n        }\r\n\r\n        .clone-github-repo {\r\n          height: calc(100vh - 225px);\r\n          max-height: unset;\r\n        }\r\n      }\r\n    }\r\n\r\n    &#pull-request-checks-failed {\r\n      .dialog-content {\r\n        overflow-y: unset;\r\n        min-height: unset;\r\n\r\n        .ci-check-run-dialog-container {\r\n          height: calc(100vh - 225px);\r\n          max-height: unset;\r\n        }\r\n      }\r\n\r\n      .dialog-header,\r\n      .dialog-footer {\r\n        padding-top: var(--spacing);\r\n        padding-bottom: var(--spacing);\r\n      }\r\n\r\n      .dialog-footer {\r\n        > .row-component {\r\n          display: block;\r\n          .footer-question {\r\n            margin-bottom: var(--spacing);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.open-pull-request {\r\n      max-height: calc(100vh - var(--spacing-double));\r\n\r\n      .open-pull-request-content {\r\n        overflow-y: auto;\r\n        min-height: calc(100vh - 250px);\r\n        padding: 0;\r\n\r\n        .pull-request-files-changed {\r\n          border: none;\r\n          border-radius: unset;\r\n        }\r\n      }\r\n\r\n      .dialog-header,\r\n      .dialog-footer {\r\n        padding-top: var(--spacing);\r\n        padding-bottom: var(--spacing);\r\n      }\r\n    }\r\n\r\n    &#release-notes {\r\n      .dialog-content {\r\n        max-height: calc(100vh - 200px) !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    min-width: calc(100% - var(--spacing-double)) !important;\r\n    max-width: calc(100% - var(--spacing-double)) !important;\r\n\r\n    &#release-notes {\r\n      .container {\r\n        flex-direction: column;\r\n      }\r\n    }\r\n  }\r\n\r\n  &#preferences {\r\n    width: 600px;\r\n\r\n    .dialog-content {\r\n      $default-tab-height: 430px;\r\n      min-height: $default-tab-height;\r\n\r\n      &.accounts-tab {\r\n        max-height: $default-tab-height;\r\n        overflow: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  &#about {\r\n    width: 450px;\r\n  }\r\n\r\n  &#create-repository {\r\n    width: 400px;\r\n\r\n    #create-repo-path-msg {\r\n      margin-bottom: var(--spacing);\r\n      margin-top: calc(-1 * var(--spacing));\r\n    }\r\n  }\r\n\r\n  &#create-branch {\r\n    width: 400px;\r\n    .link-button-component {\r\n      display: inline;\r\n    }\r\n  }\r\n  &#push-branch-commits {\r\n    width: 450px;\r\n  }\r\n  &#publish-branch {\r\n    width: 450px;\r\n  }\r\n  &#generic-git-auth {\r\n    width: 450px;\r\n  }\r\n  &#create-tag {\r\n    width: 400px;\r\n\r\n    // Spacing for list of previous tags\r\n    .ref-component {\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  &#confirm-remove-repository,\r\n  &#change-repository-alias {\r\n    width: 450px;\r\n\r\n    .description {\r\n      color: var(--text-secondary-color);\r\n      font-size: var(--font-size-sm);\r\n      margin-bottom: var(--spacing);\r\n\r\n      p {\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &#sign-in {\r\n    width: 400px;\r\n\r\n    .sign-in-with-browser {\r\n      display: block;\r\n      text-align: center;\r\n\r\n      .button-component {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    .existing-account-warning {\r\n      .ref-component {\r\n        word-break: break-word;\r\n      }\r\n    }\r\n\r\n    .forgot-password-row,\r\n    .what-is-this-row {\r\n      font-size: var(--font-size-sm);\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .forgot-password-link-sign-in {\r\n      margin-left: auto;\r\n    }\r\n  }\r\n\r\n  &#add-existing-repository {\r\n    width: 400px;\r\n  }\r\n\r\n  &#initialize-lfs {\r\n    width: 400px;\r\n  }\r\n\r\n  &#lfs-attribute-mismatch {\r\n    width: 400px;\r\n  }\r\n\r\n  &#pull-request-checks-failed {\r\n    max-width: calc(100% - var(--spacing-double));\r\n    width: 910px;\r\n  }\r\n\r\n  &#workflow-push-rejected {\r\n    .ref-component {\r\n      display: inline-block;\r\n    }\r\n  }\r\n}\r\n\r\n.warning-helper-text {\r\n  font-size: var(--font-size-sm);\r\n\r\n  .octicon {\r\n    fill: var(--dialog-warning-color);\r\n    margin-right: var(--spacing-half);\r\n  }\r\n}\r\n\r\ndialog#invalidated-token {\r\n  .dialog-content .ref-component {\r\n    white-space: nowrap;\r\n  }\r\n}\r\n","#successful,\r\n#successful-merge {\r\n  .banner-message {\r\n    span {\r\n      max-width: 100%;\r\n      overflow-x: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n    display: flex;\r\n    flex: 1 1 auto;\r\n  }\r\n\r\n  .green-circle {\r\n    color: var(--color-new);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-right: var(--spacing);\r\n    flex-shrink: 0;\r\n    flex-grow: 0;\r\n  }\r\n\r\n  .success-contents {\r\n    padding-right: var(--spacing-half);\r\n  }\r\n}\r\n","#merge-conflicts-banner,\r\n#rebase-conflicts-banner,\r\n#cherry-pick-conflicts-banner,\r\n#conflicts-found-banner {\r\n  .banner-message {\r\n    span {\r\n      max-width: 100%;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      margin: 0 1ex;\r\n    }\r\n    display: flex;\r\n    flex: 1 1 auto;\r\n  }\r\n  .alert-icon {\r\n    fill: var(--color-conflicted);\r\n  }\r\n}\r\n","#update-available {\r\n  .download-icon,\r\n  .warning-icon {\r\n    margin-right: var(--spacing);\r\n    color: var(--banner-warning-icon-color);\r\n  }\r\n\r\n  .banner-emoji {\r\n    display: inline-block;\r\n    margin-right: var(--spacing-half);\r\n  }\r\n\r\n  &.priority {\r\n    background-color: var(--banner-warning-background);\r\n    color: var(--banner-warning-text-color);\r\n\r\n    a {\r\n      color: var(--banner-warning-link-color);\r\n    }\r\n  }\r\n}\r\n","#open-thank-you-card {\r\n  .thank-you-banner-emoji {\r\n    display: inline-block;\r\n    margin-right: var(--spacing-half);\r\n  }\r\n}\r\n","#os-not-supported-banner {\r\n  .contents {\r\n    .link-button-component {\r\n      padding: 0 var(--spacing-half);\r\n    }\r\n\r\n    .alert-icon {\r\n      fill: var(--color-conflicted);\r\n      margin-right: var(--spacing);\r\n    }\r\n  }\r\n}\r\n","@import 'banners/successful';\r\n@import 'banners/conflicts';\r\n@import 'banners/update-available';\r\n@import 'banners/open_thank_you_card';\r\n@import 'banners/os-not-supported';\r\n\r\n.banner {\r\n  $banner-height: 30px;\r\n  height: $banner-height;\r\n  position: relative;\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  overflow: hidden;\r\n  align-content: center;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-left: var(--spacing);\r\n\r\n  // Prevents the notification banner from decreasing its height\r\n  // when a large diff is rendered.\r\n  flex: none;\r\n\r\n  .contents {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    align-content: center;\r\n    justify-content: left;\r\n    align-items: center;\r\n  }\r\n  .close {\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    flex-grow: 0;\r\n\r\n    margin-right: var(--spacing);\r\n    margin-left: var(--spacing);\r\n\r\n    &:focus {\r\n      outline: 0;\r\n    }\r\n\r\n    button {\r\n      width: 16px;\r\n      height: 16px;\r\n      border: 0;\r\n      padding: 0;\r\n      color: var(--text-secondary-color);\r\n      background: transparent;\r\n\r\n      &:hover {\r\n        color: var(--text-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  // animations for entering and leaving\r\n  &.banner-enter {\r\n    height: 0px;\r\n    opacity: 0;\r\n\r\n    &.banner-enter-active {\r\n      height: $banner-height;\r\n      opacity: 1;\r\n      transition: height 300ms ease-in-out, opacity 200ms ease-in 300ms;\r\n    }\r\n  }\r\n\r\n  &.banner-exit {\r\n    height: $banner-height;\r\n    opacity: 1;\r\n\r\n    &.banner-exit-active {\r\n      height: 0px;\r\n      opacity: 0;\r\n      transition: height 225ms ease-in-out 175ms, opacity 175ms ease-in;\r\n    }\r\n  }\r\n\r\n  // When zooming, give the banner more space to display.\r\n  @media (max-width: 960px) {\r\n    height: auto;\r\n    padding-top: var(--spacing-half);\r\n    padding-bottom: var(--spacing-half);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n#add-repository {\r\n  width: 350px;\r\n\r\n  .content {\r\n    margin: var(--spacing-double);\r\n  }\r\n}\r\n\r\ndialog.clone-repository {\r\n  .clone-github-repo {\r\n    height: calc(100vh - 400px);\r\n    max-height: 250px;\r\n  }\r\n}\r\n\r\n.clone-github-repo {\r\n  &.filter-list {\r\n    max-width: 100%;\r\n\r\n    .filter-field-row {\r\n      margin: var(--spacing-double);\r\n      margin-bottom: var(--spacing);\r\n      margin-top: 0;\r\n    }\r\n  }\r\n\r\n  .clone-repository-list {\r\n    &-group-header {\r\n      font-weight: var(--font-weight-semibold);\r\n      padding: var(--spacing) var(--spacing-double);\r\n    }\r\n\r\n    &-item {\r\n      padding: 0 var(--spacing-double);\r\n\r\n      .name {\r\n        @include ellipsis;\r\n      }\r\n    }\r\n\r\n    &-item {\r\n      display: flex;\r\n      flex-direction: row;\r\n      min-width: 0;\r\n      flex-grow: 1;\r\n      align-items: center;\r\n\r\n      .icon {\r\n        fill: var(--text-secondary-color);\r\n        margin-right: var(--spacing-half);\r\n        width: 16px; // Force a consistent width\r\n        flex-shrink: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dialog-content {\r\n  &.clone-github-repository-content {\r\n    padding: 0;\r\n    padding-top: var(--spacing-double);\r\n\r\n    .account-picker-row {\r\n      margin: 0 var(--spacing-double);\r\n      padding-bottom: var(--spacing);\r\n\r\n      .popover-dropdown-component {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.clone-generic-repository-content {\r\n    padding: var(--spacing-double);\r\n\r\n    .clone-url-textbox-label p {\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.clone-repository {\r\n  width: 500px;\r\n\r\n  .select-component.accounts {\r\n    padding: 0 var(--spacing-double);\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  .local-path-field {\r\n    border-top: var(--base-border);\r\n    padding: var(--spacing-double);\r\n  }\r\n\r\n  .dialog-content {\r\n    > .row-component:not(:last-child) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n}\r\n","#discard-changes {\r\n  .dialog-content .file-list {\r\n    max-height: 175px;\r\n    overflow-y: auto;\r\n\r\n    ul {\r\n      list-style: none;\r\n      margin: var(--spacing) 0;\r\n      padding: 0;\r\n\r\n      li {\r\n        padding-left: 0;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .path-text-component {\r\n    font-family: var(--font-family-monospace);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.filter-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n\r\n  min-width: inherit;\r\n\r\n  .filter-field-row {\r\n    margin: var(--spacing);\r\n    min-width: 0;\r\n\r\n    .filter-list-filter-field {\r\n      min-width: 0;\r\n    }\r\n  }\r\n\r\n  &-container {\r\n    display: flex;\r\n    flex: 1;\r\n    // The filter-list-container div should be scrollable if its contents\r\n    // are larger than the available space.\r\n    min-height: 0;\r\n  }\r\n}\r\n\r\n.filter-list-group-header {\r\n  padding: 0 var(--spacing);\r\n  font-weight: var(--font-weight-semibold);\r\n}\r\n\r\n//This is used if there are no results to show in the filter list for cloning a repository\r\n.no-results-found {\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n.merge-button {\r\n  &.button-component {\r\n    align-self: auto;\r\n  }\r\n\r\n  &-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-top: var(--base-border);\r\n    padding: var(--spacing);\r\n  }\r\n\r\n  .icon {\r\n    margin-right: var(--spacing-half);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n#missing-repository-view {\r\n  /* The view's position in relation to its parent, ie full\r\n   * width, vertically centered...  */\r\n  justify-content: center;\r\n  // ... and horizontally centered\r\n  align-self: center;\r\n  width: 600px;\r\n\r\n  /* TODO: Revisit, this might not be the best way to do it.\r\n   * We don't want the contents to sit smack on the vertical\r\n   * midline. The view itself doesn't extend 100% to the top\r\n   * on most platforms (due to our title bar) and it looks\r\n   * better if we position it centered on the ~40% line.\r\n   */\r\n  margin-top: -60px;\r\n\r\n  /* Add a ~20px padding around the view to ensure that\r\n   * content doesn't touch the edge of the sideline or\r\n   * window when space is scarce.\r\n   */\r\n  padding: var(--spacing-double);\r\n\r\n  /*  Center children horizontally */\r\n  align-items: center;\r\n\r\n  /* Holds the icon and title, position them next to each other */\r\n  .title-container {\r\n    /* See comment about min-width on #cloning-repository-view,\r\n     * this ensure that we're filling the x-space available but no more\r\n     */\r\n    max-width: 100%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  /* xl-sized title */\r\n  .title {\r\n    @include ellipsis;\r\n    font-size: var(--font-size-xl);\r\n    font-weight: var(--font-weight-light);\r\n  }\r\n\r\n  .details {\r\n    margin-top: var(--spacing);\r\n    margin-bottom: var(--spacing);\r\n    text-align: center;\r\n\r\n    .path {\r\n      font-family: var(--font-family-monospace);\r\n      background: var(--path-segment-background);\r\n      border: var(--path-segment-background);\r\n      border-radius: var(--border-radius);\r\n      padding: var(--path-segment-padding);\r\n    }\r\n  }\r\n\r\n  button {\r\n    // the three buttons should rougly fill the width of the panel\r\n    min-width: 120px;\r\n\r\n    .octicon.spin {\r\n      margin-right: var(--spacing-half);\r\n      height: 11px;\r\n    }\r\n  }\r\n}\r\n",".horizontal-rule {\r\n  text-align: center;\r\n  position: relative;\r\n  margin-bottom: var(--spacing-half);\r\n  width: 100%;\r\n\r\n  &:after {\r\n    border-bottom: var(--base-border);\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0.6em;\r\n  }\r\n\r\n  .horizontal-rule-content {\r\n    display: inline-block;\r\n    background: var(--background-color);\r\n    padding: 0 0.5em;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n}\r\n\r\nhr.short-rule {\r\n  border: none;\r\n  border-top: var(--base-border);\r\n  margin: var(--spacing-double) 0;\r\n  width: 5em;\r\n}\r\n","dialog#about {\r\n  .dialog-content {\r\n    .row-component {\r\n      justify-content: center;\r\n    }\r\n\r\n    p,\r\n    h1 {\r\n      text-align: center;\r\n    }\r\n\r\n    h1 {\r\n      font-size: var(--font-size-md);\r\n    }\r\n\r\n    // The version, EULA link, and acknowledgements are conceptually two lines\r\n    // in a paragraph but we don't have a great way of modelling that now\r\n    // (and don't you say <br/>) so we'll just kill off the bottom margin.\r\n    p.no-padding {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    p.terms-and-license {\r\n      // A11y: WCAG SC 2.58 states that \"The size of the target for pointer\r\n      // inputs is at least 24 by 24 CSS pixels, except, if target is in a\r\n      // sentence or its size is otherwise constrained by the line-height of\r\n      // non-target text.\" Our links typically are in a sentence and therefore are\r\n      // 18px due to our text line-height. In this case, the links are stand\r\n      // alone and therefore do not meet this exception criteria. This adds the 3px top and bottom\r\n      // to give us that required 24px height.\r\n      .link-button-component {\r\n        padding: 3px;\r\n      }\r\n    }\r\n\r\n    .terms-and-license-container {\r\n      margin-top: var(--spacing);\r\n    }\r\n\r\n    .version-text {\r\n      cursor: pointer;\r\n      .octicon {\r\n        color: transparentize(black, 0.5);\r\n        height: 12px;\r\n        margin-bottom: -1px;\r\n        transition: color 0.4s;\r\n        cursor: pointer;\r\n      }\r\n      &:hover .octicon {\r\n        color: black;\r\n      }\r\n    }\r\n  }\r\n\r\n  .logo {\r\n    justify-content: center;\r\n    svg {\r\n      width: 64px;\r\n      height: 64px;\r\n    }\r\n  }\r\n\r\n  .update-status {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    text-align: center;\r\n    margin-bottom: var(--spacing);\r\n    .octicon.spin {\r\n      // Make sure the spinner is aligned with the text.\r\n      align-self: center;\r\n      margin-right: 3px;\r\n    }\r\n  }\r\n}\r\n",".avatar {\r\n  border-radius: 50%;\r\n}\r\n\r\n.avatar-container {\r\n  display: flex;\r\n  align-items: center;\r\n  line-height: 0;\r\n}\r\n\r\n// When the Avatar component fails to load an avatar\r\n// image it renders a fallback SVG instead. The symbol is\r\n// a generic silhouette of a person and we want to color\r\n// that according to the current theme.\r\nsvg.avatar {\r\n  fill: var(--text-secondary-color);\r\n  background: var(--box-alt-background-color);\r\n}\r\n",".call-to-action {\r\n  justify-content: space-between;\r\n\r\n  button.action-button {\r\n    flex-shrink: 0;\r\n    flex-grow: 0;\r\n    min-width: 120px;\r\n    align-self: center;\r\n    margin-left: var(--spacing);\r\n  }\r\n}\r\n","#acknowledgements {\r\n  width: 600px;\r\n\r\n  .dialog-content {\r\n    height: 300px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n\r\n    .license-text {\r\n      font-family: var(--font-family-monospace);\r\n      white-space: pre-wrap;\r\n      margin-bottom: var(--spacing-double);\r\n\r\n      // make the text selectable\r\n      cursor: text;\r\n      user-select: text;\r\n    }\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\nfieldset.vertical-segmented-control {\r\n  // Reset styles for fieldset\r\n  border: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  min-width: 0;\r\n\r\n  legend {\r\n    margin-bottom: var(--spacing-third);\r\n    padding: 0 0 5px 0;\r\n    @include ellipsis;\r\n  }\r\n\r\n  // Make the component use the whole width of its container.\r\n  width: 100%;\r\n\r\n  .radio-button-component {\r\n    padding: var(--spacing);\r\n    margin: 0;\r\n    border: var(--base-border);\r\n    // Last child to have a border-bottom\r\n    border-bottom: 0;\r\n\r\n    &:first-child {\r\n      border-top-left-radius: var(--border-radius);\r\n      border-top-right-radius: var(--border-radius);\r\n    }\r\n\r\n    &:last-child {\r\n      border-bottom: var(--base-border);\r\n      border-bottom-left-radius: var(--border-radius);\r\n      border-bottom-right-radius: var(--border-radius);\r\n    }\r\n\r\n    .title {\r\n      font-weight: var(--font-weight-semibold);\r\n      @include ellipsis;\r\n    }\r\n\r\n    p {\r\n      color: var(--text-secondary-color);\r\n    }\r\n\r\n    input[type='radio'] {\r\n      margin-right: var(--spacing-half);\r\n      margin-left: var(--spacing-half);\r\n      align-self: flex-start;\r\n      margin-top: 4px;\r\n    }\r\n    &:has(input[type='radio']:focus),\r\n    &:hover {\r\n      background: var(--box-hover-background-color);\r\n      color: var(--box-hover-text-color);\r\n\r\n      p {\r\n        color: var(--box-hover-text-color);\r\n      }\r\n    }\r\n\r\n    > label {\r\n      min-width: 0;\r\n    }\r\n  }\r\n}\r\n","#no-repositories {\r\n  display: flex;\r\n  padding: calc(var(--spacing) * 6);\r\n  align-items: center;\r\n\r\n  > section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  header {\r\n    align-self: flex-start;\r\n    margin-bottom: var(--spacing-quad);\r\n\r\n    h1 {\r\n      font-size: var(--font-size-xxl);\r\n      font-weight: var(--font-weight-light);\r\n    }\r\n\r\n    h1,\r\n    p {\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  .content {\r\n    align-self: stretch;\r\n    flex-direction: row;\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    flex-grow: 1;\r\n\r\n    & > .content-pane {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-self: stretch;\r\n      flex-shrink: 0;\r\n      max-width: 50%;\r\n      width: 50%;\r\n      flex-grow: 1;\r\n\r\n      &:not(:last-child) {\r\n        padding-right: var(--spacing);\r\n      }\r\n\r\n      &:not(:first-child) {\r\n        padding-left: var(--spacing);\r\n      }\r\n    }\r\n\r\n    .button-group {\r\n      margin: 0;\r\n      padding: 0;\r\n      flex-grow: 1;\r\n\r\n      span {\r\n        margin-bottom: var(--spacing);\r\n        width: 100%;\r\n\r\n        .button-component {\r\n          width: 100%;\r\n          padding: var(--spacing);\r\n          height: auto;\r\n          text-align: left;\r\n          margin-bottom: var(--spacing);\r\n          display: flex;\r\n          flex-direction: row;\r\n          align-items: center;\r\n\r\n          /** These buttons need to wrap in high zoom levels */\r\n          text-overflow: unset;\r\n          white-space: normal;\r\n          min-width: 0;\r\n\r\n          .octicon {\r\n            margin: var(--spacing-half) var(--spacing) var(--spacing-half) var(--spacing-half);\r\n            height: 24px;\r\n            width: 24px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .drag-drop-info {\r\n    background: var(--tip-box-background-color);\r\n    border: 2px dashed var(--tip-box-border-color);\r\n    border-radius: var(--border-radius);\r\n    padding: var(--spacing-double);\r\n    display: flex;\r\n    flex-direction: row;\r\n\r\n    .octicon {\r\n      margin-right: var(--spacing);\r\n    }\r\n  }\r\n\r\n  .no-repositories-graphic-bottom {\r\n    position: absolute;\r\n    right: var(--spacing);\r\n    bottom: var(--spacing);\r\n\r\n    width: auto;\r\n    max-width: 40%;\r\n    height: 40%;\r\n    z-index: -1;\r\n  }\r\n\r\n  .no-repositories-graphic-top {\r\n    position: absolute;\r\n    right: 80px;\r\n    top: 40px;\r\n\r\n    width: auto;\r\n    max-width: 20%;\r\n    height: 20%;\r\n    z-index: -1;\r\n  }\r\n\r\n  .content-pane.repository-list {\r\n    .account-picker {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n    .clone-selected-repository {\r\n      margin-top: var(--spacing);\r\n      width: 100%;\r\n    }\r\n\r\n    > .filter-list {\r\n      .filter-field-row {\r\n        margin: 0;\r\n        margin-bottom: var(--spacing);\r\n      }\r\n\r\n      .clone-repository-list-group-header {\r\n        padding: var(--spacing);\r\n      }\r\n\r\n      .clone-repository-list-item {\r\n        padding: 0 var(--spacing);\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and (min-width: 1366px) {\r\n    zoom: 1.2;\r\n  }\r\n\r\n  @media screen and (min-width: 1400px) {\r\n    zoom: 1.3;\r\n  }\r\n\r\n  @media screen and (min-width: 1600px) {\r\n    zoom: 1.4;\r\n  }\r\n\r\n  @media screen and (min-width: 1800px) {\r\n    zoom: 1.5;\r\n  }\r\n}\r\n\r\n// For all views other than the dedicated blank slate\r\n// view. Yes, this is confusing.\r\n.blankslate-image {\r\n  width: 50%;\r\n  min-width: 400px;\r\n  max-width: 800px;\r\n}\r\n\r\n// In the foldout we want the image to fill the\r\n// full width of the container (minus padding).\r\n.foldout .blankslate-image {\r\n  width: 100%;\r\n  min-width: auto;\r\n}\r\n\r\n// When there's not enough space to show the blankslate\r\n// image any more (due to zooming or having DevTools docked\r\n// in the app window)\r\n@media (max-height: 400px) {\r\n  #no-repositories {\r\n    padding: var(--spacing);\r\n\r\n    header {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n\r\n    .drag-drop-info {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n","#terms-and-conditions {\r\n  width: 550px;\r\n\r\n  .dialog-content {\r\n    height: 250px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n\r\n    p,\r\n    ol,\r\n    ul,\r\n    li,\r\n    h2,\r\n    h3 {\r\n      cursor: text;\r\n      user-select: text;\r\n    }\r\n\r\n    a {\r\n      cursor: pointer;\r\n      user-select: text;\r\n    }\r\n  }\r\n}\r\n",".ref-component {\r\n  font-style: normal;\r\n  font-family: var(--font-family-monospace);\r\n  background: var(--path-segment-background);\r\n  border: var(--path-segment-background);\r\n  border-radius: var(--border-radius);\r\n  padding: var(--path-segment-padding);\r\n  word-break: break-all;\r\n}\r\n","#initialize-lfs {\r\n  .dialog-content ul {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    margin-bottom: var(--spacing);\r\n\r\n    li {\r\n      padding-left: 0;\r\n      margin-bottom: 0;\r\n      font-family: var(--font-family-monospace);\r\n    }\r\n  }\r\n}\r\n",".ci-status {\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ci-status-pending {\r\n  color: $yellow-700;\r\n}\r\n\r\n.ci-status-timed-out,\r\n.ci-status-action-required,\r\n.ci-status-failure {\r\n  color: $red-500;\r\n}\r\n\r\n.ci-status-cancelled,\r\n.ci-status-stale,\r\n.ci-status-skipped,\r\n.ci-status-neutral {\r\n  color: $gray-400;\r\n}\r\n\r\n.ci-status-success {\r\n  color: $green-500;\r\n}\r\n",".toolbar-dropdown.open .pr-badge {\r\n  background: var(--toolbar-badge-active-background-color);\r\n}\r\n\r\n.toolbar-dropdown:not(.open) .pr-badge {\r\n  background: var(--toolbar-badge-background-color);\r\n}\r\n\r\n.pr-badge {\r\n  --height: 18px;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n  height: var(--height);\r\n\r\n  // This is necessary for our absolutely positioned progress bar to work.\r\n  // We position the toolbar button container relatively so that we can\r\n  // position the progress bar absolutely in relation to the container.\r\n  // We then explicitly position all child elements of the container\r\n  // relatively in order for the progress bar not to position itself\r\n  // above all the other content.\r\n  //\r\n  // See toolbar/_button.scss\r\n  position: relative;\r\n\r\n  align-items: center;\r\n\r\n  border-radius: var(--border-radius);\r\n  border-width: 0;\r\n  border: none;\r\n\r\n  margin-right: var(--spacing);\r\n  padding: var(--spacing-half);\r\n\r\n  // remove regular button styles\r\n  font-size: inherit;\r\n  overflow: visible;\r\n  text-overflow: inherit;\r\n  font-family: inherit;\r\n  color: inherit;\r\n\r\n  .number {\r\n    font-size: var(--font-size-sm);\r\n\r\n    // We're explicitly providing line-height here so that the text gets\r\n    // properly vertically centered.\r\n    line-height: var(--height);\r\n  }\r\n\r\n  .ci-status {\r\n    margin-left: var(--spacing-half);\r\n  }\r\n}\r\n\r\n.toolbar-dropdown.open .ci-status-pending {\r\n  color: $yellow-700;\r\n}\r\n\r\n.toolbar-dropdown.open .ci-status-failure {\r\n  color: $red-500;\r\n}\r\n\r\n.toolbar-dropdown.open .ci-status-success {\r\n  color: $green-500;\r\n}\r\n",".no-branches {\r\n  width: 365px;\r\n  margin: var(--spacing) auto;\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n\r\n  padding: var(--spacing);\r\n\r\n  .title {\r\n    font-weight: var(--font-weight-semibold);\r\n    text-align: center;\r\n  }\r\n\r\n  .subtitle {\r\n    margin-left: var(--spacing-double);\r\n    margin-right: var(--spacing-double);\r\n\r\n    text-align: center;\r\n    font-size: var(--font-size-sm);\r\n  }\r\n\r\n  .create-branch-button {\r\n    margin: var(--spacing-double);\r\n    align-self: stretch;\r\n  }\r\n\r\n  .protip {\r\n    padding-left: var(--spacing-triple);\r\n    padding-right: var(--spacing-triple);\r\n\r\n    text-align: center;\r\n    font-size: var(--font-size-sm);\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.branches-container {\r\n  &.resizable {\r\n    .no-branches {\r\n      width: 365px;\r\n      margin: var(--spacing) auto;\r\n      flex: none;\r\n    }\r\n  }\r\n}\r\n","// Use the platform default background color for text\r\n// selection when the editor has a selection _and_ is\r\n// focused.\r\n// Unfortunately CodeMirror-focused isn't set when we\r\n// have a dialog open (which, at time of writing, only\r\n// happens when searching) so we'll apply the same styles\r\n// there as well.\r\n.CodeMirror-focused,\r\n.CodeMirror.dialog-opened {\r\n  .CodeMirror-selected {\r\n    background: Highlight;\r\n  }\r\n\r\n  .CodeMirror-selectedtext {\r\n    color: HighlightText !important;\r\n  }\r\n}\r\n\r\n.CodeMirror-lines * {\r\n  cursor: text;\r\n}\r\n\r\n// If the editor isn't focused then we should hide\r\n// any trace of the selection to match native input\r\n// control behavior.\r\n.CodeMirror-selectedtext {\r\n  color: inherit;\r\n}\r\n.CodeMirror-selected {\r\n  background: inherit;\r\n}\r\n\r\n.CodeMirror-simplescroll-horizontal,\r\n.CodeMirror-simplescroll-vertical {\r\n  background: var(--box-alt-background-color);\r\n  div {\r\n    background: var(--scroll-bar-thumb-background-color);\r\n    border: none;\r\n  }\r\n}\r\n\r\n// Windows has custom scroll bars, see _scroll.scss\r\n@include win32-context {\r\n  .CodeMirror {\r\n    // Mirror the behavior of other scroll bars in desktop on Windows\r\n    // and only show them while hovering over the scroll container.\r\n    // We can't use display here since that's set as an inline style\r\n    // by CodeMirror so we'll resort to the old opacity hack.\r\n    &-vscrollbar,\r\n    &-hscrollbar {\r\n      opacity: 0;\r\n    }\r\n\r\n    &:hover {\r\n      .CodeMirror-vscrollbar,\r\n      .CodeMirror-hscrollbar {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    // This is a div that sits in the corner between the horizontal\r\n    // and vertical scroll bar and has an opaque background by default.\r\n    &-scrollbar-filler {\r\n      background: transparent;\r\n    }\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.author-input-component {\r\n  &.disabled {\r\n    @include textboxish-disabled-styles;\r\n  }\r\n\r\n  input {\r\n    border: none;\r\n    background: none;\r\n    box-shadow: none;\r\n    width: 100%;\r\n\r\n    &:focus {\r\n      outline: none;\r\n      border: none;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  .shadow-input {\r\n    @include textboxish;\r\n    position: absolute;\r\n    opacity: 0;\r\n    z-index: -1;\r\n    width: fit-content;\r\n  }\r\n\r\n  .added-author-container {\r\n    display: contents;\r\n  }\r\n\r\n  .autocompletion-container {\r\n    cursor: text;\r\n  }\r\n\r\n  @include textboxish;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  align-items: baseline;\r\n\r\n  border-top-left-radius: 0;\r\n  border-top-right-radius: 0;\r\n  border-top: 0;\r\n\r\n  height: auto;\r\n\r\n  .label {\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  .handle {\r\n    border-radius: var(--border-radius);\r\n    border: 1px solid var(--co-author-tag-border-color);\r\n    background: var(--co-author-tag-background-color);\r\n    padding: 1px 2px;\r\n    margin: 0px 2px;\r\n    cursor: pointer;\r\n\r\n    * {\r\n      cursor: pointer;\r\n    }\r\n\r\n    svg {\r\n      cursor: pointer;\r\n    }\r\n\r\n    &.progress {\r\n      background: transparent;\r\n    }\r\n\r\n    &.error {\r\n      background: var(--form-error-background);\r\n      color: var(--form-error-text-color);\r\n      border-color: var(--form-error-border-color);\r\n\r\n      svg.icon {\r\n        padding-bottom: 2px;\r\n      }\r\n    }\r\n\r\n    &.focused {\r\n      background: var(--box-selected-active-background-color);\r\n      border-color: var(--co-author-tag-selected-border-color);\r\n      color: var(--box-selected-active-text-color);\r\n    }\r\n\r\n    &.progress,\r\n    &.error {\r\n      svg.icon {\r\n        height: 9px;\r\n        margin-left: 3px;\r\n        margin-right: 3px;\r\n        vertical-align: middle;\r\n        fill: currentColor;\r\n      }\r\n    }\r\n\r\n    > button {\r\n      -webkit-appearance: none;\r\n      font-family: inherit;\r\n      background: transparent;\r\n      border: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      outline: none;\r\n\r\n      color: inherit;\r\n\r\n      svg.delete {\r\n        height: 16px;\r\n        margin-left: 3px;\r\n        margin-right: 3px;\r\n        margin-bottom: 1px;\r\n        vertical-align: middle;\r\n        fill: currentColor;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:focus-within {\r\n    @include textboxish-focus-styles;\r\n    border-top-width: 1px;\r\n    border-top-style: solid;\r\n    margin-top: -1px;\r\n  }\r\n\r\n  .CodeMirror-scroll {\r\n    max-height: 80px;\r\n  }\r\n}\r\n",".AvatarStack {\r\n  position: relative;\r\n  min-width: 26px;\r\n  height: 20px;\r\n\r\n  .AvatarStack-body {\r\n    position: absolute;\r\n  }\r\n\r\n  &.AvatarStack--two {\r\n    min-width: 36px;\r\n  }\r\n\r\n  &.AvatarStack--three {\r\n    min-width: 30px;\r\n  }\r\n\r\n  &.AvatarStack--plus {\r\n    min-width: 46px;\r\n  }\r\n\r\n  &.AvatarStack--small {\r\n    height: 16px;\r\n    min-width: 20px;\r\n\r\n    .avatar {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    &.AvatarStack--two {\r\n      min-width: 25px;\r\n    }\r\n\r\n    &.AvatarStack--three {\r\n      min-width: 30px;\r\n    }\r\n\r\n    &.AvatarStack--plus {\r\n      min-width: 40px;\r\n    }\r\n\r\n    .avatar.avatar-more {\r\n      &::before,\r\n      &::after {\r\n        height: 16px;\r\n      }\r\n\r\n      &::before {\r\n        width: 13px;\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      .avatar {\r\n        margin-right: 1px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.AvatarStack-body {\r\n  display: flex;\r\n  background: inherit;\r\n\r\n  // When the Avatar component fails to load an avatar\r\n  // image it renders a fallback SVG instead. The symbol is\r\n  // a generic silhouette of a person and we want to color\r\n  // that according to the current theme. This is set in\r\n  // avatar.scss already but duplicated here to override\r\n  // the specificity of the .avatar background:inherit below.\r\n  svg.avatar {\r\n    fill: var(--text-secondary-color);\r\n    background: var(--box-alt-background-color);\r\n  }\r\n\r\n  .avatar-container:nth-child(n + 5) {\r\n    .avatar {\r\n      display: none;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .avatar {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    width: 20px;\r\n    height: 20px;\r\n    box-sizing: content-box;\r\n    margin-right: -11px;\r\n    background-color: inherit;\r\n    box-shadow: 1px 0 0 var(--background-color);\r\n    border-radius: 50%;\r\n    transition: margin 0.1s ease-in-out;\r\n\r\n    &:first-child {\r\n      z-index: 3;\r\n    }\r\n\r\n    &:last-child {\r\n      z-index: 1;\r\n      box-shadow: none;\r\n    }\r\n\r\n    // stylelint-disable selector-max-type\r\n    img {\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    .avatar {\r\n      margin-right: 3px;\r\n    }\r\n\r\n    .avatar-container:nth-child(n + 5) {\r\n      .avatar {\r\n        display: flex;\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    .avatar-more {\r\n      display: none !important;\r\n    }\r\n  }\r\n}\r\n\r\n.avatar.avatar-more {\r\n  z-index: 1;\r\n  margin-right: 0;\r\n  background: $gray-100;\r\n  width: 10px !important;\r\n\r\n  &::before,\r\n  &::after {\r\n    position: absolute;\r\n    display: block;\r\n    height: 20px;\r\n    content: '';\r\n    border-radius: 50%;\r\n    outline: 1px solid $white;\r\n  }\r\n\r\n  &::before {\r\n    width: 17px;\r\n    background: $gray-200;\r\n  }\r\n\r\n  &::after {\r\n    width: 14px;\r\n    background: $gray-300;\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.commit-attribution-component {\r\n  @include ellipsis;\r\n}\r\n","@import '../mixins';\r\n\r\n.fancy-text-box-component {\r\n  background: var(--box-background-color);\r\n  display: flex;\r\n  align-items: center;\r\n  border: var(--base-border);\r\n  border-radius: var(--border-radius);\r\n\r\n  .fancy-octicon {\r\n    height: var(--text-field-height);\r\n    padding: var(--spacing-half) 0 var(--spacing-half) 7px;\r\n    border-right: none;\r\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\r\n    opacity: 0.5;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  &.focused {\r\n    @include textboxish-focus-styles;\r\n\r\n    .fancy-octicon {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  input {\r\n    border-left: none;\r\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n    border: none;\r\n    box-shadow: none;\r\n\r\n    &:focus {\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    background: var(--box-alt-background-color);\r\n  }\r\n}\r\n",".merge-status-component {\r\n  .merge-status-icon-container {\r\n    height: 20px;\r\n    position: relative;\r\n    text-align: center;\r\n\r\n    .merge-status {\r\n      background: var(--background-color);\r\n      border-width: 0 var(--spacing-half);\r\n      border: solid transparent;\r\n      box-sizing: content-box;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  .merge-status-loading {\r\n    color: $yellow-700;\r\n  }\r\n\r\n  .merge-status-conflicts {\r\n    color: var(--color-conflicted);\r\n  }\r\n\r\n  .merge-status-invalid {\r\n    color: $red-500;\r\n  }\r\n\r\n  .merge-status-clean {\r\n    color: $green-500;\r\n  }\r\n\r\n  .merge-message,\r\n  .merge-info {\r\n    margin-bottom: 0;\r\n    text-align: center;\r\n    color: var(--text-secondary-color);\r\n\r\n    strong {\r\n      color: var(--text-color);\r\n      overflow-wrap: break-word;\r\n      overflow-x: hidden;\r\n    }\r\n  }\r\n\r\n  .merge-message {\r\n    padding-bottom: var(--spacing);\r\n  }\r\n}\r\n\r\ndialog#merge {\r\n  .merge-info {\r\n    margin-top: var(--spacing-half);\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  .merge-status-component {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .merge-status-icon-container {\r\n    &:after {\r\n      border-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .dialog-footer {\r\n    padding-top: var(--spacing);\r\n  }\r\n}\r\n",".rebase-status-component {\r\n  .rebase-status-icon-container {\r\n    height: 20px;\r\n    position: relative;\r\n    text-align: center;\r\n\r\n    .rebase-status {\r\n      background: var(--background-color);\r\n      border-width: 0 var(--spacing-half);\r\n      border: solid transparent;\r\n      box-sizing: content-box;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  .rebase-status-loading {\r\n    color: var(--status-pending-color);\r\n  }\r\n\r\n  .rebase-status-conflicts {\r\n    color: var(--color-conflicted);\r\n  }\r\n\r\n  .rebase-status-invalid {\r\n    color: var(--status-error-color);\r\n  }\r\n\r\n  .rebase-status-clean {\r\n    color: var(--status-success-color);\r\n  }\r\n\r\n  .rebase-message,\r\n  .rebase-info {\r\n    margin-bottom: 0;\r\n    text-align: center;\r\n    color: var(--text-secondary-color);\r\n\r\n    strong {\r\n      color: var(--text-color);\r\n    }\r\n  }\r\n\r\n  .rebase-message {\r\n    padding-bottom: var(--spacing);\r\n  }\r\n}\r\n\r\ndialog#rebase {\r\n  .rebase-info {\r\n    margin-top: var(--spacing-half);\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  .rebase-status-component {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .rebase-status-icon-container {\r\n    &:after {\r\n      border-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .dialog-footer {\r\n    padding-top: var(--spacing);\r\n  }\r\n}\r\n",".filter-list.clone-github-repo {\r\n  .no-items {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    text-align: center;\r\n    margin: var(--spacing-double);\r\n    width: 100%;\r\n\r\n    .octicon {\r\n      fill: var(--text-secondary-color);\r\n      margin-right: var(--spacing-half);\r\n    }\r\n\r\n    &.loading {\r\n      color: var(--text-secondary-color);\r\n    }\r\n  }\r\n\r\n  .clone-repository-list-item {\r\n    .name {\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .archived {\r\n      flex-shrink: 0;\r\n      margin-left: var(--spacing-half);\r\n      font-size: var(--font-size-xs);\r\n      border: var(--contrast-border);\r\n      padding: 1px 3px;\r\n      border-radius: var(--border-radius);\r\n      text-transform: uppercase;\r\n    }\r\n  }\r\n}\r\n","@import '../variables';\r\n\r\n#stash-diff-viewer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  max-height: 100%;\r\n\r\n  .header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-bottom: var(--base-border);\r\n    padding: var(--spacing-triple) var(--spacing-double);\r\n\r\n    h3 {\r\n      font-weight: var(--font-weight-light);\r\n      font-size: var(--font-size-xl);\r\n      line-height: 1;\r\n      margin-bottom: var(--spacing);\r\n    }\r\n\r\n    .row {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-top: var(--spacing);\r\n    }\r\n\r\n    .button-group {\r\n      display: flex;\r\n      button {\r\n        margin-right: var(--spacing);\r\n      }\r\n    }\r\n\r\n    .explanatory-text {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-grow: 1;\r\n      margin-left: var(--spacing-half);\r\n\r\n      .text {\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .octicon {\r\n        fill: var(--text-secondary-color);\r\n        margin: 0 var(--spacing-half);\r\n        flex-shrink: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Necessary so that the diff doesn't expand\r\n  // beyond the width of the history\r\n  min-width: 0;\r\n\r\n  // for stash diff viewer\r\n  .file-list {\r\n    display: flex;\r\n    flex: 1;\r\n\r\n    border-right: var(--base-border);\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.commit-details {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex: 1;\r\n  overflow: hidden;\r\n  min-height: 150px;\r\n\r\n  .fill-window {\r\n    // necessary for \"no files in commit\" view to\r\n    // look right alongside blank diff\r\n    border-right: var(--base-border);\r\n  }\r\n\r\n  .file-list-header {\r\n    background: var(--box-alt-background-color);\r\n    border-bottom: 1px solid var(--box-border-color);\r\n    border-right: var(--base-border);\r\n    height: 30px;\r\n    line-height: 30px;\r\n    flex: 0 0 auto;\r\n    padding: 0 var(--spacing);\r\n    text-align: center;\r\n  }\r\n}\r\n",".tutorial-panel-component {\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  flex: 1 1 350px;\r\n  min-width: 274px;\r\n  max-width: 350px;\r\n  height: 100%;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--base-box-shadow);\r\n\r\n  // we need this to be high so the panel's box shadow\r\n  // appears on top of the codemirror buffer\r\n  z-index: var(--side-panel-z-index);\r\n  overflow-y: scroll;\r\n\r\n  .titleArea {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: var(--spacing-triple);\r\n    padding-left: var(--spacing-quint);\r\n    padding-right: var(--spacing-double);\r\n\r\n    h3 {\r\n      margin: 0;\r\n      font-weight: var(--font-weight-light);\r\n      font-size: var(--font-size-lg);\r\n    }\r\n    svg {\r\n      height: 46px;\r\n      width: 46px;\r\n    }\r\n  }\r\n\r\n  ol,\r\n  li,\r\n  summary {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n  summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  li,\r\n  .titleArea {\r\n    border-bottom: var(--base-border);\r\n  }\r\n\r\n  summary {\r\n    display: flex;\r\n    align-items: center;\r\n    font-weight: var(--font-weight-semibold);\r\n    padding: var(--spacing-double);\r\n\r\n    .summary-text {\r\n      color: var(--text-secondary-color);\r\n    }\r\n    .hang-right {\r\n      margin-left: auto;\r\n    }\r\n    .green-circle {\r\n      @extend %circle;\r\n      background-color: $green;\r\n      border-color: $green;\r\n      color: var(--badge-icon-color);\r\n    }\r\n    .blue-circle {\r\n      @extend %circle;\r\n      background-color: $blue;\r\n      border-color: $blue;\r\n      color: var(--badge-icon-color);\r\n    }\r\n    .empty-circle {\r\n      @extend %circle;\r\n      background-color: transparent;\r\n      border-color: var(--text-color);\r\n      opacity: 0.5;\r\n      color: var(--text-color);\r\n    }\r\n  }\r\n\r\n  details .contents {\r\n    padding-left: var(--spacing-triple);\r\n    padding-bottom: var(--spacing-double);\r\n    .description {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n    .action {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .button-component {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-right: var(--spacing);\r\n        .octicon {\r\n          margin-left: var(--spacing);\r\n          color: var(--text-secondary-color);\r\n          height: 14px;\r\n          width: 14px;\r\n        }\r\n      }\r\n\r\n      kbd {\r\n        // get these to align properly in a flex box\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--text-secondary-color);\r\n      }\r\n    }\r\n  }\r\n  details[open] summary {\r\n    padding-bottom: var(--spacing);\r\n    .summary-text {\r\n      color: var(--text-color);\r\n    }\r\n    // we only want to do this if its an (chevron) octicon\r\n    .hang-right .octicon {\r\n      transform: rotate(180deg);\r\n    }\r\n    .empty-circle {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .footer {\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: var(--spacing-double) 0;\r\n    margin-top: auto;\r\n  }\r\n}\r\n\r\n%circle {\r\n  border-radius: 50%;\r\n  border-style: solid;\r\n  border-width: 1px;\r\n  height: 18px;\r\n  width: 18px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: var(--spacing);\r\n  flex-shrink: 0;\r\n  flex-grow: 0;\r\n}\r\n","#tutorial-welcome {\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  align-items: center;\r\n  flex: 1 1 630px;\r\n  height: 100%;\r\n  padding: 0 var(--spacing-triple);\r\n\r\n  .header {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-flow: column nowrap;\r\n    align-items: center;\r\n    margin: var(--spacing-quint) 0;\r\n    padding-top: var(--spacing-double);\r\n    text-align: center;\r\n\r\n    h1 {\r\n      font-weight: var(--font-weight-light);\r\n      font-size: var(--font-size-xl);\r\n      line-height: 1.1;\r\n    }\r\n    p {\r\n      margin: var(--spacing-third) 0;\r\n      padding: 0;\r\n    }\r\n  }\r\n  .definitions {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    padding: 0;\r\n    max-width: 600px;\r\n    flex-wrap: wrap;\r\n\r\n    li {\r\n      display: flex;\r\n      flex-flow: column nowrap;\r\n      flex: 0 1 160px;\r\n      padding: 0 var(--spacing-half) var(--spacing-double);\r\n\r\n      img {\r\n        align-self: center;\r\n      }\r\n      p {\r\n        text-align: start;\r\n      }\r\n    }\r\n  }\r\n}\r\n",".nudge-arrow {\r\n  // all arrows need this base styling\r\n  &::after {\r\n    position: absolute;\r\n    content: '';\r\n    z-index: var(--nudge-arrow-z-index);\r\n  }\r\n\r\n  // branch menu highlight arrow and\r\n  // push branch button highlight arrow\r\n  &.nudge-arrow-up::after {\r\n    // yes, this is the svg for an octicon arrow up\r\n    background-image: url(\"data:image/svg+xml,%3Csvg width='22' height='36' viewBox='0 0 22 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6.59998L0 19.8H6.6V28.6H15.4V19.8H22L11 6.59998Z' fill='%232188FF'/%3E %3C/svg%3E \");\r\n    width: 22px;\r\n    height: 36px;\r\n    left: 35%;\r\n    // initially transparent\r\n    filter: opacity(0%);\r\n    animation: pointup 2s ease-out 6s infinite;\r\n  }\r\n\r\n  // commit message box highlight arrow\r\n  &.nudge-arrow-left::after {\r\n    // yes, this is the svg for an octicon arrow left\r\n    background-image: url(\"data:image/svg+xml,%3Csvg width='36' height='22' viewBox='0 0 36 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 11L20.2 22V15.4L29 15.4V6.6L20.2 6.6V0L7 11Z' fill='%232188FF'/%3E %3C/svg%3E \");\r\n    width: 36px;\r\n    height: 22px;\r\n    top: 25%;\r\n    // initially transparent\r\n    filter: opacity(0%);\r\n    animation: pointleft 2s ease-out 6s infinite;\r\n  }\r\n\r\n  @keyframes pointup {\r\n    // Faded out\r\n    0% {\r\n      filter: opacity(0%);\r\n      bottom: -55px;\r\n    }\r\n\r\n    // Faded out hold\r\n    20% {\r\n      filter: opacity(0%);\r\n      bottom: -55px;\r\n    }\r\n\r\n    // Fade in\r\n    30% {\r\n      filter: opacity(100%) drop-shadow(0 0 2px var(--background-color));\r\n      bottom: -40px;\r\n    }\r\n\r\n    // Hold fade in\r\n    40% {\r\n      bottom: -40px;\r\n    }\r\n\r\n    // Pulse out\r\n    50% {\r\n      bottom: -55px;\r\n    }\r\n\r\n    // Pulse in\r\n    60% {\r\n      bottom: -40px;\r\n    }\r\n\r\n    // Hold\r\n    70% {\r\n      filter: opacity(100%);\r\n      bottom: -40px;\r\n    }\r\n\r\n    // Fade out\r\n    80% {\r\n      filter: opacity(0%);\r\n      bottom: -55px;\r\n    }\r\n\r\n    // Fade out hold\r\n    100% {\r\n      filter: opacity(0%);\r\n      bottom: -55px;\r\n    }\r\n  }\r\n\r\n  @keyframes pointleft {\r\n    // Faded out\r\n    0% {\r\n      filter: opacity(0%);\r\n      right: -65px;\r\n    }\r\n\r\n    // Faded out hold\r\n    20% {\r\n      filter: opacity(0%);\r\n      right: -65px;\r\n    }\r\n\r\n    // Fade in\r\n    30% {\r\n      filter: opacity(100%) drop-shadow(0 0 2px var(--background-color));\r\n      right: -50px;\r\n    }\r\n\r\n    // Hold fade in\r\n    40% {\r\n      right: -50px;\r\n    }\r\n\r\n    // Pulse out\r\n    50% {\r\n      right: -65px;\r\n    }\r\n\r\n    // Pulse in\r\n    60% {\r\n      right: -50px;\r\n    }\r\n\r\n    // Hold\r\n    70% {\r\n      filter: opacity(100%) drop-shadow(0 0 2px var(--background-color));\r\n      right: -50px;\r\n    }\r\n\r\n    // Fade out\r\n    80% {\r\n      filter: opacity(0%);\r\n      right: -65px;\r\n    }\r\n\r\n    // Fade out hold\r\n    100% {\r\n      filter: opacity(0%);\r\n      right: -65px;\r\n    }\r\n  }\r\n}\r\n","#tutorial-done {\r\n  padding: var(--spacing-quad);\r\n  flex: 1 1 700px;\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n\r\n  .header {\r\n    display: flex;\r\n    flex-direction: row;\r\n\r\n    .text {\r\n      flex-grow: 1;\r\n      margin-right: var(--spacing-double);\r\n\r\n      h1 {\r\n        padding: 0;\r\n        margin: 0;\r\n        font-size: var(--font-size-xl);\r\n        font-weight: var(--font-weight-light);\r\n      }\r\n\r\n      p {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .image {\r\n      flex: 0;\r\n      height: 70px;\r\n      width: 73px;\r\n      min-width: 70px;\r\n      min-height: 73px;\r\n      align-self: flex-end;\r\n    }\r\n\r\n    margin-bottom: var(--spacing-double);\r\n  }\r\n\r\n  .content {\r\n    width: 100%;\r\n    max-width: 600px;\r\n  }\r\n}\r\n",".suggested-action {\r\n  border: var(--base-border);\r\n  border-bottom: 0;\r\n  padding: var(--spacing-double);\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  &:first-child {\r\n    border-top-left-radius: var(--border-radius);\r\n    border-top-right-radius: var(--border-radius);\r\n  }\r\n\r\n  &:last-child {\r\n    border-bottom-left-radius: var(--border-radius);\r\n    border-bottom-right-radius: var(--border-radius);\r\n    border-bottom: var(--base-border);\r\n  }\r\n\r\n  &.primary {\r\n    background: var(--primary-suggested-action-background);\r\n    border-color: var(--primary-suggested-action-border-color);\r\n  }\r\n\r\n  .text-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    margin-right: var(--spacing-double);\r\n  }\r\n\r\n  .image-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    margin-right: var(--spacing-double);\r\n    flex-shrink: 0;\r\n    .octicon {\r\n      height: 100%;\r\n      width: 100%;\r\n      color: var(--suggested-action-icon-color);\r\n    }\r\n  }\r\n\r\n  h2 {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: var(--font-size);\r\n    font-weight: var(--font-weight-semibold);\r\n  }\r\n\r\n  p.description {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: var(--font-size);\r\n    margin-bottom: var(--spacing-half);\r\n  }\r\n\r\n  p.discoverability {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: var(--font-size);\r\n    color: var(--text-secondary-color);\r\n\r\n    kbd {\r\n      color: var(--text-color);\r\n    }\r\n  }\r\n\r\n  .button-component {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  /** Switch to a vertical layout at 1.25x zoom and above **/\r\n  @media screen and (max-width: 768px) {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n\r\n    .text-wrapper {\r\n      margin-right: 0;\r\n      margin-bottom: var(--spacing-double);\r\n    }\r\n  }\r\n}\r\n",".suggested-action-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  &.primary {\r\n    margin-bottom: var(--spacing);\r\n  }\r\n\r\n  // 'replace' animation styles\r\n  .replace-leave {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n  .replace-leave.replace-leave-active {\r\n    opacity: 0;\r\n    transform: translate3d(100%, 0, 0);\r\n    transition: opacity 200ms ease-in, transform 250ms var(--easing-ease-in-back);\r\n  }\r\n\r\n  .replace-enter {\r\n    opacity: 0;\r\n    transform: translate3d(-100%, 0, 0);\r\n  }\r\n\r\n  .replace-enter.replace-enter-active {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition: opacity 200ms ease-in 500ms, transform 250ms var(--easing-ease-out-back) 500ms;\r\n  }\r\n\r\n  &.replace-height {\r\n    transition: height 250ms ease-out 250ms;\r\n  }\r\n}\r\n",".config-lock-file-exists-component {\r\n  p:first-child {\r\n    margin-top: 0;\r\n  }\r\n  p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  .ref-component {\r\n    display: inline-block;\r\n    padding: 0;\r\n    font-size: var(--font-size-sm);\r\n  }\r\n}\r\n","#local-changes-overwritten {\r\n  .dialog-content {\r\n    .files-list {\r\n      max-height: 175px;\r\n      overflow-y: auto;\r\n      font-family: var(--font-family-monospace);\r\n      margin-bottom: var(--spacing);\r\n\r\n      ul {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n\r\n        li {\r\n          padding-left: 0;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n",".side-by-side-diff-container {\r\n  --width-line-number: 55px;\r\n\r\n  --hunk-handle-width-with-check-all: 16px;\r\n  --hunk-handle-width: 4px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  flex-grow: 1;\r\n  position: relative;\r\n\r\n  &,\r\n  * {\r\n    cursor: text;\r\n    user-select: text;\r\n  }\r\n\r\n  .sr-only {\r\n    user-select: none;\r\n  }\r\n\r\n  // See https://github.com/desktop/desktop/pull/15128#issuecomment-1232689068\r\n  &:not(:focus-within) .content,\r\n  &.selecting-before .after,\r\n  &.selecting-after .before {\r\n    &,\r\n    * {\r\n      user-select: none;\r\n    }\r\n  }\r\n\r\n  &.editable {\r\n    .row {\r\n      .before {\r\n        flex-direction: row-reverse;\r\n        border-right: none;\r\n      }\r\n\r\n      &.context .before {\r\n        border-right: calc(var(--hunk-handle-width) / 2) solid var(--diff-border-color);\r\n      }\r\n\r\n      &.context .after {\r\n        border-left: calc(var(--hunk-handle-width) / 2) solid var(--diff-border-color);\r\n      }\r\n\r\n      &.has-check-all-control.context .before {\r\n        border-right: calc(var(--hunk-handle-width-with-check-all) / 2) solid var(--diff-border-color);\r\n      }\r\n\r\n      &.has-check-all-control.context .after {\r\n        border-left: calc(var(--hunk-handle-width-with-check-all) / 2) solid var(--diff-border-color);\r\n      }\r\n\r\n      &.has-check-all-control {\r\n        .hunk-expansion-handle {\r\n          padding-left: calc(var(--hunk-handle-width-with-check-all) / 2);\r\n          padding-right: calc(var(--hunk-handle-width-with-check-all) / 2);\r\n        }\r\n      }\r\n\r\n      .hunk-expansion-handle {\r\n        padding-left: calc(var(--hunk-handle-width) / 2);\r\n        padding-right: calc(var(--hunk-handle-width) / 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  .side-by-side-diff {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    width: 100%;\r\n    font-family: var(--font-family-monospace);\r\n    font-size: var(--font-size-sm);\r\n    color: var(--diff-text-color);\r\n    background: var(--background-color);\r\n  }\r\n\r\n  .ReactVirtualized__Grid:focus {\r\n    outline: none;\r\n  }\r\n\r\n  .ReactVirtualized__Grid__innerScrollContainer {\r\n    border-bottom: 1px solid var(--diff-border-color);\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: row;\r\n    line-height: 20px;\r\n    position: relative;\r\n    height: 100%;\r\n\r\n    // Allow right-clicks to go through the octicons to their parent\r\n    .line-number .octicon,\r\n    .hunk-handle .octicon {\r\n      pointer-events: none;\r\n    }\r\n\r\n    &.hunk-info {\r\n      background: var(--diff-hunk-background-color);\r\n      color: var(--diff-hunk-text-color);\r\n      align-items: center;\r\n\r\n      .line-number {\r\n        background: var(--diff-hunk-background-color);\r\n        border-color: var(--diff-border-color);\r\n      }\r\n    }\r\n\r\n    &.added .before,\r\n    &.deleted .after {\r\n      background: var(--diff-empty-row-background-color);\r\n\r\n      .line-number {\r\n        background: var(--diff-empty-row-gutter-background-color);\r\n        border-color: var(--diff-border-color);\r\n      }\r\n    }\r\n\r\n    &.context .before,\r\n    &.context .after {\r\n      background: var(--diff-background-color);\r\n      color: var(--diff-text-color);\r\n\r\n      .line-number {\r\n        background: var(--diff-gutter-background-color);\r\n        border-color: var(--diff-border-color);\r\n      }\r\n    }\r\n\r\n    .before,\r\n    .after {\r\n      width: 50%;\r\n      display: flex;\r\n      flex-direction: row;\r\n      position: relative;\r\n    }\r\n\r\n    .before {\r\n      color: var(--diff-delete-text-color);\r\n      background: var(--diff-delete-background-color);\r\n\r\n      .line-number {\r\n        background: var(--diff-delete-gutter-background-color);\r\n        border-color: var(--diff-delete-border-color);\r\n      }\r\n\r\n      .selectable {\r\n        &.hoverable:hover {\r\n          border-color: var(--diff-delete-hover-border-color);\r\n        }\r\n\r\n        &.hoverable:hover,\r\n        &.hoverable:hover label,\r\n        &.hover,\r\n        &.hover label,\r\n        input:focus-visible + label {\r\n          background: var(--diff-delete-hover-background-color);\r\n          color: var(--diff-delete-hover-text-color);\r\n          border-color: var(--diff-delete-hover-border-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    .after {\r\n      color: var(--diff-add-text-color);\r\n      background: var(--diff-add-background-color);\r\n\r\n      .line-number {\r\n        background: var(--diff-add-gutter-background-color);\r\n        border-color: var(--diff-add-border-color);\r\n      }\r\n\r\n      .selectable {\r\n        &.hoverable:hover {\r\n          border-color: var(--diff-add-hover-border-color);\r\n        }\r\n\r\n        &.hoverable:hover,\r\n        &.hoverable:hover label,\r\n        &.hover,\r\n        &.hover label,\r\n        input:focus-visible + label {\r\n          background: var(--diff-add-hover-background-color);\r\n          color: var(--diff-add-hover-text-color);\r\n          border-color: var(--diff-add-hover-border-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    input:focus-visible + label.hunk-handle.selected {\r\n      background: var(--diff-hover-background-color);\r\n    }\r\n\r\n    input:focus-visible + label.hunk-handle {\r\n      .focus-handle {\r\n        outline: 2px solid var(--diff-linenumber-focus-color);\r\n        outline-offset: 3px;\r\n      }\r\n    }\r\n\r\n    .hunk-handle-place-holder,\r\n    .hunk-handle {\r\n      width: var(--hunk-handle-width);\r\n      height: 100%;\r\n      background-color: var(--diff-empty-hunk-handle);\r\n\r\n      &.selected {\r\n        background-color: var(--diff-selected-border-color);\r\n      }\r\n    }\r\n\r\n    .hunk-handle {\r\n      position: absolute;\r\n      display: flex;\r\n      left: calc(50% - var(--hunk-handle-width) / 2);\r\n      color: white;\r\n      padding-top: 3px;\r\n      text-align: center;\r\n      user-select: none;\r\n\r\n      * {\r\n        user-select: none;\r\n      }\r\n\r\n      .focus-handle {\r\n        border-radius: var(--border-radius);\r\n        height: calc(100% + 4px);\r\n        width: 100%;\r\n        margin-top: -4px;\r\n        padding-top: 3px;\r\n      }\r\n\r\n      .octicon {\r\n        height: 12px;\r\n      }\r\n\r\n      * {\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    &.has-check-all-control {\r\n      .hunk-handle-place-holder,\r\n      .hunk-handle {\r\n        width: var(--hunk-handle-width-with-check-all);\r\n      }\r\n\r\n      .hunk-handle {\r\n        left: calc(50% - var(--hunk-handle-width-with-check-all) / 2);\r\n      }\r\n\r\n      input:focus-visible + label.hunk-handle {\r\n        .focus-handle {\r\n          outline-offset: -3px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .hunk-handle {\r\n      z-index: 1;\r\n\r\n      &.hoverable {\r\n        cursor: pointer;\r\n      }\r\n\r\n      .increased-hover-surface {\r\n        position: absolute;\r\n        margin-left: -5px;\r\n        width: 15px;\r\n        z-index: 1;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    &.modified {\r\n      .increased-hover-surface {\r\n        width: 20px;\r\n        margin-left: -8px;\r\n      }\r\n    }\r\n\r\n    .hunk-expansion-handle {\r\n      button {\r\n        overflow: inherit;\r\n        text-overflow: inherit;\r\n        white-space: inherit;\r\n        font-family: inherit;\r\n        font-size: inherit;\r\n        border: none;\r\n        height: inherit;\r\n        color: inherit;\r\n        background-color: inherit;\r\n        width: calc(100% - 2px);\r\n        height: calc(100% - var(--spacing));\r\n        padding: 0px;\r\n        padding-top: 4px;\r\n        padding-bottom: 1px;\r\n        margin: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        outline-offset: 0;\r\n      }\r\n      width: var(--width-line-number);\r\n      flex-shrink: 0;\r\n      background: var(--diff-hunk-background-color);\r\n      color: var(--diff-hunk-text-color);\r\n      display: flex;\r\n      box-sizing: content-box;\r\n\r\n      &.selectable.hoverable {\r\n        * {\r\n          cursor: pointer;\r\n        }\r\n\r\n        &:hover {\r\n          background: var(--diff-hover-background-color);\r\n          border-color: var(--diff-hover-border-color);\r\n          color: var(--diff-hover-text-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    .line-number {\r\n      width: var(--width-line-number);\r\n      flex-shrink: 0;\r\n      background: var(--diff-gutter-background-color);\r\n      color: var(--diff-line-number-color);\r\n      display: flex;\r\n      box-sizing: content-box;\r\n      position: relative;\r\n\r\n      input {\r\n        user-select: none;\r\n      }\r\n\r\n      label {\r\n        width: 100%;\r\n        display: flex;\r\n        border-color: inherit;\r\n        border-radius: var(--border-radius);\r\n\r\n        .line-number-check {\r\n          display: flex;\r\n          justify-content: center;\r\n          width: 20px;\r\n          flex-shrink: 0;\r\n          padding-top: 3.5px;\r\n\r\n          .octicon {\r\n            height: 12px;\r\n          }\r\n        }\r\n\r\n        span {\r\n          flex: 1;\r\n          user-select: none;\r\n          padding: 0 var(--spacing-half);\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          // Workaround to show the ellipsis at the beginning of\r\n          // the line number when it's too long.\r\n          direction: rtl;\r\n        }\r\n      }\r\n\r\n      &.selectable {\r\n        input:focus-visible + label {\r\n          outline: 2px solid var(--diff-linenumber-focus-color);\r\n          outline-offset: -3px;\r\n        }\r\n\r\n        .line-number-check,\r\n        .line-number-check .octicon,\r\n        .line-number-check .octicon path,\r\n        &.hoverable span {\r\n          cursor: pointer;\r\n        }\r\n\r\n        &.line-selected {\r\n          border-color: var(--diff-selected-border-color);\r\n          background: var(--diff-selected-background-color);\r\n\r\n          label {\r\n            background: var(--diff-selected-background-color);\r\n            color: var(--diff-selected-text-color);\r\n            border-color: var(--diff-selected-border-color);\r\n          }\r\n\r\n          &.hoverable:hover {\r\n            border-color: var(--diff-hover-border-color);\r\n          }\r\n\r\n          &.hoverable:hover,\r\n          &.hoverable:hover label,\r\n          &.hover,\r\n          &.hover label,\r\n          input:focus-visible + label {\r\n            background: var(--diff-hover-background-color);\r\n            color: var(--diff-hover-text-color);\r\n            border-color: var(--diff-hover-border-color);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .content {\r\n      display: flex;\r\n      white-space: pre-wrap;\r\n      overflow-y: auto;\r\n      flex-grow: 1;\r\n      word-break: break-all;\r\n\r\n      .prefix {\r\n        user-select: none;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .octicon {\r\n        height: 8px;\r\n        fill: var(--error-color);\r\n        display: inline-block;\r\n        margin-left: 3px;\r\n        margin-bottom: -1px;\r\n      }\r\n    }\r\n\r\n    .popover-component.whitespace-hint {\r\n      width: 275px;\r\n      &,\r\n      * {\r\n        cursor: default;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.unified-diff {\r\n    .row {\r\n      .before,\r\n      .after {\r\n        width: 100% !important;\r\n        border: none;\r\n        flex-direction: row;\r\n      }\r\n\r\n      &.hunk-info {\r\n        .line-number {\r\n          background: var(--diff-hunk-gutter-background-color);\r\n          border-color: var(--diff-hunk-border-color);\r\n        }\r\n        .hunk-expansion-handle {\r\n          background: var(--diff-hunk-gutter-background-color);\r\n          border-right-width: 1px;\r\n          border-right-style: solid;\r\n          border-color: var(--diff-hunk-gutter-background-color);\r\n          align-self: stretch;\r\n          align-items: center;\r\n\r\n          &.selectable:hover {\r\n            border-color: var(--diff-hover-background-color);\r\n          }\r\n        }\r\n      }\r\n\r\n      .hunk-handle {\r\n        left: 0;\r\n      }\r\n\r\n      &.context .before {\r\n        margin-right: 0;\r\n      }\r\n      &.context .after {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .line-number {\r\n        width: calc(var(--width-line-number) * 2);\r\n        border-left: none;\r\n        border-right-width: 1px;\r\n        border-right-style: solid;\r\n\r\n        span:first-of-type {\r\n          border-right-width: 1px;\r\n          border-right-style: solid;\r\n          border-color: inherit;\r\n        }\r\n\r\n        span:last-child {\r\n          border: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.editable {\r\n      .row {\r\n        &.context .before,\r\n        &.context .after {\r\n          border-right: none;\r\n        }\r\n\r\n        &.context {\r\n          border-left: var(--hunk-handle-width) solid var(--diff-border-color);\r\n        }\r\n\r\n        &.has-check-all-control.context {\r\n          border-left: var(--hunk-handle-width-with-check-all) solid var(--diff-border-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .diff-search {\r\n    position: absolute;\r\n    top: 0;\r\n    right: var(--spacing);\r\n    border: var(--base-border);\r\n    border-top: 0;\r\n    border-radius: 0 0 var(--border-radius) var(--border-radius);\r\n    padding: var(--spacing-half) var(--spacing);\r\n    box-shadow: var(--base-box-shadow);\r\n    z-index: var(--popup-z-index);\r\n    background: var(--background-color);\r\n\r\n    .text-box-component {\r\n      input {\r\n        border: 0;\r\n        box-shadow: none;\r\n\r\n        background: var(--box-background-color);\r\n        color: var(--text-color);\r\n        font-size: var(--font-size);\r\n        font-family: var(--font-family-sans-serif);\r\n        height: var(--text-field-height);\r\n        padding: 0;\r\n        width: 180px;\r\n\r\n        &:focus {\r\n          border: none;\r\n          outline: 0;\r\n          box-shadow: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .cm-search-result {\r\n    // match codemirror for now\r\n    // https://github.com/codemirror/CodeMirror/blob/264022ee4af4abca1c158944dc299a8faf8696d6/lib/codemirror.css#L333\r\n    background-color: rgba(255, 255, 0, 0.4);\r\n\r\n    &.cm-selected {\r\n      background: Highlight;\r\n      color: HighlightText;\r\n    }\r\n  }\r\n}\r\n",".diff-options-component {\r\n  position: relative;\r\n  display: flex;\r\n\r\n  > button {\r\n    -webkit-appearance: none;\r\n    font-family: inherit;\r\n    background: transparent;\r\n    border: none;\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: row;\r\n\r\n    color: var(--text-color);\r\n\r\n    &:hover {\r\n      color: var(--text-secondary-color);\r\n    }\r\n\r\n    &:focus {\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .octicon {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  .call-to-action-bubble {\r\n    font-weight: var(--font-weight-semibold);\r\n    display: inline-block;\r\n    font-size: var(--font-size-xs);\r\n    border: 1px solid var(--call-to-action-bubble-border-color);\r\n    color: var(--call-to-action-bubble-color);\r\n    padding: 1px 5px;\r\n    border-radius: var(--border-radius);\r\n    margin-left: var(--spacing-third);\r\n  }\r\n\r\n  label {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .secondary-text {\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  h3 {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  legend {\r\n    margin-top: 0px;\r\n    margin-bottom: 0.5rem;\r\n    font-weight: bold;\r\n    padding: 0px;\r\n  }\r\n\r\n  fieldset {\r\n    border: none;\r\n    margin: 0px;\r\n    padding: 0px;\r\n\r\n    margin-top: 0.5em;\r\n    &:not(:last-child) {\r\n      margin-bottom: 0.5em;\r\n    }\r\n  }\r\n\r\n  fieldset.button-group {\r\n    display: flex;\r\n    flex-direction: row;\r\n  }\r\n\r\n  .secondary-text {\r\n    margin-top: 0.5em;\r\n    margin-bottom: 0.5em;\r\n  }\r\n\r\n  .popover-component {\r\n    width: 250px;\r\n  }\r\n}\r\n",".commit-message-avatar-component {\r\n  // With this, the popover's absolute position will be relative to its parent\r\n  position: relative;\r\n  width: var(--text-field-height);\r\n  height: var(--text-field-height);\r\n\r\n  .avatar-button {\r\n    // override default button styles\r\n    overflow: inherit;\r\n    text-overflow: inherit;\r\n    white-space: inherit;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    padding: inherit;\r\n    border: none;\r\n    height: inherit;\r\n    color: inherit;\r\n    background-color: none;\r\n\r\n    border-radius: 50%;\r\n\r\n    .avatar-container,\r\n    .avatar {\r\n      flex-shrink: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .toggletip {\r\n    margin-right: var(--spacing-half);\r\n  }\r\n\r\n  .warning-badge {\r\n    background-color: var(--commit-warning-badge-background-color);\r\n    border: var(--commit-warning-badge-border-color) 1px solid;\r\n    width: 18px;\r\n    height: 18px;\r\n    position: absolute;\r\n    margin-top: -6px;\r\n    margin-left: -7px;\r\n    border-radius: 9px;\r\n\r\n    > svg {\r\n      height: 10px;\r\n      // With width=100%, the icon will be centered horizontally\r\n      width: 100%;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    &.warning > svg {\r\n      color: var(--input-icon-warning-color);\r\n    }\r\n\r\n    &.error > svg {\r\n      color: var(--input-icon-error-color);\r\n    }\r\n  }\r\n\r\n  label {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  section + section {\r\n    margin-top: var(--spacing);\r\n  }\r\n\r\n  section.button-group {\r\n    display: flex;\r\n    flex-direction: row;\r\n  }\r\n\r\n  .button-row {\r\n    justify-content: flex-end;\r\n\r\n    button {\r\n      min-width: 120px;\r\n      margin-right: var(--spacing-half);\r\n    }\r\n  }\r\n\r\n  .secondary-text {\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  .git-email {\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  .popover-component {\r\n    // This allows for using <Rows> to structure content within dialog content.\r\n    // All Rows that are direct descendants of dialog content except for the\r\n    // last one receive a bottom margin.\r\n    .row-component:not(:last-child) {\r\n      margin-bottom: var(--spacing);\r\n    }\r\n\r\n    width: 300px;\r\n  }\r\n\r\n  .link-button-component {\r\n    display: inline;\r\n  }\r\n}\r\n",".popover-component {\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family-sans-serif);\r\n\r\n  background: var(--background-color);\r\n  color: var(--text-color);\r\n  border-radius: var(--border-radius);\r\n  border: var(--base-border);\r\n\r\n  box-shadow: var(--base-box-shadow);\r\n\r\n  .popover-content {\r\n    padding: var(--spacing-double);\r\n    border-radius: var(--border-radius);\r\n  }\r\n\r\n  & > p:first-of-type,\r\n  & > h3:first-of-type {\r\n    margin-top: 0;\r\n  }\r\n\r\n  footer {\r\n    .button-group {\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    button {\r\n      @include ellipsis;\r\n      margin-right: var(--spacing-half);\r\n      min-width: 60px;\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.appear-shake {\r\n    animation: popover-shake 0.15s both;\r\n    transform: translate3d(0, 0, 0);\r\n\r\n    // This is a fairly jarring animation so let's make sure we don't\r\n    // run it for people who don't want excess motion.\r\n    @media (prefers-reduced-motion) {\r\n      animation: none;\r\n    }\r\n  }\r\n\r\n  // animate.css more or less\r\n  @keyframes popover-shake {\r\n    from,\r\n    to {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n\r\n    10%,\r\n    30%,\r\n    50%,\r\n    70%,\r\n    90% {\r\n      transform: translate3d(-5px, 0, 0);\r\n    }\r\n\r\n    20%,\r\n    40%,\r\n    60%,\r\n    80% {\r\n      transform: translate3d(5px, 0, 0);\r\n    }\r\n  }\r\n}\r\n\r\n.popover-tip {\r\n  * {\r\n    border-style: solid;\r\n    border-color: transparent;\r\n  }\r\n\r\n  .popover-tip-background {\r\n    border-right-color: var(--background-color);\r\n  }\r\n\r\n  .popover-tip-border {\r\n    border-right-color: var(--box-border-color);\r\n  }\r\n}\r\n","#commit-drag-element {\r\n  display: block;\r\n  position: absolute;\r\n  height: 50px;\r\n  min-width: 300px;\r\n  z-index: 1000;\r\n  padding: 0;\r\n\r\n  .commit-box {\r\n    box-shadow: 2px 1px 1px 0px var(--box-border-color);\r\n    border-top: 1px solid var(--box-border-color);\r\n    border-left: 1px solid var(--box-border-color);\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    background-color: var(--background-color);\r\n    overflow: hidden;\r\n\r\n    .commit {\r\n      border-bottom: none;\r\n      max-width: 300px;\r\n    }\r\n\r\n    .count {\r\n      background-image: linear-gradient(#d73a49, darken(#d73a49, 5%));\r\n      color: white;\r\n      width: 18px;\r\n      height: 18px;\r\n      font-weight: 500;\r\n      font-size: 11px;\r\n      position: absolute;\r\n      top: -22px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      border-radius: 100%;\r\n    }\r\n  }\r\n\r\n  &:not(.in-keyboard-insertion-mode) .commit-box .count {\r\n    left: 20px;\r\n  }\r\n\r\n  .tool-tip-contents {\r\n    position: absolute;\r\n    bottom: -35px;\r\n    left: 0px;\r\n    background-color: var(--background-color);\r\n    border: 1px solid var(--box-border-color);\r\n    color: var(--text-color);\r\n    padding: var(--spacing-third) var(--spacing-half);\r\n\r\n    @include darwin {\r\n      padding: 1px var(--spacing-third);\r\n      font-size: 11px;\r\n      bottom: -25px;\r\n      background-color: var(--title-tool-tip-background-color);\r\n      border-radius: 1px;\r\n      box-shadow: var(--title-tool-tip-shadow);\r\n    }\r\n\r\n    .branch-name {\r\n      margin-left: var(--spacing-third);\r\n    }\r\n\r\n    @include win32 {\r\n      .copy-to,\r\n      .copy-to-icon {\r\n        color: var(--link-button-color);\r\n      }\r\n    }\r\n\r\n    div {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      white-space: nowrap;\r\n    }\r\n  }\r\n\r\n  &.multiple-selected::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: var(--background-color);\r\n    z-index: -1;\r\n    left: 7px;\r\n    top: 5px;\r\n    box-shadow: 1px 1px 1px 1px var(--box-border-color);\r\n  }\r\n}\r\n\r\n.keyboard-insertion-element #commit-drag-element {\r\n  position: relative;\r\n}\r\n","@import 'drag-elements/commit-drag-element';\r\n\r\n#dragElement {\r\n  position: absolute;\r\n}\r\n","#drag-overlay-background {\r\n  position: absolute;\r\n  top: 72px;\r\n  background: var(--overlay-background-color);\r\n  height: 100%;\r\n  width: 100%;\r\n  cursor: not-allowed;\r\n  z-index: var(--drag-overlay-z-index);\r\n}\r\n",".dropdown-select-button {\r\n  position: relative;\r\n\r\n  .dropdown-button-wrappers {\r\n    display: flex;\r\n  }\r\n\r\n  &.open-bottom {\r\n    .invoke-button {\r\n      border-bottom-left-radius: 0;\r\n    }\r\n\r\n    .dropdown-button {\r\n      border-bottom-right-radius: 0;\r\n    }\r\n\r\n    .dropdown-select-button-options {\r\n      border-top-right-radius: 0;\r\n      border-top-left-radius: 0;\r\n    }\r\n  }\r\n\r\n  &.open-top {\r\n    .invoke-button {\r\n      border-top-left-radius: 0;\r\n    }\r\n\r\n    .dropdown-button {\r\n      border-top-right-radius: 0;\r\n    }\r\n\r\n    .dropdown-select-button-options {\r\n      border-bottom-right-radius: 0;\r\n      border-bottom-left-radius: 0;\r\n    }\r\n  }\r\n\r\n  .invoke-button {\r\n    display: inline;\r\n    border-bottom-right-radius: 0;\r\n    border-top-right-radius: 0;\r\n    margin-right: 0;\r\n    height: 30px;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .dropdown-button {\r\n    min-width: 30px;\r\n    padding: var(--spacing-half);\r\n    margin: 0;\r\n    border-bottom-left-radius: 0;\r\n    border-top-left-radius: 0;\r\n    min-width: auto;\r\n    height: 30px;\r\n    background-color: var(--button-background);\r\n    color: var(--button-text-color);\r\n    border: 1px solid var(--button-background);\r\n\r\n    &:focus {\r\n      border-color: var(--button-background);\r\n      background-color: var(--button-hover-background);\r\n    }\r\n\r\n    &:not(:disabled):hover {\r\n      border-color: var(--button-background);\r\n      background-color: var(--button-hover-background);\r\n    }\r\n\r\n    &.disabled {\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n\r\n  .dropdown-select-button-options {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    font-size: var(--font-size);\r\n    color: var(--text-color);\r\n    background-color: var(--box-alt-background-color);\r\n    background-clip: padding-box;\r\n    border-radius: var(--border-radius);\r\n    z-index: 100;\r\n    box-shadow: var(--base-box-shadow);\r\n    width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n    outline: 1px solid var(--box-border-color);\r\n\r\n    .menu-pane {\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .menu-item {\r\n      border-bottom: 1px solid var(--box-border-color);\r\n      height: auto;\r\n      padding: var(--spacing) var(--spacing-double);\r\n      padding-left: var(--spacing-triple);\r\n      align-items: normal;\r\n      border-radius: 0;\r\n\r\n      &:focus-visible {\r\n        outline: none;\r\n      }\r\n\r\n      .label {\r\n        margin-left: 0;\r\n        white-space: inherit;\r\n      }\r\n\r\n      .option-description {\r\n        color: var(--text-secondary-color);\r\n        font-size: var(--font-size-sm);\r\n      }\r\n\r\n      .icon {\r\n        position: absolute;\r\n        left: var(--spacing);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nbody.theme-dark {\r\n  .dropdown-select-button-options {\r\n    box-shadow: none;\r\n    margin-top: 1px;\r\n    width: 100%;\r\n  }\r\n}\r\n",".ci-check-list-item {\r\n  display: flex;\r\n  width: 100%;\r\n  border: none;\r\n  border-bottom: var(--base-border);\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: var(--background-color);\r\n\r\n  &.condensed {\r\n    border-bottom: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .ci-check-status-symbol {\r\n      padding: var(--spacing-third);\r\n      display: flex;\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  &.sticky {\r\n    position: sticky;\r\n    background-color: var(--background-color);\r\n    top: 29px;\r\n    z-index: var(--list-sticky-header-second-level-z-index);\r\n\r\n    &:focus-visible,\r\n    &:hover {\r\n      background-color: var(--background-color);\r\n    }\r\n  }\r\n\r\n  .job-step-toggled-indicator {\r\n    color: var(--text-secondary-color);\r\n    margin-right: var(--spacing-half);\r\n  }\r\n\r\n  .ci-check-status-symbol {\r\n    margin: calc(var(--spacing) * 1.5) 0;\r\n  }\r\n\r\n  .ci-check-list-item-detail {\r\n    flex: 1;\r\n    margin: auto var(--spacing);\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .ci-check-name {\r\n    font-weight: var(--font-weight-semibold);\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    font-size: inherit;\r\n    margin: 0;\r\n  }\r\n\r\n  .ci-check-description {\r\n    color: var(--text-secondary-color);\r\n    font-weight: var(--text-secondary-color);\r\n    font-size: var(--font-size-sm);\r\n    line-height: 9px;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n\r\n    width: 250px;\r\n    height: 12px;\r\n  }\r\n\r\n  &.button-component {\r\n    // Remove default button styles\r\n    height: 100%;\r\n    border-radius: unset;\r\n    text-align: unset;\r\n\r\n    &:focus {\r\n      outline-offset: 0px;\r\n    }\r\n\r\n    &:hover,\r\n    &:focus-visible,\r\n    &:not([aria-disabled='true']):hover {\r\n      border-color: var(--box-border-color);\r\n      background: var(--box-selected-background-color);\r\n    }\r\n\r\n    &.selected {\r\n      background: var(--box-selected-background-color);\r\n\r\n      &:focus {\r\n        color: var(--box-selected-active-text-color);\r\n        background: var(--box-selected-active-background-color);\r\n\r\n        .ci-check-description {\r\n          color: var(--box-selected-active-text-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.ci-steps-container {\r\n  background-color: var(--box-alt-background-color);\r\n  padding: var(--spacing);\r\n  border-bottom: var(--base-border);\r\n\r\n  &.no-steps {\r\n    height: 150px;\r\n  }\r\n}\r\n",".ci-check-run-list {\r\n  :first-child {\r\n    &.ci-check-run-list-group {\r\n      :first-child {\r\n        &.ci-check-run-list-group-header {\r\n          &.condensed {\r\n            padding-top: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .ci-check-run-list-group {\r\n    h2 {\r\n      margin: 0;\r\n      font-size: inherit;\r\n      font-weight: inherit;\r\n    }\r\n  }\r\n\r\n  .ci-check-run-list-group-header {\r\n    position: sticky;\r\n    top: 0;\r\n    padding: var(--spacing-half) var(--spacing);\r\n    background-color: var(--background-color);\r\n    border-bottom: var(--base-border);\r\n    filter: brightness(98%);\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    z-index: var(--list-sticky-header-top-level-z-index);\r\n\r\n    &.condensed {\r\n      font-weight: var(--font-weight-semibold);\r\n      background-color: inherit;\r\n      border-bottom: none;\r\n      padding: var(--spacing-half);\r\n    }\r\n  }\r\n}\r\n",".ci-check-list-popover {\r\n  .popover-component {\r\n    width: 440px;\r\n\r\n    .popover-content {\r\n      padding: 0px;\r\n    }\r\n\r\n    .popover-tip-background {\r\n      border-right-color: var(--box-alt-background-color);\r\n    }\r\n  }\r\n\r\n  .ci-check-run-list-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: inherit;\r\n  }\r\n\r\n  .ci-check-run-list-header {\r\n    background-color: var(--box-alt-background-color);\r\n    border-bottom: var(--base-border);\r\n    display: flex;\r\n    font-size: var(--font-size-md);\r\n    padding: var(--spacing);\r\n    border-top-left-radius: var(--border-radius);\r\n    border-top-right-radius: var(--border-radius);\r\n\r\n    .ci-check-run-list-title-container {\r\n      flex: 1;\r\n      align-items: center;\r\n\r\n      .title {\r\n        font-weight: var(--font-weight-semibold);\r\n        font-size: var(--font-size-md);\r\n        margin: 0;\r\n\r\n        .failure {\r\n          color: $red-500;\r\n        }\r\n\r\n        .pending {\r\n          color: darken($yellow-700, 10%);\r\n        }\r\n      }\r\n\r\n      .check-run-list-summary {\r\n        color: var(--text-secondary-color);\r\n        font-weight: var(--text-secondary-color);\r\n        font-size: var(--font-size-sm);\r\n      }\r\n    }\r\n\r\n    .completeness-indicator {\r\n      margin-right: var(--spacing);\r\n\r\n      .octicon,\r\n      .donut {\r\n        display: block;\r\n        margin-top: var(--spacing-half);\r\n        margin-bottom: var(--spacing-half);\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n\r\n      .completeness-indicator-success {\r\n        color: $green-500;\r\n      }\r\n\r\n      .completeness-indicator-error {\r\n        color: $red-500;\r\n      }\r\n\r\n      .donut {\r\n        > .error,\r\n        > .cancelled,\r\n        > .action_required,\r\n        > .timed_out,\r\n        > .failure {\r\n          fill: $red-500;\r\n        }\r\n\r\n        > .expected,\r\n        > .queued,\r\n        > .in_progress,\r\n        > .waiting,\r\n        > .requested,\r\n        > .pending {\r\n          fill: darken($yellow-700, 10%);\r\n        }\r\n\r\n        > .success {\r\n          fill: $green-500;\r\n        }\r\n\r\n        > .neutral,\r\n        > .stale,\r\n        > .skipped {\r\n          fill: $gray-400;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .ci-check-run-list-container {\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    scroll-padding-top: 35px;\r\n  }\r\n\r\n  .loading-check-runs {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: var(--spacing);\r\n    padding-bottom: var(--spacing-double);\r\n\r\n    .blankslate-image {\r\n      width: 100%;\r\n      min-width: auto;\r\n    }\r\n\r\n    .title {\r\n      font-weight: var(--font-weight-semibold);\r\n    }\r\n\r\n    .call-to-action {\r\n      font-size: var(--font-size-sm);\r\n    }\r\n  }\r\n}\r\n",".ci-check-run-job-steps-list {\r\n  overflow-y: auto;\r\n  margin: 0px;\r\n  padding: 0px;\r\n\r\n  .ci-check-run-job-step {\r\n    background-color: var(--box-alt-background-color);\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    // This is the height of a check run step and check run group header so that\r\n    // when a first failed step is scroll into view it doesn't end up under the\r\n    // sticky headers (which are like fixed headers)\r\n    scroll-margin-top: 72px;\r\n\r\n    .job-step-duration {\r\n      text-align: right;\r\n      color: var(--text-secondary-color);\r\n    }\r\n\r\n    .job-step-status-symbol,\r\n    .job-step-duration {\r\n      padding: var(--spacing-half) var(--spacing);\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .job-step-status-symbol {\r\n      padding-left: 0px;\r\n    }\r\n\r\n    .job-step-name {\r\n      flex-grow: 1;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n\r\n      span {\r\n        cursor: pointer !important;\r\n      }\r\n    }\r\n\r\n    .button-component {\r\n      // Remove button styles\r\n      border: 1px solid var(--box-alt-background-color);\r\n      height: 100%;\r\n      text-align: unset;\r\n      background: inherit;\r\n\r\n      &:focus {\r\n        outline-offset: 0px;\r\n        border: 1px solid var(--secondary-button-hover-border-color);\r\n      }\r\n\r\n      &:hover,\r\n      &:focus-visible,\r\n      &:not([aria-disabled='true']):hover {\r\n        border: 1px solid var(--secondary-button-hover-border-color);\r\n        background: var(--box-selected-background-color);\r\n      }\r\n    }\r\n\r\n    .view-check-externally {\r\n      color: var(--text-secondary-color);\r\n      padding: var(--spacing-half);\r\n    }\r\n  }\r\n}\r\n",".ci-check-run-no-steps {\r\n  display: flex;\r\n  padding: var(--spacing-double);\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  img {\r\n    height: 125%;\r\n    margin-left: var(--spacing-double);\r\n    flex: 1;\r\n  }\r\n\r\n  .button-component {\r\n    margin-top: var(--spacing);\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n",".ci-check-run-steps-header {\r\n  display: flex;\r\n  justify-content: end;\r\n  border-bottom: 1px solid var(--box-skeleton-background-color);\r\n\r\n  h4 {\r\n    flex-grow: 1;\r\n    font-weight: var(--font-weight-semibold);\r\n    margin-bottom: 3px;\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  .button-component {\r\n    // Remove default button styles\r\n    border: 1px solid var(--box-alt-background-color);\r\n    background: inherit;\r\n    height: 100%;\r\n    text-align: unset;\r\n    margin-bottom: 2px;\r\n\r\n    padding: var(--spacing-half);\r\n    color: var(--text-secondary-color);\r\n\r\n    &:focus {\r\n      outline-offset: 0px;\r\n      border: 1px solid var(--secondary-button-hover-border-color);\r\n    }\r\n\r\n    &:hover,\r\n    &:focus-visible,\r\n    &:not([aria-disabled='true']):hover {\r\n      border: 1px solid var(--secondary-button-hover-border-color);\r\n      background: var(--box-selected-background-color);\r\n    }\r\n  }\r\n}\r\n","#pull-request-checks-failed {\r\n  .dialog-header {\r\n    height: unset;\r\n  }\r\n\r\n  .ci-check-rerun {\r\n    margin-left: var(--spacing);\r\n    margin-right: var(--spacing);\r\n  }\r\n\r\n  .ci-check-run-dialog-header {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    > .octicon {\r\n      width: 20px;\r\n      height: 20px;\r\n      color: var(--status-error-color);\r\n      margin-right: var(--spacing);\r\n    }\r\n\r\n    .title-container {\r\n      min-width: 0;\r\n      flex-grow: 1;\r\n\r\n      .pr-title {\r\n        display: inline-block;\r\n        white-space: normal;\r\n        font-weight: normal;\r\n        font-size: var(--font-size);\r\n\r\n        .pr-number {\r\n          color: var(--text-secondary-color);\r\n        }\r\n\r\n        .octicon {\r\n          vertical-align: bottom; // For some reason, `bottom` places the text in the middle\r\n          color: var(--pr-open-icon-color);\r\n\r\n          &.draft {\r\n            color: var(--pr-draft-icon-color);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer-question {\r\n    flex-grow: 1;\r\n\r\n    span {\r\n      vertical-align: sub;\r\n    }\r\n  }\r\n\r\n  .dialog-content {\r\n    padding: 0;\r\n\r\n    .ci-check-run-dialog-container {\r\n      height: 300px;\r\n      width: 100%;\r\n      overflow-y: hidden;\r\n      overflow-x: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      .ci-check-run-content {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: stretch;\r\n        justify-content: stretch;\r\n        overflow-x: hidden;\r\n        overflow-y: hidden;\r\n        height: 100%;\r\n      }\r\n\r\n      .ci-check-run-list {\r\n        width: 40%;\r\n        border-radius: 0;\r\n        border-right: 1px solid var(--box-border-color);\r\n        overflow-y: auto;\r\n\r\n        // Make sure Octicons use the ambient color when the check run is\r\n        // selected and the list focused\r\n        .focus-within .ci-check-list-item.list-item.selected .octicon {\r\n          color: var(--text-color);\r\n        }\r\n\r\n        .ci-check-run-list-group-header {\r\n          padding-left: var(--spacing-double);\r\n        }\r\n\r\n        .ci-check-list-item {\r\n          padding-left: var(--spacing);\r\n\r\n          .check-run-header-buttons {\r\n            right: var(--spacing-half);\r\n          }\r\n        }\r\n      }\r\n\r\n      .ci-check-run-job-steps-container {\r\n        width: 60%;\r\n        overflow-y: auto;\r\n        padding: var(--spacing);\r\n        background-color: var(--box-alt-background-color);\r\n\r\n        .ci-check-run-job-steps-list {\r\n          border: none;\r\n          margin: 0px;\r\n          padding: 0px;\r\n\r\n          .ci-check-run-job-step {\r\n            margin: 0px;\r\n            padding: 0px;\r\n          }\r\n        }\r\n\r\n        .ci-check-run-no-steps {\r\n          img {\r\n            height: 80%;\r\n          }\r\n        }\r\n\r\n        .loading-check-runs {\r\n          width: 100%;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          text-align: center;\r\n          padding: var(--spacing);\r\n          padding-bottom: var(--spacing-double);\r\n\r\n          .blankslate-image {\r\n            width: 100%;\r\n            min-width: auto;\r\n          }\r\n\r\n          .title {\r\n            font-weight: var(--font-weight-semibold);\r\n          }\r\n\r\n          .call-to-action {\r\n            font-size: var(--font-size-sm);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n",".sandboxed-markdown-iframe-container {\r\n  position: relative;\r\n\r\n  .sandboxed-markdown-component {\r\n    // With combination of setting height of containing div.\r\n    // These styles remove blocky auto height/scroll of iframe.\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    // strip default styles\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n}\r\n",".pull-request-quick-view {\r\n  position: absolute;\r\n  left: 365px;\r\n\r\n  .pull-request-quick-view-contents {\r\n    background-color: var(--background-color);\r\n    margin: 0 var(--spacing);\r\n    min-width: 400px;\r\n    border-radius: var(--border-radius);\r\n\r\n    .header {\r\n      display: flex;\r\n      padding: var(--spacing-double);\r\n      padding-bottom: var(--spacing);\r\n      border-bottom: var(--base-border);\r\n\r\n      .action-needed {\r\n        flex-grow: 1;\r\n        padding-left: var(--spacing-double);\r\n      }\r\n    }\r\n\r\n    .pull-request {\r\n      padding: var(--spacing-double);\r\n      max-height: 500px;\r\n      overflow: scroll;\r\n\r\n      .status {\r\n        background-color: var(--pr-open-icon-color);\r\n        color: #{$white};\r\n        display: inline-flex;\r\n        align-items: center;\r\n        padding: var(--spacing-half) var(--spacing);\r\n        font-size: var(--font-size-md);\r\n        font-weight: var(--font-weight-semibold);\r\n        border-radius: 2em;\r\n\r\n        .state {\r\n          margin-left: var(--spacing-half);\r\n        }\r\n\r\n        &.draft {\r\n          background-color: var(--pr-draft-icon-color);\r\n        }\r\n      }\r\n\r\n      .title {\r\n        margin: var(--spacing) 0;\r\n\r\n        .pr-badge {\r\n          display: inline-flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pull-request-pointer {\r\n    position: absolute;\r\n    top: 23px;\r\n    left: -6px;\r\n    pointer-events: none;\r\n    margin-top: -7px;\r\n\r\n    &::before,\r\n    &::after {\r\n      display: inline-block;\r\n      position: absolute;\r\n      content: '';\r\n    }\r\n\r\n    &::before {\r\n      border: 8px solid transparent;\r\n      border-right-color: var(--box-border-color);\r\n    }\r\n\r\n    &::after {\r\n      border: 7px solid transparent;\r\n      border-right-color: var(--background-color);\r\n      left: 2px;\r\n    }\r\n  }\r\n}\r\n","#discard-changes-retry {\r\n  .dialog-content {\r\n    ul {\r\n      margin-bottom: var(--spacing);\r\n\r\n      li {\r\n        padding-left: 0;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n",".git-email-not-found-warning {\r\n  .warning-icon {\r\n    color: var(--warning-badge-icon-color);\r\n  }\r\n\r\n  .link-button-component {\r\n    display: inline;\r\n  }\r\n\r\n  .green-circle {\r\n    background-color: var(--color-new);\r\n    color: var(--background-color);\r\n    border-radius: 50%;\r\n    height: 12px;\r\n    width: 12px;\r\n    display: inline-flex;\r\n    margin-right: var(--spacing-half);\r\n\r\n    .octicon {\r\n      height: 12px;\r\n    }\r\n  }\r\n}\r\n","@import '../mixins';\r\n\r\n.popover-dropdown-component {\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n\r\n  > label {\r\n    margin-bottom: var(--spacing-third);\r\n  }\r\n\r\n  .button-component {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-grow: 1;\r\n    padding: 0 var(--spacing-half);\r\n    align-self: unset;\r\n  }\r\n\r\n  .button-content {\r\n    flex-grow: 1;\r\n    font-weight: var(--font-weight-semibold);\r\n    display: flex;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .popover-dropdown-button-label {\r\n    color: var(--text-secondary-color);\r\n    margin: 0;\r\n    margin-right: var(--spacing-half);\r\n  }\r\n\r\n  .popover-dropdown-popover {\r\n    min-height: 200px;\r\n    width: 365px;\r\n\r\n    .popover-content {\r\n      padding: 0;\r\n    }\r\n\r\n    .popover-dropdown-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n    }\r\n\r\n    .popover-dropdown-header {\r\n      padding: var(--spacing);\r\n      display: flex;\r\n      border-bottom: var(--base-border);\r\n\r\n      h3 {\r\n        margin-bottom: 0;\r\n        font-size: var(--font-size);\r\n      }\r\n\r\n      @include close-button;\r\n      .close {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n\r\n    .popover-dropdown-content {\r\n      display: flex;\r\n      flex-grow: 1;\r\n      min-height: 0;\r\n    }\r\n  }\r\n}\r\n",".pull-request-files-changed {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 0;\r\n  flex-grow: 1;\r\n\r\n  border: var(--base-border);\r\n  border-radius: var(--border-radius);\r\n\r\n  .files-changed-header {\r\n    padding: var(--spacing);\r\n    border-bottom: var(--base-border);\r\n    display: flex;\r\n\r\n    .commits-displayed {\r\n      flex-grow: 1;\r\n    }\r\n  }\r\n\r\n  .files-diff-viewer {\r\n    display: flex;\r\n    min-height: 0;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .file-list {\r\n    border-right: var(--base-border);\r\n  }\r\n}\r\n",".pull-request-merge-status {\r\n  flex-grow: 1;\r\n  color: var(--text-secondary-color);\r\n\r\n  .octicon {\r\n    vertical-align: text-bottom;\r\n  }\r\n\r\n  strong {\r\n    font-weight: var(--font-weight-semibold);\r\n  }\r\n\r\n  .pr-merge-status-loading {\r\n    strong {\r\n      color: var(--file-warning-color);\r\n    }\r\n  }\r\n\r\n  .pr-merge-status-invalid,\r\n  .pr-merge-status-conflicts {\r\n    strong {\r\n      color: var(--status-error-color);\r\n    }\r\n  }\r\n\r\n  .pr-merge-status-clean {\r\n    strong {\r\n      color: var(--status-success-color);\r\n    }\r\n  }\r\n}\r\n",".input-description {\r\n  font-size: var(--font-size-sm);\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  .input-description-content p {\r\n    margin: 0;\r\n  }\r\n\r\n  .octicon {\r\n    margin-right: var(--spacing-half);\r\n  }\r\n\r\n  &.input-description-warning {\r\n    color: var(--text-secondary-color);\r\n  }\r\n\r\n  &.input-description-warning {\r\n    .octicon {\r\n      fill: var(--input-warning-text-color);\r\n    }\r\n  }\r\n\r\n  &.input-description-error {\r\n    color: var(--input-error-text-color);\r\n\r\n    .octicon {\r\n      fill: var(--input-error-text-color);\r\n    }\r\n  }\r\n}\r\n",".repo-rules-failure-list-component {\r\n  ul {\r\n    padding-inline-start: var(--spacing-double);\r\n  }\r\n}\r\n",".account-picker {\r\n  > .button-component .button-content {\r\n    .account {\r\n      font-weight: normal;\r\n\r\n      .login {\r\n        font-weight: var(--font-weight-semibold);\r\n      }\r\n    }\r\n  }\r\n\r\n  .account-list {\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    &.filter-list .filter-field-row {\r\n      // The rows have built-in margin to their content so\r\n      // we only need half a spacer here\r\n      margin-bottom: var(--spacing-half);\r\n      margin-top: var(--spacing);\r\n      margin-left: var(--spacing);\r\n      margin-right: var(--spacing);\r\n    }\r\n\r\n    .account-list-item {\r\n      padding: 0 var(--spacing);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      min-width: 0;\r\n      flex-grow: 1;\r\n      height: 100%;\r\n\r\n      .avatar {\r\n        width: 32px;\r\n        height: 32px;\r\n      }\r\n\r\n      .icon {\r\n        margin-left: var(--spacing-half);\r\n        margin-right: var(--spacing);\r\n        flex-shrink: 0;\r\n\r\n        // Align the icon baseline with the title text\r\n        align-self: flex-start;\r\n        margin-top: 2px;\r\n      }\r\n\r\n      .info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-width: 0;\r\n        flex-grow: 1;\r\n        margin: 0 var(--spacing);\r\n\r\n        .title {\r\n          @include ellipsis;\r\n          min-width: 0;\r\n          font-weight: var(--font-weight-semibold);\r\n        }\r\n\r\n        .subtitle {\r\n          @include ellipsis;\r\n          min-width: 0;\r\n          font-weight: var(--font-weight-light);\r\n          font-size: var(--font-size-sm);\r\n          color: var(--text-secondary-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    .filter-list-group-header {\r\n      @include ellipsis;\r\n    }\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}