@quidgest/ui 0.18.0 → 0.20.0

package/dist/ui.scss

@@ -1,11 +1,277 @@
 /*!
- * Quidgest UI v0.18.0
+ * Quidgest UI v0.20.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
 @use 'sass:math';
 @use 'sass:map';
 
+[class*=' flag:'],[class^='flag:'] {display:inline-block;background-size:cover;height:1em;width:1.5em;--CountryFlagIcon-height:1em;height:var(--CountryFlagIcon-height);width:calc(var(--CountryFlagIcon-height)*3/2);}
+.flag\:AC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ-BO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ-SA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ-SE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ER{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ES-CT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ES{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ET{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-ENG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-NIR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-SCT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-WLS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ID{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ME{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ML{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MQ{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 900 600' xmlns='http:
+.flag\:MR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:OM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:QA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ST{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:US{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:WF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:WS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:YE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:YT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ZA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ZM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ZW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
 *,
 ::before,
 ::after {
@@ -593,7 +859,8 @@ $transition-duration: 0.2s !default;
   }
   &--pill {
     border-radius: 9999px;
-    .q-button {
+    #{$this}__content.q-button,
+    #{$this}__remove.q-button {
       border-radius: 9999px;
     }
   }
@@ -647,7 +914,7 @@ $transition-duration: 0.2s !default;
     vertical-align: middle;
     flex-shrink: 0;
   }
-  .q-badge__content {
+  &.q-badge .q-badge__content {
     padding: 0;
   }
   
@@ -1431,11 +1698,13 @@ $q-carousel-height-md: 300px;
       right: 0;
     }
   }
-  .q-card__content {
-    padding: 0;
-  }
-  .q-card__header {
-    padding-bottom: 0;
+  &.q-card {
+    .q-card__content {
+      padding: 0;
+    }
+    .q-card__header {
+      padding-bottom: 0;
+    }
   }
   &__header {
     display: flex;
@@ -1450,7 +1719,7 @@ $q-carousel-height-md: 300px;
     flex-direction: column;
     padding: 0;
   }
-  &__btn {
+  &__btn.q-button {
     width: 100%;
     margin: 0;
     
@@ -1533,7 +1802,7 @@ $q-carousel-height-md: 300px;
   }
   
   @mixin header-spacing($spacing, $increment) {
-    &--#{$spacing} .q-collapsible__btn {
+    &--#{$spacing} .q-collapsible__btn.q-button {
       padding: calc(#{$header-padding} + #{$increment});
     }
   }
@@ -1556,7 +1825,7 @@ $q-carousel-height-md: 300px;
 .q-combobox {
   $this: &;
   &:not(#{$this}--disabled) {
-    #{$this}__chevron {
+    #{$this}__chevron.q-button {
       &:hover,
       &:focus {
         cursor: pointer;
@@ -1565,7 +1834,7 @@ $q-carousel-height-md: 300px;
     }
   }
 }
-.q-combobox__chevron {
+.q-combobox__chevron.q-button {
   padding: 0.1rem;
   opacity: 0.5;
   &:hover {
@@ -1791,7 +2060,7 @@ $q-carousel-height-md: 300px;
       gap: 0.5rem;
     }
   }
-  &__close {
+  &__close.q-button {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
@@ -2324,121 +2593,6 @@ $q-spacing-sides: (
 @include q-generate-responsive-spacing(margin, m);
 @include q-generate-responsive-spacing(padding, p);
 @include q-generate-margin-auto;
-.q-group-box {
-  $this: &;
-  display: inline-block;
-  overflow-wrap: break-word;
-  background-color: var(--q-theme-container);
-  border-width: 1px;
-  border-bottom: $group-border-bottom;
-  padding: 0.5rem 1rem 1rem;
-  border-radius: var(--border-radius);
-  position: relative;
-  max-width: 100%;
-  &:focus-visible {
-    outline: $outline;
-    border-radius: var(--border-radius);
-  }
-  &__title {
-    font-size: 1.2rem;
-    line-height: 1rem;
-    letter-spacing: 0.02rem;
-    color: var(--q-theme-primary);
-    text-transform: $headings-text-transform;
-    margin: 0;
-    margin-top: 0.25rem;
-    display: flex;
-    align-items: flex-start;
-    width: fit-content;
-    gap: 0.25rem;
-    margin-bottom: 0.5rem;
-  }
-  
-  &--background {
-    background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
-    padding: 0.5rem 1rem 1rem;
-  }
-  &--minor {
-    background-color: transparent;
-    border: none;
-    border-radius: 0;
-    padding: 0.5rem 0 0;
-  }
-  &--minor-border-top {
-    background-color: transparent;
-    border: none;
-    border-top: 1px solid var(--q-theme-neutral-light);
-    border-radius: 0;
-    margin-top: 0.5rem;
-    padding: 0.25rem 0;
-  }
-  &--minor,
-  &--minor-border-top {
-    #{$this}__title {
-      font-size: 0.9rem;
-      line-height: 1;
-      letter-spacing: initial;
-      color: var(--q-theme-neutral-dark);
-      text-transform: none;
-      font-weight: 600;
-      margin-bottom: 0.25rem;
-      margin-top: 0.25rem;
-    }
-  }
-  &--title-background {
-    padding: 0 !important;
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 30px;
-      width: 100%;
-      content: '';
-      background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
-      border-radius: var(--border-radius) var(--border-radius) 0 0;
-    }
-    #{$this}__title {
-      padding: 0.5rem 1rem;
-      margin: 0;
-      font-size: 0.9rem;
-      font-weight: 700;
-      line-height: 1;
-      letter-spacing: 0.01rem;
-      color: var(--q-theme-on-background);
-      text-transform: none;
-      z-index: 10;
-      position: relative;
-    }
-    > #{$this}__content {
-      padding: 0.2rem 1rem 1rem;
-    }
-  }
-  &--subsection {
-    border: none;
-    margin-left: 0.625rem;
-    margin-bottom: 0.625rem;
-    #{$this}__title {
-      font-size: 0.9rem;
-      line-height: 1;
-      letter-spacing: initial;
-      background-color: transparent;
-      color: var(--q-theme-neutral-dark);
-      text-transform: none;
-      font-weight: 600;
-      margin-bottom: 0.25rem;
-    }
-  }
-  
-  &--borderless {
-    border-color: transparent;
-    margin: 0;
-    padding: 0;
-    background-color: transparent;
-  }
-  &--block {
-    width: 100%;
-  }
-}
 .q-icon {
   display: inline-block;
   color: var(--q-theme-primary);
@@ -2609,7 +2763,7 @@ $q-line-loader-color: var(--q-line-loader-color);
     }
   }
   &:hover,
-  &:focus-visible,
+  &:focus,
   &--highlighted {
     background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
   }
@@ -2642,9 +2796,14 @@ $q-line-loader-color: var(--q-line-loader-color);
   }
   &__check-container {
     display: flex;
+    align-items: center;
     margin-left: auto;
     min-width: 1em;
-    align-self: flex-start;
+    min-height: 1.15rem;
+    align-self: center;
+    &--top {
+      align-self: flex-start;
+    }
   }
   &__description {
     display: flex;
@@ -2703,11 +2862,11 @@ $q-line-loader-color: var(--q-line-loader-color);
     width: 100%;
     color: var(--q-theme-neutral);
     user-select: none;
-    .q-icon {
+    .q-obfuscation__icon.q-icon {
       color: inherit;
     }
   }
-  &__action {
+  &__action.q-button {
     justify-content: flex-start;
     margin: 0;
     padding: 0;
@@ -2715,7 +2874,6 @@ $q-line-loader-color: var(--q-line-loader-color);
     width: 100%;
     min-height: 1.5em;
     line-height: inherit;
-    color: var(--q-theme-primary);
     &:hover,
     &:focus-visible {
       outline-offset: 0;
@@ -2726,6 +2884,9 @@ $q-line-loader-color: var(--q-line-loader-color);
     &.q-button--labeled {
       padding: 0;
     }
+    &.q-button--text {
+      color: var(--q-theme-primary);
+    }
   }
   &__content {
     display: flex;
@@ -2733,15 +2894,18 @@ $q-line-loader-color: var(--q-line-loader-color);
     gap: $space-base;
     min-width: 0;
   }
-  &__label-action {
-    color: var(--q-theme-primary);
+  & &__label-action.q-button {
+    padding: 0;
     min-width: auto;
     min-height: auto;
     &:focus-visible {
       outline-offset: 2px;
     }
+    &.q-button--text {
+      color: var(--q-theme-primary);
+    }
   }
-  &__icon {
+  &__icon.q-icon {
     flex-shrink: 0;
   }
 }
@@ -2893,6 +3057,103 @@ $arrow-tip-radius: 0.1rem;
     padding: 0.25rem 0;
   }
 }
+.q-phone-field {
+  &__country-select {
+    flex: 0 0 auto;
+    align-self: stretch;
+    width: auto;
+    > .q-field__control {
+      height: 100%;
+      width: max-content;
+      min-width: max-content;
+      padding-block: 0;
+      padding-inline: $space-base $space-base * 2;
+    }
+    .q-field__prepend {
+      padding-inline: 0 $space-base;
+    }
+    .q-field__append {
+      padding-inline: $space-base 0;
+    }
+  }
+  &__input {
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+    > .q-field__control {
+      height: 100%;
+      min-width: 0;
+    }
+    .q-text-field__input::placeholder {
+      color: var(--q-theme-neutral-dark);
+    }
+  }
+  &__flag,
+  &__flag-fallback {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    aspect-ratio: 3 / 2;
+    overflow: hidden;
+    border-radius: calc(var(--border-radius) / 2);
+  }
+  &__flag {
+    background-position: center;
+    background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+    color: transparent;
+  }
+  &__flag-code {
+    
+    
+    
+    
+    color: var(--CountryFlagIcon-height, var(--q-theme-neutral-dark));
+    font-size: 0.65em;
+    font-weight: $font-weight-bold;
+  }
+  &__flag-fallback {
+    background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+    color: var(--q-theme-neutral-dark);
+    font-size: 0.65em;
+    font-weight: $font-weight-bold;
+  }
+  &__validation-message {
+    color: var(--q-theme-danger);
+  }
+}
+.q-phone-field__search {
+  align-self: stretch;
+  width: auto;
+  margin-inline: $space-base;
+  .q-text-field__input::placeholder {
+    color: var(--q-theme-neutral-dark);
+  }
+  & + .q-select__items {
+    --q-phone-field-country-list-max-height: 15rem;
+    width: 100%;
+    min-width: 0;
+    max-height: var(--q-phone-field-country-list-max-height);
+  }
+}
+.q-phone-field__country-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.q-phone-field__item-code {
+  margin-inline-start: auto;
+  color: var(--q-theme-neutral-dark);
+  white-space: nowrap;
+}
+.q-phone-field__empty {
+  width: 100%;
+  color: var(--q-theme-neutral-dark);
+  padding: $space-base * 4 $space-base * 2;
+  text-align: center;
+}
 .q-popover {
   &__content {
     position: relative;
@@ -3173,13 +3434,128 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
 .q-radio-group--focus-style .q-radio-button:focus-within {
   outline: $outline;
 }
+.q-section {
+  $this: &;
+  display: inline-block;
+  overflow-wrap: break-word;
+  background-color: var(--q-theme-container);
+  border-width: 1px;
+  border-bottom: $group-border-bottom;
+  padding: 0.5rem 1rem 1rem;
+  border-radius: var(--border-radius);
+  position: relative;
+  max-width: 100%;
+  &:focus-visible {
+    outline: $outline;
+    border-radius: var(--border-radius);
+  }
+  &__title {
+    font-size: 1.2rem;
+    line-height: 1rem;
+    letter-spacing: 0.02rem;
+    color: var(--q-theme-primary);
+    text-transform: $headings-text-transform;
+    margin: 0;
+    margin-top: 0.25rem;
+    display: flex;
+    align-items: flex-start;
+    width: fit-content;
+    gap: 0.25rem;
+    margin-bottom: 0.5rem;
+  }
+  
+  &--background {
+    background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
+    padding: 0.5rem 1rem 1rem;
+  }
+  &--minor {
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+    padding: 0.5rem 0 0;
+  }
+  &--minor-border-top {
+    background-color: transparent;
+    border: none;
+    border-top: 1px solid var(--q-theme-neutral-light);
+    border-radius: 0;
+    margin-top: 0.5rem;
+    padding: 0.25rem 0;
+  }
+  &--minor,
+  &--minor-border-top {
+    #{$this}__title {
+      font-size: 0.9rem;
+      line-height: 1;
+      letter-spacing: initial;
+      color: var(--q-theme-neutral-dark);
+      text-transform: none;
+      font-weight: 600;
+      margin-bottom: 0.25rem;
+      margin-top: 0.25rem;
+    }
+  }
+  &--title-background {
+    padding: 0 !important;
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 30px;
+      width: 100%;
+      content: '';
+      background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+      border-radius: var(--border-radius) var(--border-radius) 0 0;
+    }
+    #{$this}__title {
+      padding: 0.5rem 1rem;
+      margin: 0;
+      font-size: 0.9rem;
+      font-weight: 700;
+      line-height: 1;
+      letter-spacing: 0.01rem;
+      color: var(--q-theme-on-background);
+      text-transform: none;
+      z-index: 10;
+      position: relative;
+    }
+    > #{$this}__content {
+      padding: 0.2rem 1rem 1rem;
+    }
+  }
+  &--subsection {
+    border: none;
+    margin-left: 0.625rem;
+    margin-bottom: 0.625rem;
+    #{$this}__title {
+      font-size: 0.9rem;
+      line-height: 1;
+      letter-spacing: initial;
+      background-color: transparent;
+      color: var(--q-theme-neutral-dark);
+      text-transform: none;
+      font-weight: 600;
+      margin-bottom: 0.25rem;
+    }
+  }
+  
+  &--borderless {
+    border-color: transparent;
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+  }
+  &--block {
+    width: 100%;
+  }
+}
 .q-select {
   $this: &;
   &:not(#{$this}--readonly):not(#{$this}--disabled) {
     cursor: pointer;
   }
   &:not(#{$this}--disabled) {
-    #{$this}__chevron {
+    #{$this}__chevron.q-button {
       &:hover,
       &:focus {
         opacity: 1;
@@ -3235,7 +3611,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
         visibility: hidden;
       }
     }
-    .q-badge__content {
+    .q-badge .q-badge__content {
       white-space: nowrap;
     }
   }
@@ -3248,7 +3624,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     opacity: 0;
     cursor: inherit;
   }
-  &__chevron {
+  &__chevron.q-button {
     padding: 0.1rem;
     opacity: 0.5;
     &:hover {
@@ -3265,8 +3641,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     outline: none;
     .q-list-item {
       width: calc(100% - 2 * $space-base);
-      margin-left: $space-base;
-      margin-right: $space-base;
+      margin-inline: $space-base;
     }
   }
   &__items {
@@ -3286,18 +3661,21 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
   }
   
   .q-field__prepend {
-    padding-left: $space-base * 2;
-    padding-right: $space-base * 2;
+    padding-inline: $space-base * 2;
   }
 }
 $sidebar-size-small: 19rem;
 $sidebar-size-medium: 27rem;
 $sidebar-size-large: 35rem;
+$sidebar-size-xlarge: 50%;
+$sidebar-size-block: 100%;
 $sidebar-border-color: rgb(var(--q-theme-neutral-rgb) / 25%);
 $sidebar-sizes: (
   small: $sidebar-size-small,
   medium: $sidebar-size-medium,
-  large: $sidebar-size-large
+  large: $sidebar-size-large,
+  xlarge: $sidebar-size-xlarge,
+  block: $sidebar-size-block
 );
 @mixin sidebar-size-modifiers($prefix, $property) {
   @each $size, $value in $sidebar-sizes {
@@ -3314,10 +3692,20 @@ $sidebar-sizes: (
   flex-direction: row;
   width: min-content;
 }
-.q-sidebar--expanded {
+.q-sidebar--expanded:not(.q-sidebar--xlarge, .q-sidebar--block) {
   min-width: $sidebar-size-small;
   max-width: $sidebar-size-large;
 }
+.q-sidebar__panels {
+  position: relative;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  > .q-sidebar-panel {
+    width: 100%;
+    height: 100%;
+  }
+}
 .q-sidebar-anchor {
   display: flex;
   flex-direction: column;
@@ -3330,7 +3718,7 @@ $sidebar-sizes: (
   flex-direction: column;
   position: relative;
 }
-.q-sidebar__item {
+.q-sidebar__item.q-button {
   width: 100%;
   height: 100%;
   aspect-ratio: 1;
@@ -3367,7 +3755,13 @@ $sidebar-sizes: (
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  padding: 1rem;
+  margin: 1rem;
+}
+.q-sidebar-panel__header {
+  margin-bottom: 0;
+}
+.q-sidebar-panel__footer {
+  margin-top: 0;
 }
 .q-sidebar-panel__title {
   margin: 0;
@@ -3375,6 +3769,7 @@ $sidebar-sizes: (
 .q-sidebar-panel__content {
   flex: 1 1 0%;
   overflow: auto;
+  margin: 1rem;
 }
 .q-sidebar-panel__handle {
   position: absolute;
@@ -3697,10 +4092,13 @@ $spinner-color: var(--q-theme-primary);
   &--horizontal {
     flex-direction: column;
     .q-tabs__list {
-      flex-direction: row;
       width: 100%;
       border-bottom: 1px solid $border;
     }
+    .q-tabs__tablist {
+      flex-direction: row;
+      width: 100%;
+    }
     .q-tab {
       margin-bottom: -1px;
     }
@@ -3719,11 +4117,13 @@ $spinner-color: var(--q-theme-primary);
     align-items: stretch;
     .q-tabs__list {
       flex: 0 0 auto;
-      flex-direction: column;
       width: max-content;
       max-width: 100%;
       border-inline-end: 1px solid $border;
     }
+    .q-tabs__tablist {
+      flex-direction: column;
+    }
     .q-tab {
       justify-content: flex-start;
       margin-inline-end: -1px;
@@ -3741,7 +4141,28 @@ $spinner-color: var(--q-theme-primary);
     }
   }
   
+  
   &--line {
+    .q-tabs__indicator {
+      position: absolute;
+      background-color: $primary;
+      opacity: 0;
+      pointer-events: none;
+      z-index: 1;
+    }
+    &.q-tabs--indicator-ready .q-tabs__indicator {
+      transition:
+        transform 0.3s ease-in-out,
+        width 0.3s ease-in-out,
+        height 0.3s ease-in-out,
+        opacity 0.2s ease-in-out;
+    }
+    &.q-tabs--horizontal .q-tabs__indicator {
+      
+      
+      bottom: -1px;
+      left: 0;
+    }
     &.q-tabs--horizontal .q-tab {
       border-bottom: 4px solid transparent;
       border-end-start-radius: 0;
@@ -3755,6 +4176,14 @@ $spinner-color: var(--q-theme-primary);
         }
       }
     }
+    &.q-tabs--indicator-ready.q-tabs--horizontal .q-tab--active {
+      border-bottom-color: transparent;
+    }
+    &.q-tabs--vertical .q-tabs__indicator {
+      
+      top: 0;
+      inset-inline-end: -1px;
+    }
     &.q-tabs--vertical .q-tab {
       border-inline-end: 4px solid transparent;
       border-start-end-radius: 0;
@@ -3768,10 +4197,13 @@ $spinner-color: var(--q-theme-primary);
         }
       }
     }
+    &.q-tabs--indicator-ready.q-tabs--vertical .q-tab--active {
+      border-inline-end-color: transparent;
+    }
   }
   
   &--card {
-    .q-tabs__list {
+    .q-tabs__tablist {
       gap: 0;
     }
     .q-tab {
@@ -3817,22 +4249,25 @@ $spinner-color: var(--q-theme-primary);
       }
     }
   }
-  &--align-start .q-tabs__list {
+  &--align-start .q-tabs__tablist {
     justify-content: flex-start;
   }
-  &--align-end .q-tabs__list {
+  &--align-end .q-tabs__tablist {
     justify-content: flex-end;
   }
-  &--align-center .q-tabs__list {
+  &--align-center .q-tabs__tablist {
     justify-content: center;
   }
-  &--align-justify .q-tabs__list {
+  &--align-justify .q-tabs__tablist {
     justify-content: space-between;
     .q-tab {
       flex: 1;
     }
   }
   &__list {
+    position: relative;
+  }
+  &__tablist {
     display: flex;
     gap: $space-base;
   }
@@ -3852,10 +4287,10 @@ $spinner-color: var(--q-theme-primary);
   background: transparent;
   border: 0;
   padding: 0.5rem 0.75rem;
-  &.q-button {
+  &.q-button.q-button--text {
     color: $on-background;
   }
-  &--active.q-button {
+  &--active.q-button.q-button--text {
     color: $primary;
     cursor: default;
     &:hover:not(:disabled) {
@@ -3878,6 +4313,11 @@ $spinner-color: var(--q-theme-primary);
     }
   }
 }
+@media (prefers-reduced-motion: reduce) {
+  .q-tabs--line.q-tabs--indicator-ready .q-tabs__indicator {
+    transition: opacity 0.2s ease-in-out;
+  }
+}
 .q-text-area {
   
   display: flex;
@@ -4110,7 +4550,7 @@ $q-toast-slide-distance: clamp(1rem, 3vw, 1.5rem) !default;
   will-change: auto;
 }
 .q-toggle {
-  &--active {
+  &.q-button.q-toggle--active {
     z-index: 2;
     color: var(--q-theme-primary-dark);
     background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);