body,html{overflow:visible}body.transparent{background-color:transparent}body{background-color:#fff}.theme-light body{background-color:#fff}.theme-dark body{background-color:#121212}.theme-lightbody{background-color:#fff}.theme-darkbody{background-color:#121212}.wrapper-base{display:flex;flex-direction:column;height:100%;width:100%;padding:var(--base-4);overflow:visible;box-sizing:border-box}.wrapper-base.row{flex-direction:row}.wrapper-base.row>.wrapper-column{flex:1 1}.wrapper-base.no-padding{padding:0}.wrapper-base.no-padding>.wrapper-column:not(.no-padding){padding:var(--base-4)}.wrapper-column{display:flex;flex-direction:column;background-color:#f5f5f5}.theme-light .wrapper-column{background-color:#f5f5f5}.theme-dark .wrapper-column{background-color:#303030}.theme-light.wrapper-column{background-color:#f5f5f5}.theme-dark.wrapper-column{background-color:#303030}.wrapper-column.no-padding{padding:0}.wrapper-column.row{flex-direction:row}.wrapper-column.centered{justify-content:center;align-items:center}.wrapper-column.border{background-color:#fff}.theme-light .wrapper-column.border{background-color:#fff}.theme-dark .wrapper-column.border{background-color:#424242}.theme-light.wrapper-column.border{background-color:#fff}.theme-dark.wrapper-column.border{background-color:#424242}.wrapper-column.border:first-child{border-width:1px 0 1px 1px;border-style:dashed;border-color:rgba(0,0,0,.12);border-top-left-radius:var(--radius-2);border-bottom-left-radius:var(--radius-2)}.theme-light .wrapper-column.border:first-child{border-color:rgba(0,0,0,.12)}.theme-dark .wrapper-column.border:first-child{border-color:rgba(255,255,255,.18)}.theme-light.wrapper-column.border:first-child{border-color:rgba(0,0,0,.12)}.theme-dark.wrapper-column.border:first-child{border-color:rgba(255,255,255,.18)}.wrapper-column.border+.wrapper-column{border-width:1px 1px 1px 0;border-style:solid;border-color:transparent;border-top-right-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}.theme-light .wrapper-column.border+.wrapper-column{border-color:transparent}.theme-dark .wrapper-column.border+.wrapper-column{border-color:transparent}.theme-light.wrapper-column.border+.wrapper-column{border-color:transparent}.theme-dark.wrapper-column.border+.wrapper-column{border-color:transparent}.shades .type-variant.text-primary{color:#000}.theme-light .shades .type-variant.text-primary{color:#000}.theme-light.shades .type-variant.text-primary{color:#000}.theme-dark .shades .type-variant.text-primary{color:#fff}.theme-dark.shades .type-variant.text-primary{color:#fff}.shades .type-variant.text-secondary{color:#666}.theme-light .shades .type-variant.text-secondary{color:#666}.theme-light.shades .type-variant.text-secondary{color:#666}.theme-dark .shades .type-variant.text-secondary{color:#c6c6c6}.theme-dark.shades .type-variant.text-secondary{color:#c6c6c6}.shades .type-variant.text-disabled{color:#9e9e9e}.theme-light .shades .type-variant.text-disabled{color:#9e9e9e}.theme-light.shades .type-variant.text-disabled{color:#9e9e9e}.theme-dark .shades .type-variant.text-disabled{color:#a1a1a1}.theme-dark.shades .type-variant.text-disabled{color:#a1a1a1}.scale .type-variant:not(:last-of-type){margin-bottom:var(--base-2)}.scale .type-variant:last-of-type{margin-bottom:var(--base-4)}.font-display-4{font-size:var(--font-size-h1);font-weight:700;letter-spacing:-.036ch}.font-display-3{font-size:var(--font-size-h2);font-weight:700;letter-spacing:-.033ch}.font-display-2{font-size:var(--font-size-h3);font-weight:700;letter-spacing:-.03ch}.font-display-1{font-size:var(--font-size-h4);font-weight:700;letter-spacing:-.03ch}.font-headline{font-size:var(--font-size-h5);font-weight:700;letter-spacing:-.02ch}.font-title{font-size:var(--font-size-h6);font-weight:700;letter-spacing:-.01ch}.font-subhead{font-size:var(--font-size-subhead);font-weight:500}.font-body{font-size:var(--font-size-body);font-weight:400}.font-caption{font-size:var(--font-size-caption);font-weight:400;letter-spacing:-.02ch}.font-button{font-size:var(--font-size-button);font-weight:400;letter-spacing:-.02ch}.text-primary{color:#000}.theme-light .text-primary{color:#000}.theme-light.text-primary{color:#000}.theme-dark .text-primary{color:#fff}.theme-dark.text-primary{color:#fff}.text-secondary{color:#626262}.theme-light .text-secondary{color:#626262}.theme-light.text-secondary{color:#626262}.theme-dark .text-secondary{color:#b8b8b8}.theme-dark.text-secondary{color:#b8b8b8}.text-disabled{color:#989898}.theme-light .text-disabled{color:#989898}.theme-light.text-disabled{color:#989898}.theme-dark .text-disabled{color:#898989}.theme-dark.text-disabled{color:#898989}.weight-normal{font-weight:400}.weight-medium{font-weight:500}.weight-bold{font-weight:700}.color{--color-size:calc(var(--base) * 16);display:flex;padding:12px 16px;justify-content:center;align-items:center;text-align:center;height:var(--color-size);width:var(--color-size);margin:calc(var(--color-size)/ 2) auto 0 auto;flex:0 0 auto;border-radius:var(--color-size)}.color:nth-child(1){background-color:#d71717;color:#fff}.theme-light .color:nth-child(1){background-color:#d71717}.theme-dark .color:nth-child(1){background-color:#ff5b5b}.theme-light.color:nth-child(1){background-color:#d71717}.theme-dark.color:nth-child(1){background-color:#ff5b5b}.theme-light .color:nth-child(1){color:#fff}.theme-light.color:nth-child(1){color:#fff}.theme-dark .color:nth-child(1){color:#000}.theme-dark.color:nth-child(1){color:#000}.color:nth-child(1)::before{content:"Red"}.color:nth-child(2){background-color:#d3177e;color:#fff}.theme-light .color:nth-child(2){background-color:#d3177e}.theme-dark .color:nth-child(2){background-color:#f663b4}.theme-light.color:nth-child(2){background-color:#d3177e}.theme-dark.color:nth-child(2){background-color:#f663b4}.theme-light .color:nth-child(2){color:#fff}.theme-light.color:nth-child(2){color:#fff}.theme-dark .color:nth-child(2){color:#000}.theme-dark.color:nth-child(2){color:#000}.color:nth-child(2)::before{content:"Pink"}.color:nth-child(3){background-color:#a326d8;color:#fff}.theme-light .color:nth-child(3){background-color:#a326d8}.theme-dark .color:nth-child(3){background-color:#c86bff}.theme-light.color:nth-child(3){background-color:#a326d8}.theme-dark.color:nth-child(3){background-color:#c86bff}.theme-light .color:nth-child(3){color:#fff}.theme-light.color:nth-child(3){color:#fff}.theme-dark .color:nth-child(3){color:#000}.theme-dark.color:nth-child(3){color:#000}.color:nth-child(3)::before{content:"Purple"}.color:nth-child(4){background-color:#7023db;color:#fff}.theme-light .color:nth-child(4){background-color:#7023db}.theme-dark .color:nth-child(4){background-color:#a67aff}.theme-light.color:nth-child(4){background-color:#7023db}.theme-dark.color:nth-child(4){background-color:#a67aff}.theme-light .color:nth-child(4){color:#fff}.theme-light.color:nth-child(4){color:#fff}.theme-dark .color:nth-child(4){color:#000}.theme-dark.color:nth-child(4){color:#000}.color:nth-child(4)::before{content:"Deep Purple"}.color:nth-child(5){background-color:#4a4acd;color:#fff}.theme-light .color:nth-child(5){background-color:#4a4acd}.theme-dark .color:nth-child(5){background-color:#7a85ff}.theme-light.color:nth-child(5){background-color:#4a4acd}.theme-dark.color:nth-child(5){background-color:#7a85ff}.theme-light .color:nth-child(5){color:#fff}.theme-light.color:nth-child(5){color:#fff}.theme-dark .color:nth-child(5){color:#000}.theme-dark.color:nth-child(5){color:#000}.color:nth-child(5)::before{content:"Indigo"}.color:nth-child(6){background-color:#1c67e7;color:#fff}.theme-light .color:nth-child(6){background-color:#1c67e7}.theme-dark .color:nth-child(6){background-color:#6ba1ff}.theme-light.color:nth-child(6){background-color:#1c67e7}.theme-dark.color:nth-child(6){background-color:#6ba1ff}.theme-light .color:nth-child(6){color:#fff}.theme-light.color:nth-child(6){color:#fff}.theme-dark .color:nth-child(6){color:#000}.theme-dark.color:nth-child(6){color:#000}.color:nth-child(6)::before{content:"Blue"}.color:nth-child(7){background-color:#3ea7e9;color:#000}.theme-light .color:nth-child(7){background-color:#3ea7e9}.theme-dark .color:nth-child(7){background-color:#42c0fe}.theme-light.color:nth-child(7){background-color:#3ea7e9}.theme-dark.color:nth-child(7){background-color:#42c0fe}.theme-light .color:nth-child(7){color:#000}.theme-light.color:nth-child(7){color:#000}.theme-dark .color:nth-child(7){color:#000}.theme-dark.color:nth-child(7){color:#000}.color:nth-child(7)::before{content:"Light Blue"}.color:nth-child(8){background-color:#17c7d7;color:#000}.theme-light .color:nth-child(8){background-color:#17c7d7}.theme-dark .color:nth-child(8){background-color:#00e9ff}.theme-light.color:nth-child(8){background-color:#17c7d7}.theme-dark.color:nth-child(8){background-color:#00e9ff}.theme-light .color:nth-child(8){color:#000}.theme-light.color:nth-child(8){color:#000}.theme-dark .color:nth-child(8){color:#000}.theme-dark.color:nth-child(8){color:#000}.color:nth-child(8)::before{content:"Cyan"}.color:nth-child(9){background-color:#15c09e;color:#000}.theme-light .color:nth-child(9){background-color:#15c09e}.theme-dark .color:nth-child(9){background-color:#30e8c3}.theme-light.color:nth-child(9){background-color:#15c09e}.theme-dark.color:nth-child(9){background-color:#30e8c3}.theme-light .color:nth-child(9){color:#000}.theme-light.color:nth-child(9){color:#000}.theme-dark .color:nth-child(9){color:#000}.theme-dark.color:nth-child(9){color:#000}.color:nth-child(9)::before{content:"Teal"}.color:nth-child(10){background-color:#2ad973;color:#000}.theme-light .color:nth-child(10){background-color:#2ad973}.theme-dark .color:nth-child(10){background-color:#50fa97}.theme-light.color:nth-child(10){background-color:#2ad973}.theme-dark.color:nth-child(10){background-color:#50fa97}.theme-light .color:nth-child(10){color:#000}.theme-light.color:nth-child(10){color:#000}.theme-dark .color:nth-child(10){color:#000}.theme-dark.color:nth-child(10){color:#000}.color:nth-child(10)::before{content:"Green"}.color:nth-child(11){background-color:#6fd330;color:#000}.theme-light .color:nth-child(11){background-color:#6fd330}.theme-dark .color:nth-child(11){background-color:#89f92e}.theme-light.color:nth-child(11){background-color:#6fd330}.theme-dark.color:nth-child(11){background-color:#89f92e}.theme-light .color:nth-child(11){color:#000}.theme-light.color:nth-child(11){color:#000}.theme-dark .color:nth-child(11){color:#000}.theme-dark.color:nth-child(11){color:#000}.color:nth-child(11)::before{content:"Light Green"}.color:nth-child(12){background-color:#abda1f;color:#000}.theme-light .color:nth-child(12){background-color:#abda1f}.theme-dark .color:nth-child(12){background-color:#c4f806}.theme-light.color:nth-child(12){background-color:#abda1f}.theme-dark.color:nth-child(12){background-color:#c4f806}.theme-light .color:nth-child(12){color:#000}.theme-light.color:nth-child(12){color:#000}.theme-dark .color:nth-child(12){color:#000}.theme-dark.color:nth-child(12){color:#000}.color:nth-child(12)::before{content:"Lime"}.color:nth-child(13){background-color:#ffe500;color:#000}.theme-light .color:nth-child(13){background-color:#ffe500}.theme-dark .color:nth-child(13){background-color:#fff600}.theme-light.color:nth-child(13){background-color:#ffe500}.theme-dark.color:nth-child(13){background-color:#fff600}.theme-light .color:nth-child(13){color:#000}.theme-light.color:nth-child(13){color:#000}.theme-dark .color:nth-child(13){color:#000}.theme-dark.color:nth-child(13){color:#000}.color:nth-child(13)::before{content:"Yellow"}.color:nth-child(14){background-color:#fb0;color:#000}.theme-light .color:nth-child(14){background-color:#fb0}.theme-dark .color:nth-child(14){background-color:#fc0}.theme-light.color:nth-child(14){background-color:#fb0}.theme-dark.color:nth-child(14){background-color:#fc0}.theme-light .color:nth-child(14){color:#000}.theme-light.color:nth-child(14){color:#000}.theme-dark .color:nth-child(14){color:#000}.theme-dark.color:nth-child(14){color:#000}.color:nth-child(14)::before{content:"Amber"}.color:nth-child(15){background-color:#f2700c;color:#000}.theme-light .color:nth-child(15){background-color:#f2700c}.theme-dark .color:nth-child(15){background-color:#ff7f00}.theme-light.color:nth-child(15){background-color:#f2700c}.theme-dark.color:nth-child(15){background-color:#ff7f00}.theme-light .color:nth-child(15){color:#000}.theme-light.color:nth-child(15){color:#000}.theme-dark .color:nth-child(15){color:#000}.theme-dark.color:nth-child(15){color:#000}.color:nth-child(15)::before{content:"Orange"}.color:nth-child(16){background-color:#d43e11;color:#fff}.theme-light .color:nth-child(16){background-color:#d43e11}.theme-dark .color:nth-child(16){background-color:#ff6a3d}.theme-light.color:nth-child(16){background-color:#d43e11}.theme-dark.color:nth-child(16){background-color:#ff6a3d}.theme-light .color:nth-child(16){color:#fff}.theme-light.color:nth-child(16){color:#fff}.theme-dark .color:nth-child(16){color:#000}.theme-dark.color:nth-child(16){color:#000}.color:nth-child(16)::before{content:"Deep Orange"}.color:nth-child(17){background-color:#6c4b41;color:#fff}.theme-light .color:nth-child(17){background-color:#6c4b41}.theme-dark .color:nth-child(17){background-color:#a89189}.theme-light.color:nth-child(17){background-color:#6c4b41}.theme-dark.color:nth-child(17){background-color:#a89189}.theme-light .color:nth-child(17){color:#fff}.theme-light.color:nth-child(17){color:#fff}.theme-dark .color:nth-child(17){color:#000}.theme-dark.color:nth-child(17){color:#000}.color:nth-child(17)::before{content:"Brown"}.color:nth-child(18){background-color:#bdbdbd;color:#000}.theme-light .color:nth-child(18){background-color:#bdbdbd}.theme-dark .color:nth-child(18){background-color:#757575}.theme-light.color:nth-child(18){background-color:#bdbdbd}.theme-dark.color:nth-child(18){background-color:#757575}.theme-light .color:nth-child(18){color:#000}.theme-light.color:nth-child(18){color:#000}.theme-dark .color:nth-child(18){color:#fff}.theme-dark.color:nth-child(18){color:#fff}.color:nth-child(18)::before{content:"Grey 1"}.color:nth-child(19){background-color:#e0e0e0;color:#000}.theme-light .color:nth-child(19){background-color:#e0e0e0}.theme-dark .color:nth-child(19){background-color:#616161}.theme-light.color:nth-child(19){background-color:#e0e0e0}.theme-dark.color:nth-child(19){background-color:#616161}.theme-light .color:nth-child(19){color:#000}.theme-light.color:nth-child(19){color:#000}.theme-dark .color:nth-child(19){color:#fff}.theme-dark.color:nth-child(19){color:#fff}.color:nth-child(19)::before{content:"Grey 2"}.color:nth-child(20){background-color:#eee;color:#000}.theme-light .color:nth-child(20){background-color:#eee}.theme-dark .color:nth-child(20){background-color:#424242}.theme-light.color:nth-child(20){background-color:#eee}.theme-dark.color:nth-child(20){background-color:#424242}.theme-light .color:nth-child(20){color:#000}.theme-light.color:nth-child(20){color:#000}.theme-dark .color:nth-child(20){color:#fff}.theme-dark.color:nth-child(20){color:#fff}.color:nth-child(20)::before{content:"Grey 3"}.color:nth-child(21){background-color:#f1f1f1;color:#000}.theme-light .color:nth-child(21){background-color:#f1f1f1}.theme-dark .color:nth-child(21){background-color:#303030}.theme-light.color:nth-child(21){background-color:#f1f1f1}.theme-dark.color:nth-child(21){background-color:#303030}.theme-light .color:nth-child(21){color:#000}.theme-light.color:nth-child(21){color:#000}.theme-dark .color:nth-child(21){color:#fff}.theme-dark.color:nth-child(21){color:#fff}.color:nth-child(21)::before{content:"Grey 4"}.color:nth-child(22){background-color:#f5f5f5;color:#000}.theme-light .color:nth-child(22){background-color:#f5f5f5}.theme-dark .color:nth-child(22){background-color:#212121}.theme-light.color:nth-child(22){background-color:#f5f5f5}.theme-dark.color:nth-child(22){background-color:#212121}.theme-light .color:nth-child(22){color:#000}.theme-light.color:nth-child(22){color:#000}.theme-dark .color:nth-child(22){color:#fff}.theme-dark.color:nth-child(22){color:#fff}.color:nth-child(22)::before{content:"Grey 5"}.color:nth-child(23){background-color:#fafafa;color:#000}.theme-light .color:nth-child(23){background-color:#fafafa}.theme-dark .color:nth-child(23){background-color:#121212}.theme-light.color:nth-child(23){background-color:#fafafa}.theme-dark.color:nth-child(23){background-color:#121212}.theme-light .color:nth-child(23){color:#000}.theme-light.color:nth-child(23){color:#000}.theme-dark .color:nth-child(23){color:#fff}.theme-dark.color:nth-child(23){color:#fff}.color:nth-child(23)::before{content:"Grey 6"}.color:nth-child(24){background-color:#fff;color:#000}.theme-light .color:nth-child(24){background-color:#fff}.theme-dark .color:nth-child(24){background-color:#000}.theme-light.color:nth-child(24){background-color:#fff}.theme-dark.color:nth-child(24){background-color:#000}.theme-light .color:nth-child(24){color:#000}.theme-light.color:nth-child(24){color:#000}.theme-dark .color:nth-child(24){color:#fff}.theme-dark.color:nth-child(24){color:#fff}.color:nth-child(24)::before{content:"White & Black"}.color:nth-child(25){background-color:#000;color:#fff}.theme-light .color:nth-child(25){background-color:#000}.theme-dark .color:nth-child(25){background-color:#fff}.theme-light.color:nth-child(25){background-color:#000}.theme-dark.color:nth-child(25){background-color:#fff}.theme-light .color:nth-child(25){color:#fff}.theme-light.color:nth-child(25){color:#fff}.theme-dark .color:nth-child(25){color:#000}.theme-dark.color:nth-child(25){color:#000}.color:nth-child(25)::before{content:"Black & White"}.color:nth-child(26){background-color:#1c67e7;color:#fff}.theme-light .color:nth-child(26){background-color:#1c67e7}.theme-dark .color:nth-child(26){background-color:#6ba1ff}.theme-light.color:nth-child(26){background-color:#1c67e7}.theme-dark.color:nth-child(26){background-color:#6ba1ff}.theme-light .color:nth-child(26){color:#fff}.theme-light.color:nth-child(26){color:#fff}.theme-dark .color:nth-child(26){color:#000}.theme-dark.color:nth-child(26){color:#000}.color:nth-child(26)::before{content:"Primary"}.color:nth-child(27){background-color:#a326d8;color:#fff}.theme-light .color:nth-child(27){background-color:#a326d8}.theme-dark .color:nth-child(27){background-color:#c86bff}.theme-light.color:nth-child(27){background-color:#a326d8}.theme-dark.color:nth-child(27){background-color:#c86bff}.theme-light .color:nth-child(27){color:#fff}.theme-light.color:nth-child(27){color:#fff}.theme-dark .color:nth-child(27){color:#000}.theme-dark.color:nth-child(27){color:#000}.color:nth-child(27)::before{content:"Secondary"}.color:nth-child(28){background-color:#2ad973;color:#000}.theme-light .color:nth-child(28){background-color:#2ad973}.theme-dark .color:nth-child(28){background-color:#50fa97}.theme-light.color:nth-child(28){background-color:#2ad973}.theme-dark.color:nth-child(28){background-color:#50fa97}.theme-light .color:nth-child(28){color:#000}.theme-light.color:nth-child(28){color:#000}.theme-dark .color:nth-child(28){color:#000}.theme-dark.color:nth-child(28){color:#000}.color:nth-child(28)::before{content:"Success"}.color:nth-child(29){background-color:#3ea7e9;color:#000}.theme-light .color:nth-child(29){background-color:#3ea7e9}.theme-dark .color:nth-child(29){background-color:#42c0fe}.theme-light.color:nth-child(29){background-color:#3ea7e9}.theme-dark.color:nth-child(29){background-color:#42c0fe}.theme-light .color:nth-child(29){color:#000}.theme-light.color:nth-child(29){color:#000}.theme-dark .color:nth-child(29){color:#000}.theme-dark.color:nth-child(29){color:#000}.color:nth-child(29)::before{content:"Information"}.color:nth-child(30){background-color:#fb0;color:#000}.theme-light .color:nth-child(30){background-color:#fb0}.theme-dark .color:nth-child(30){background-color:#fc0}.theme-light.color:nth-child(30){background-color:#fb0}.theme-dark.color:nth-child(30){background-color:#fc0}.theme-light .color:nth-child(30){color:#000}.theme-light.color:nth-child(30){color:#000}.theme-dark .color:nth-child(30){color:#000}.theme-dark.color:nth-child(30){color:#000}.color:nth-child(30)::before{content:"Warning"}.color:nth-child(31){background-color:#d71717;color:#fff}.theme-light .color:nth-child(31){background-color:#d71717}.theme-dark .color:nth-child(31){background-color:#ff5b5b}.theme-light.color:nth-child(31){background-color:#d71717}.theme-dark.color:nth-child(31){background-color:#ff5b5b}.theme-light .color:nth-child(31){color:#fff}.theme-light.color:nth-child(31){color:#fff}.theme-dark .color:nth-child(31){color:#000}.theme-dark.color:nth-child(31){color:#000}.color:nth-child(31)::before{content:"Error"}.color:nth-child(32){background-color:#ffe500;color:#000}.theme-light .color:nth-child(32){background-color:#ffe500}.theme-dark .color:nth-child(32){background-color:#fff600}.theme-light.color:nth-child(32){background-color:#ffe500}.theme-dark.color:nth-child(32){background-color:#fff600}.theme-light .color:nth-child(32){color:#000}.theme-light.color:nth-child(32){color:#000}.theme-dark .color:nth-child(32){color:#000}.theme-dark.color:nth-child(32){color:#000}.color:nth-child(32)::before{content:"Required"}.color:nth-child(33){background-color:#f2700c;color:#000}.theme-light .color:nth-child(33){background-color:#f2700c}.theme-dark .color:nth-child(33){background-color:#ff7f00}.theme-light.color:nth-child(33){background-color:#f2700c}.theme-dark.color:nth-child(33){background-color:#ff7f00}.theme-light .color:nth-child(33){color:#000}.theme-light.color:nth-child(33){color:#000}.theme-dark .color:nth-child(33){color:#000}.theme-dark.color:nth-child(33){color:#000}.color:nth-child(33)::before{content:"Postopned Required"}.color:nth-child(34){background-color:#17c7d7;color:#000}.theme-light .color:nth-child(34){background-color:#17c7d7}.theme-dark .color:nth-child(34){background-color:#00e9ff}.theme-light.color:nth-child(34){background-color:#17c7d7}.theme-dark.color:nth-child(34){background-color:#00e9ff}.theme-light .color:nth-child(34){color:#000}.theme-light.color:nth-child(34){color:#000}.theme-dark .color:nth-child(34){color:#000}.theme-dark.color:nth-child(34){color:#000}.color:nth-child(34)::before{content:"Recommended"}.color:first-child{margin-top:var(--color-size)}.color:last-child{margin-bottom:var(--color-size)}.color-wrapper{--color-wrapper-size:calc(var(--base) * 10);height:var(--color-wrapper-size);width:var(--color-wrapper-size);border-radius:var(--color-wrapper-size);overflow:hidden}.color-variant.color-wrapper:nth-child(1){background-color:#d71717;color:#fff}.color-variant.color-wrapper:nth-child(1).theme-light{background-color:#d71717}.color-variant.color-wrapper:nth-child(1).theme-dark{background-color:#ff5b5b}.theme-light .color-variant.color-wrapper:nth-child(1){color:#fff}.theme-light.color-variant.color-wrapper:nth-child(1){color:#fff}.theme-dark .color-variant.color-wrapper:nth-child(1){color:#000}.theme-dark.color-variant.color-wrapper:nth-child(1){color:#000}.color-wrapper:nth-child(2){background-color:#d3177e;color:#fff}.theme-light .color-wrapper:nth-child(2){background-color:#d3177e}.theme-dark .color-wrapper:nth-child(2){background-color:#f663b4}.theme-light.color-wrapper:nth-child(2){background-color:#d3177e}.theme-dark.color-wrapper:nth-child(2){background-color:#f663b4}.theme-light .color-wrapper:nth-child(2){color:#fff}.theme-light.color-wrapper:nth-child(2){color:#fff}.theme-dark .color-wrapper:nth-child(2){color:#000}.theme-dark.color-wrapper:nth-child(2){color:#000}.color-wrapper:nth-child(2)::before{content:"Pink"}.color-wrapper:nth-child(3){background-color:#a326d8;color:#fff}.theme-light .color-wrapper:nth-child(3){background-color:#a326d8}.theme-dark .color-wrapper:nth-child(3){background-color:#c86bff}.theme-light.color-wrapper:nth-child(3){background-color:#a326d8}.theme-dark.color-wrapper:nth-child(3){background-color:#c86bff}.theme-light .color-wrapper:nth-child(3){color:#fff}.theme-light.color-wrapper:nth-child(3){color:#fff}.theme-dark .color-wrapper:nth-child(3){color:#000}.theme-dark.color-wrapper:nth-child(3){color:#000}.color-wrapper:nth-child(3)::before{content:"Purple"}.color-wrapper:nth-child(4){background-color:#7023db;color:#fff}.theme-light .color-wrapper:nth-child(4){background-color:#7023db}.theme-dark .color-wrapper:nth-child(4){background-color:#a67aff}.theme-light.color-wrapper:nth-child(4){background-color:#7023db}.theme-dark.color-wrapper:nth-child(4){background-color:#a67aff}.theme-light .color-wrapper:nth-child(4){color:#fff}.theme-light.color-wrapper:nth-child(4){color:#fff}.theme-dark .color-wrapper:nth-child(4){color:#000}.theme-dark.color-wrapper:nth-child(4){color:#000}.color-wrapper:nth-child(4)::before{content:"Deep Purple"}.color-wrapper:nth-child(5){background-color:#4a4acd;color:#fff}.theme-light .color-wrapper:nth-child(5){background-color:#4a4acd}.theme-dark .color-wrapper:nth-child(5){background-color:#7a85ff}.theme-light.color-wrapper:nth-child(5){background-color:#4a4acd}.theme-dark.color-wrapper:nth-child(5){background-color:#7a85ff}.theme-light .color-wrapper:nth-child(5){color:#fff}.theme-light.color-wrapper:nth-child(5){color:#fff}.theme-dark .color-wrapper:nth-child(5){color:#000}.theme-dark.color-wrapper:nth-child(5){color:#000}.color-wrapper:nth-child(5)::before{content:"Indigo"}.color-wrapper:nth-child(6){background-color:#1c67e7;color:#fff}.theme-light .color-wrapper:nth-child(6){background-color:#1c67e7}.theme-dark .color-wrapper:nth-child(6){background-color:#6ba1ff}.theme-light.color-wrapper:nth-child(6){background-color:#1c67e7}.theme-dark.color-wrapper:nth-child(6){background-color:#6ba1ff}.theme-light .color-wrapper:nth-child(6){color:#fff}.theme-light.color-wrapper:nth-child(6){color:#fff}.theme-dark .color-wrapper:nth-child(6){color:#000}.theme-dark.color-wrapper:nth-child(6){color:#000}.color-wrapper:nth-child(6)::before{content:"Blue"}.color-wrapper:nth-child(7){background-color:#3ea7e9;color:#000}.theme-light .color-wrapper:nth-child(7){background-color:#3ea7e9}.theme-dark .color-wrapper:nth-child(7){background-color:#42c0fe}.theme-light.color-wrapper:nth-child(7){background-color:#3ea7e9}.theme-dark.color-wrapper:nth-child(7){background-color:#42c0fe}.theme-light .color-wrapper:nth-child(7){color:#000}.theme-light.color-wrapper:nth-child(7){color:#000}.theme-dark .color-wrapper:nth-child(7){color:#000}.theme-dark.color-wrapper:nth-child(7){color:#000}.color-wrapper:nth-child(7)::before{content:"Light Blue"}.color-wrapper:nth-child(8){background-color:#17c7d7;color:#000}.theme-light .color-wrapper:nth-child(8){background-color:#17c7d7}.theme-dark .color-wrapper:nth-child(8){background-color:#00e9ff}.theme-light.color-wrapper:nth-child(8){background-color:#17c7d7}.theme-dark.color-wrapper:nth-child(8){background-color:#00e9ff}.theme-light .color-wrapper:nth-child(8){color:#000}.theme-light.color-wrapper:nth-child(8){color:#000}.theme-dark .color-wrapper:nth-child(8){color:#000}.theme-dark.color-wrapper:nth-child(8){color:#000}.color-wrapper:nth-child(8)::before{content:"Cyan"}.color-wrapper:nth-child(9){background-color:#15c09e;color:#000}.theme-light .color-wrapper:nth-child(9){background-color:#15c09e}.theme-dark .color-wrapper:nth-child(9){background-color:#30e8c3}.theme-light.color-wrapper:nth-child(9){background-color:#15c09e}.theme-dark.color-wrapper:nth-child(9){background-color:#30e8c3}.theme-light .color-wrapper:nth-child(9){color:#000}.theme-light.color-wrapper:nth-child(9){color:#000}.theme-dark .color-wrapper:nth-child(9){color:#000}.theme-dark.color-wrapper:nth-child(9){color:#000}.color-wrapper:nth-child(9)::before{content:"Teal"}.color-wrapper:nth-child(10){background-color:#2ad973;color:#000}.theme-light .color-wrapper:nth-child(10){background-color:#2ad973}.theme-dark .color-wrapper:nth-child(10){background-color:#50fa97}.theme-light.color-wrapper:nth-child(10){background-color:#2ad973}.theme-dark.color-wrapper:nth-child(10){background-color:#50fa97}.theme-light .color-wrapper:nth-child(10){color:#000}.theme-light.color-wrapper:nth-child(10){color:#000}.theme-dark .color-wrapper:nth-child(10){color:#000}.theme-dark.color-wrapper:nth-child(10){color:#000}.color-wrapper:nth-child(10)::before{content:"Green"}.color-wrapper:nth-child(11){background-color:#6fd330;color:#000}.theme-light .color-wrapper:nth-child(11){background-color:#6fd330}.theme-dark .color-wrapper:nth-child(11){background-color:#89f92e}.theme-light.color-wrapper:nth-child(11){background-color:#6fd330}.theme-dark.color-wrapper:nth-child(11){background-color:#89f92e}.theme-light .color-wrapper:nth-child(11){color:#000}.theme-light.color-wrapper:nth-child(11){color:#000}.theme-dark .color-wrapper:nth-child(11){color:#000}.theme-dark.color-wrapper:nth-child(11){color:#000}.color-wrapper:nth-child(11)::before{content:"Light Green"}.color-wrapper:nth-child(12){background-color:#abda1f;color:#000}.theme-light .color-wrapper:nth-child(12){background-color:#abda1f}.theme-dark .color-wrapper:nth-child(12){background-color:#c4f806}.theme-light.color-wrapper:nth-child(12){background-color:#abda1f}.theme-dark.color-wrapper:nth-child(12){background-color:#c4f806}.theme-light .color-wrapper:nth-child(12){color:#000}.theme-light.color-wrapper:nth-child(12){color:#000}.theme-dark .color-wrapper:nth-child(12){color:#000}.theme-dark.color-wrapper:nth-child(12){color:#000}.color-wrapper:nth-child(12)::before{content:"Lime"}.color-wrapper:nth-child(13){background-color:#ffe500;color:#000}.theme-light .color-wrapper:nth-child(13){background-color:#ffe500}.theme-dark .color-wrapper:nth-child(13){background-color:#fff600}.theme-light.color-wrapper:nth-child(13){background-color:#ffe500}.theme-dark.color-wrapper:nth-child(13){background-color:#fff600}.theme-light .color-wrapper:nth-child(13){color:#000}.theme-light.color-wrapper:nth-child(13){color:#000}.theme-dark .color-wrapper:nth-child(13){color:#000}.theme-dark.color-wrapper:nth-child(13){color:#000}.color-wrapper:nth-child(13)::before{content:"Yellow"}.color-wrapper:nth-child(14){background-color:#fb0;color:#000}.theme-light .color-wrapper:nth-child(14){background-color:#fb0}.theme-dark .color-wrapper:nth-child(14){background-color:#fc0}.theme-light.color-wrapper:nth-child(14){background-color:#fb0}.theme-dark.color-wrapper:nth-child(14){background-color:#fc0}.theme-light .color-wrapper:nth-child(14){color:#000}.theme-light.color-wrapper:nth-child(14){color:#000}.theme-dark .color-wrapper:nth-child(14){color:#000}.theme-dark.color-wrapper:nth-child(14){color:#000}.color-wrapper:nth-child(14)::before{content:"Amber"}.color-wrapper:nth-child(15){background-color:#f2700c;color:#000}.theme-light .color-wrapper:nth-child(15){background-color:#f2700c}.theme-dark .color-wrapper:nth-child(15){background-color:#ff7f00}.theme-light.color-wrapper:nth-child(15){background-color:#f2700c}.theme-dark.color-wrapper:nth-child(15){background-color:#ff7f00}.theme-light .color-wrapper:nth-child(15){color:#000}.theme-light.color-wrapper:nth-child(15){color:#000}.theme-dark .color-wrapper:nth-child(15){color:#000}.theme-dark.color-wrapper:nth-child(15){color:#000}.color-wrapper:nth-child(15)::before{content:"Orange"}.color-wrapper:nth-child(16){background-color:#d43e11;color:#fff}.theme-light .color-wrapper:nth-child(16){background-color:#d43e11}.theme-dark .color-wrapper:nth-child(16){background-color:#ff6a3d}.theme-light.color-wrapper:nth-child(16){background-color:#d43e11}.theme-dark.color-wrapper:nth-child(16){background-color:#ff6a3d}.theme-light .color-wrapper:nth-child(16){color:#fff}.theme-light.color-wrapper:nth-child(16){color:#fff}.theme-dark .color-wrapper:nth-child(16){color:#000}.theme-dark.color-wrapper:nth-child(16){color:#000}.color-wrapper:nth-child(16)::before{content:"Deep Orange"}.color-wrapper:nth-child(17){background-color:#6c4b41;color:#fff}.theme-light .color-wrapper:nth-child(17){background-color:#6c4b41}.theme-dark .color-wrapper:nth-child(17){background-color:#a89189}.theme-light.color-wrapper:nth-child(17){background-color:#6c4b41}.theme-dark.color-wrapper:nth-child(17){background-color:#a89189}.theme-light .color-wrapper:nth-child(17){color:#fff}.theme-light.color-wrapper:nth-child(17){color:#fff}.theme-dark .color-wrapper:nth-child(17){color:#000}.theme-dark.color-wrapper:nth-child(17){color:#000}.color-wrapper:nth-child(17)::before{content:"Brown"}.color-wrapper:nth-child(18){background-color:#bdbdbd;color:#000}.theme-light .color-wrapper:nth-child(18){background-color:#bdbdbd}.theme-dark .color-wrapper:nth-child(18){background-color:#757575}.theme-light.color-wrapper:nth-child(18){background-color:#bdbdbd}.theme-dark.color-wrapper:nth-child(18){background-color:#757575}.theme-light .color-wrapper:nth-child(18){color:#000}.theme-light.color-wrapper:nth-child(18){color:#000}.theme-dark .color-wrapper:nth-child(18){color:#fff}.theme-dark.color-wrapper:nth-child(18){color:#fff}.color-wrapper:nth-child(18)::before{content:"Grey 1"}.color-wrapper:nth-child(19){background-color:#e0e0e0;color:#000}.theme-light .color-wrapper:nth-child(19){background-color:#e0e0e0}.theme-dark .color-wrapper:nth-child(19){background-color:#616161}.theme-light.color-wrapper:nth-child(19){background-color:#e0e0e0}.theme-dark.color-wrapper:nth-child(19){background-color:#616161}.theme-light .color-wrapper:nth-child(19){color:#000}.theme-light.color-wrapper:nth-child(19){color:#000}.theme-dark .color-wrapper:nth-child(19){color:#fff}.theme-dark.color-wrapper:nth-child(19){color:#fff}.color-wrapper:nth-child(19)::before{content:"Grey 2"}.color-wrapper:nth-child(20){background-color:#eee;color:#000}.theme-light .color-wrapper:nth-child(20){background-color:#eee}.theme-dark .color-wrapper:nth-child(20){background-color:#424242}.theme-light.color-wrapper:nth-child(20){background-color:#eee}.theme-dark.color-wrapper:nth-child(20){background-color:#424242}.theme-light .color-wrapper:nth-child(20){color:#000}.theme-light.color-wrapper:nth-child(20){color:#000}.theme-dark .color-wrapper:nth-child(20){color:#fff}.theme-dark.color-wrapper:nth-child(20){color:#fff}.color-wrapper:nth-child(20)::before{content:"Grey 3"}.color-wrapper:nth-child(21){background-color:#f1f1f1;color:#000}.theme-light .color-wrapper:nth-child(21){background-color:#f1f1f1}.theme-dark .color-wrapper:nth-child(21){background-color:#303030}.theme-light.color-wrapper:nth-child(21){background-color:#f1f1f1}.theme-dark.color-wrapper:nth-child(21){background-color:#303030}.theme-light .color-wrapper:nth-child(21){color:#000}.theme-light.color-wrapper:nth-child(21){color:#000}.theme-dark .color-wrapper:nth-child(21){color:#fff}.theme-dark.color-wrapper:nth-child(21){color:#fff}.color-wrapper:nth-child(21)::before{content:"Grey 4"}.color-wrapper:nth-child(22){background-color:#f5f5f5;color:#000}.theme-light .color-wrapper:nth-child(22){background-color:#f5f5f5}.theme-dark .color-wrapper:nth-child(22){background-color:#212121}.theme-light.color-wrapper:nth-child(22){background-color:#f5f5f5}.theme-dark.color-wrapper:nth-child(22){background-color:#212121}.theme-light .color-wrapper:nth-child(22){color:#000}.theme-light.color-wrapper:nth-child(22){color:#000}.theme-dark .color-wrapper:nth-child(22){color:#fff}.theme-dark.color-wrapper:nth-child(22){color:#fff}.color-wrapper:nth-child(22)::before{content:"Grey 5"}.color-wrapper:nth-child(23){background-color:#fafafa;color:#000}.theme-light .color-wrapper:nth-child(23){background-color:#fafafa}.theme-dark .color-wrapper:nth-child(23){background-color:#121212}.theme-light.color-wrapper:nth-child(23){background-color:#fafafa}.theme-dark.color-wrapper:nth-child(23){background-color:#121212}.theme-light .color-wrapper:nth-child(23){color:#000}.theme-light.color-wrapper:nth-child(23){color:#000}.theme-dark .color-wrapper:nth-child(23){color:#fff}.theme-dark.color-wrapper:nth-child(23){color:#fff}.color-wrapper:nth-child(23)::before{content:"Grey 6"}.color-wrapper:nth-child(24){background-color:#fff;color:#000}.theme-light .color-wrapper:nth-child(24){background-color:#fff}.theme-dark .color-wrapper:nth-child(24){background-color:#000}.theme-light.color-wrapper:nth-child(24){background-color:#fff}.theme-dark.color-wrapper:nth-child(24){background-color:#000}.theme-light .color-wrapper:nth-child(24){color:#000}.theme-light.color-wrapper:nth-child(24){color:#000}.theme-dark .color-wrapper:nth-child(24){color:#fff}.theme-dark.color-wrapper:nth-child(24){color:#fff}.color-wrapper:nth-child(24)::before{content:"White & Black"}.color-wrapper:nth-child(25){background-color:#000;color:#fff}.theme-light .color-wrapper:nth-child(25){background-color:#000}.theme-dark .color-wrapper:nth-child(25){background-color:#fff}.theme-light.color-wrapper:nth-child(25){background-color:#000}.theme-dark.color-wrapper:nth-child(25){background-color:#fff}.theme-light .color-wrapper:nth-child(25){color:#fff}.theme-light.color-wrapper:nth-child(25){color:#fff}.theme-dark .color-wrapper:nth-child(25){color:#000}.theme-dark.color-wrapper:nth-child(25){color:#000}.color-wrapper:nth-child(25)::before{content:"Black & White"}.color-wrapper:nth-child(26){background-color:#1c67e7;color:#fff}.theme-light .color-wrapper:nth-child(26){background-color:#1c67e7}.theme-dark .color-wrapper:nth-child(26){background-color:#6ba1ff}.theme-light.color-wrapper:nth-child(26){background-color:#1c67e7}.theme-dark.color-wrapper:nth-child(26){background-color:#6ba1ff}.theme-light .color-wrapper:nth-child(26){color:#fff}.theme-light.color-wrapper:nth-child(26){color:#fff}.theme-dark .color-wrapper:nth-child(26){color:#000}.theme-dark.color-wrapper:nth-child(26){color:#000}.color-wrapper:nth-child(26)::before{content:"Primary"}.color-wrapper:nth-child(27){background-color:#a326d8;color:#fff}.theme-light .color-wrapper:nth-child(27){background-color:#a326d8}.theme-dark .color-wrapper:nth-child(27){background-color:#c86bff}.theme-light.color-wrapper:nth-child(27){background-color:#a326d8}.theme-dark.color-wrapper:nth-child(27){background-color:#c86bff}.theme-light .color-wrapper:nth-child(27){color:#fff}.theme-light.color-wrapper:nth-child(27){color:#fff}.theme-dark .color-wrapper:nth-child(27){color:#000}.theme-dark.color-wrapper:nth-child(27){color:#000}.color-wrapper:nth-child(27)::before{content:"Secondary"}.color-wrapper:nth-child(28){background-color:#2ad973;color:#000}.theme-light .color-wrapper:nth-child(28){background-color:#2ad973}.theme-dark .color-wrapper:nth-child(28){background-color:#50fa97}.theme-light.color-wrapper:nth-child(28){background-color:#2ad973}.theme-dark.color-wrapper:nth-child(28){background-color:#50fa97}.theme-light .color-wrapper:nth-child(28){color:#000}.theme-light.color-wrapper:nth-child(28){color:#000}.theme-dark .color-wrapper:nth-child(28){color:#000}.theme-dark.color-wrapper:nth-child(28){color:#000}.color-wrapper:nth-child(28)::before{content:"Success"}.color-wrapper:nth-child(29){background-color:#3ea7e9;color:#000}.theme-light .color-wrapper:nth-child(29){background-color:#3ea7e9}.theme-dark .color-wrapper:nth-child(29){background-color:#42c0fe}.theme-light.color-wrapper:nth-child(29){background-color:#3ea7e9}.theme-dark.color-wrapper:nth-child(29){background-color:#42c0fe}.theme-light .color-wrapper:nth-child(29){color:#000}.theme-light.color-wrapper:nth-child(29){color:#000}.theme-dark .color-wrapper:nth-child(29){color:#000}.theme-dark.color-wrapper:nth-child(29){color:#000}.color-wrapper:nth-child(29)::before{content:"Information"}.color-wrapper:nth-child(30){background-color:#fb0;color:#000}.theme-light .color-wrapper:nth-child(30){background-color:#fb0}.theme-dark .color-wrapper:nth-child(30){background-color:#fc0}.theme-light.color-wrapper:nth-child(30){background-color:#fb0}.theme-dark.color-wrapper:nth-child(30){background-color:#fc0}.theme-light .color-wrapper:nth-child(30){color:#000}.theme-light.color-wrapper:nth-child(30){color:#000}.theme-dark .color-wrapper:nth-child(30){color:#000}.theme-dark.color-wrapper:nth-child(30){color:#000}.color-wrapper:nth-child(30)::before{content:"Warning"}.color-wrapper:nth-child(31){background-color:#d71717;color:#fff}.theme-light .color-wrapper:nth-child(31){background-color:#d71717}.theme-dark .color-wrapper:nth-child(31){background-color:#ff5b5b}.theme-light.color-wrapper:nth-child(31){background-color:#d71717}.theme-dark.color-wrapper:nth-child(31){background-color:#ff5b5b}.theme-light .color-wrapper:nth-child(31){color:#fff}.theme-light.color-wrapper:nth-child(31){color:#fff}.theme-dark .color-wrapper:nth-child(31){color:#000}.theme-dark.color-wrapper:nth-child(31){color:#000}.color-wrapper:nth-child(31)::before{content:"Error"}.color-wrapper:nth-child(32){background-color:#ffe500;color:#000}.theme-light .color-wrapper:nth-child(32){background-color:#ffe500}.theme-dark .color-wrapper:nth-child(32){background-color:#fff600}.theme-light.color-wrapper:nth-child(32){background-color:#ffe500}.theme-dark.color-wrapper:nth-child(32){background-color:#fff600}.theme-light .color-wrapper:nth-child(32){color:#000}.theme-light.color-wrapper:nth-child(32){color:#000}.theme-dark .color-wrapper:nth-child(32){color:#000}.theme-dark.color-wrapper:nth-child(32){color:#000}.color-wrapper:nth-child(32)::before{content:"Required"}.color-wrapper:nth-child(33){background-color:#f2700c;color:#000}.theme-light .color-wrapper:nth-child(33){background-color:#f2700c}.theme-dark .color-wrapper:nth-child(33){background-color:#ff7f00}.theme-light.color-wrapper:nth-child(33){background-color:#f2700c}.theme-dark.color-wrapper:nth-child(33){background-color:#ff7f00}.theme-light .color-wrapper:nth-child(33){color:#000}.theme-light.color-wrapper:nth-child(33){color:#000}.theme-dark .color-wrapper:nth-child(33){color:#000}.theme-dark.color-wrapper:nth-child(33){color:#000}.color-wrapper:nth-child(33)::before{content:"Postopned Required"}.color-wrapper:nth-child(34){background-color:#17c7d7;color:#000}.theme-light .color-wrapper:nth-child(34){background-color:#17c7d7}.theme-dark .color-wrapper:nth-child(34){background-color:#00e9ff}.theme-light.color-wrapper:nth-child(34){background-color:#17c7d7}.theme-dark.color-wrapper:nth-child(34){background-color:#00e9ff}.theme-light .color-wrapper:nth-child(34){color:#000}.theme-light.color-wrapper:nth-child(34){color:#000}.theme-dark .color-wrapper:nth-child(34){color:#000}.theme-dark.color-wrapper:nth-child(34){color:#000}.color-wrapper:nth-child(34)::before{content:"Recommended"}.color-wrapper .color-variant{height:100%;width:50%}.tab-content{display:flex;flex-direction:column;padding:var(--base-2)}.tab-content-stripe{height:8px;width:50%;flex:0 0 auto;margin:var(--base) 0;opacity:.5;transform-origin:left;transition:all .2s ease-out;background-color:rgba(0,0,0,.12)}.tab-content-stripe:active{transition-duration:.1s}.theme-light .tab-content-stripe{background-color:rgba(0,0,0,.12)}.theme-dark .tab-content-stripe{background-color:rgba(255,255,255,.18)}.theme-light.tab-content-stripe{background-color:rgba(0,0,0,.12)}.theme-dark.tab-content-stripe{background-color:rgba(255,255,255,.18)}.page-1 .tab-content-stripe:nth-child(5){transform:scaleX(.75)}.page-2 .tab-content-stripe:nth-child(1){transform:scaleX(1.5)}.page-2 .tab-content-stripe:nth-child(2){transform:scaleX(1.5)}.page-2 .tab-content-stripe:nth-child(3){transform:scaleX(.25)}.page-2 .tab-content-stripe:nth-child(4){transform:scaleX(0)}.page-2 .tab-content-stripe:nth-child(5){transform:scaleX(0)}.page-3 .tab-content-stripe:nth-child(1){transform:scaleX(1.25)}.page-3 .tab-content-stripe:nth-child(2){transform:scaleX(1.25)}.page-3 .tab-content-stripe:nth-child(3){transform:scaleX(1.25)}.page-3 .tab-content-stripe:nth-child(4){transform:scaleX(1.25)}.page-3 .tab-content-stripe:nth-child(5){transform:scaleX(.5)}.page-4 .tab-content-stripe:nth-child(1){transform:scaleX(1.75)}.page-4 .tab-content-stripe:nth-child(2){transform:scaleX(1.75)}.page-4 .tab-content-stripe:nth-child(3){transform:scaleX(1.75)}.page-4 .tab-content-stripe:nth-child(4){transform:scaleX(.5)}.page-4 .tab-content-stripe:nth-child(5){transform:scaleX(.5)}.page-5 .tab-content-stripe:nth-child(1){transform:scaleX(2)}.page-5 .tab-content-stripe:nth-child(2){transform:scaleX(2)}.page-5 .tab-content-stripe:nth-child(3){transform:scaleX(2)}.page-5 .tab-content-stripe:nth-child(4){transform:scaleX(2)}.page-5 .tab-content-stripe:nth-child(5){transform:scaleX(.75)}.msg-box-demo{height:144px}.msg-box-demo .Content,.msg-box-demo .Header{animation:msg-box 3s infinite alternate-reverse}@keyframes msg-box{0%{filter:blur(8px)}100%{filter:blur(0)}}.iframe-button-wrapper{display:flex;justify-content:space-around}.iframe-button-wrapper>*{flex:0 0 auto}.theme-switch{position:fixed;top:16px;right:16px;padding:0;height:32px;width:32px}.tree-frame-demo{background-color:#fff;box-shadow:var(--elevation-1);border:0;border-radius:var(--radius-2)}.theme-light .tree-frame-demo{background-color:#fff}.theme-dark .tree-frame-demo{background-color:#212121}.theme-light.tree-frame-demo{background-color:#fff}.theme-dark.tree-frame-demo{background-color:#212121}.progress-bars{display:grid;grid-template-columns:minmax(100px,250px);row-gap:var(--base-4);align-content:center;justify-content:center;height:100%}.tree-frame-demo{background-color:#fff;box-shadow:var(--elevation-1);border:0;border-radius:var(--radius-2)}.theme-light .tree-frame-demo{background-color:#fff}.theme-dark .tree-frame-demo{background-color:#212121}.theme-light.tree-frame-demo{background-color:#fff}.theme-dark.tree-frame-demo{background-color:#212121}.progress-bars{display:grid;grid-template-columns:minmax(100px,250px);row-gap:var(--base-4);align-content:center;justify-content:center;height:100%}.loader-container-endless{background-color:#fff;box-shadow:var(--elevation-1);border:0;border-radius:var(--radius-2);position:relative;width:100%;height:var(--stripe-width);overflow:hidden}.theme-light .loader-container-endless{background-color:#fff}.theme-dark .loader-container-endless{background-color:#212121}.theme-light.loader-container-endless{background-color:#fff}.theme-dark.loader-container-endless{background-color:#212121}.loader-container-endless .bar{position:absolute;width:100%;height:100%;animation:bar 1.8s ease infinite}.loader-container-endless .bar::after,.loader-container-endless .bar::before{position:absolute;content:"";width:1%;min-width:.5px;height:100%;animation:barr 1.8s ease infinite;transform-origin:right;background-color:#1c67e7}.theme-light .loader-container-endless .bar::after,.theme-light .loader-container-endless .bar::before{background-color:#1c67e7}.theme-dark .loader-container-endless .bar::after,.theme-dark .loader-container-endless .bar::before{background-color:#6ba1ff}.theme-light.loader-container-endless .bar::after,.theme-light.loader-container-endless .bar::before{background-color:#1c67e7}.theme-dark.loader-container-endless .bar::after,.theme-dark.loader-container-endless .bar::before{background-color:#6ba1ff}.loader-container{background-color:#fff;box-shadow:var(--elevation-1);border:0;border-radius:var(--radius-2);position:relative;width:100%;height:var(--stripe-width);overflow:hidden;--progress:0}.theme-light .loader-container{background-color:#fff}.theme-dark .loader-container{background-color:#212121}.theme-light.loader-container{background-color:#fff}.theme-dark.loader-container{background-color:#212121}.loader-container .bar{position:absolute;width:100%;height:100%}.loader-container .bar::before{position:absolute;content:"";width:calc(var(--progress) * 1%);height:100%;background-color:#1c67e7;transition:all .2s ease-out}.theme-light .loader-container .bar::before{background-color:#1c67e7}.theme-dark .loader-container .bar::before{background-color:#6ba1ff}.theme-light.loader-container .bar::before{background-color:#1c67e7}.theme-dark.loader-container .bar::before{background-color:#6ba1ff}.loader-container .bar::before:active{transition-duration:.1s}.spinners{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,100px);grid-auto-rows:100px;gap:var(--base-2)}.loader-container-spinner{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%}.loader-container-spinner *{box-sizing:border-box}.loader-container-spinner .loader{position:relative;width:14px;height:14px;animation:rotate-all .9s linear infinite}.loader-container-spinner .loader .left,.loader-container-spinner .loader .right{position:absolute;top:0;width:50%;height:100%;overflow:hidden}.loader-container-spinner .loader .left{left:0}.loader-container-spinner .loader .left .border{border-radius:14px 0 0 14px;border-right:none;transform-origin:right center;animation:rotate-left 1.1s ease-in infinite alternate}.loader-container-spinner .loader .right{right:0}.loader-container-spinner .loader .right .border{border-radius:0 14px 14px 0;border-left:none;transform-origin:left center;animation:rotate-right 1.1s ease-in infinite alternate}.loader-container-spinner .loader .border{position:relative;width:100%;height:100%;border:2px solid hsla(0,0%,0%,.6)}.loader-container-light{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%}.loader-container-light *{box-sizing:border-box}.loader-container-light .loader{position:relative;width:14px;height:14px;animation:rotate-all .9s linear infinite}.loader-container-light .loader .left,.loader-container-light .loader .right{position:absolute;top:0;width:50%;height:100%;overflow:hidden}.loader-container-light .loader .left{left:0}.loader-container-light .loader .left .border{border-radius:14px 0 0 14px;border-right:none;transform-origin:right center;animation:rotate-left 1.1s ease-in infinite alternate}.loader-container-light .loader .right{right:0}.loader-container-light .loader .right .border{border-radius:0 14px 14px 0;border-left:none;transform-origin:left center;animation:rotate-right 1.1s ease-in infinite alternate}.loader-container-light .loader .border{position:relative;width:100%;height:100%;border:2px solid hsla(0,0%,0%,.6)}.loader-container-light .loader .border{border-color:hsla(0,0%,100%,.7)}.loader-container-colored{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%}.loader-container-colored *{box-sizing:border-box}.loader-container-colored .loader{position:relative;width:14px;height:14px;animation:rotate-all .9s linear infinite}.loader-container-colored .loader .left,.loader-container-colored .loader .right{position:absolute;top:0;width:50%;height:100%;overflow:hidden}.loader-container-colored .loader .left{left:0}.loader-container-colored .loader .left .border{border-radius:14px 0 0 14px;border-right:none;transform-origin:right center;animation:rotate-left 1.1s ease-in infinite alternate}.loader-container-colored .loader .right{right:0}.loader-container-colored .loader .right .border{border-radius:0 14px 14px 0;border-left:none;transform-origin:left center;animation:rotate-right 1.1s ease-in infinite alternate}.loader-container-colored .loader .border{position:relative;width:100%;height:100%;border:2px solid hsla(0,0%,0%,.6)}.loader-container-colored .loader .left .border{animation:rotate-left 1.1s ease-in infinite alternate,colors 4.4s ease-in infinite none}.loader-container-colored .loader .right .border{animation:rotate-right 1.1s ease-in infinite alternate,colors 4.4s ease-in infinite none}.loader-container-large-colored .loader .left .border{animation:rotate-left 1.1s ease-in infinite alternate,colors 4.4s ease-in infinite none}.loader-container-large-colored .loader .right .border{animation:rotate-right 1.1s ease-in infinite alternate,colors 4.4s ease-in infinite none}.loader-large-colored{background-color:#a326d8}.theme-light .loader-large-colored{background-color:#a326d8}.theme-dark .loader-large-colored{background-color:#c86bff}.theme-light.loader-large-colored{background-color:#a326d8}.theme-dark.loader-large-colored{background-color:#c86bff}