button{padding:4px 8px!important;border-radius:8px;color:#fff;background-color:var(--color-button-default);border:none;box-shadow:none;min-height:36px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}button.secondary{background-color:var(--color-button-secondary)}button.outline{background-color:var(--color-button-outline);border:1px solid var(--color-button-default);color:var(--color-button-default)}button.outline:hover{background-color:var(--color-clear-button-hover)}button.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}button.clear{background-color:var(--color-transparent);color:var(--color-button-default)}button.clear:hover{background-color:var(--color-clear-button-hover)}button.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}button.small{min-height:30px;min-width:30px}button.medium{min-height:36px;min-width:36px}button.large{min-height:42px;min-width:42px}.success{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-success))}.success.outline{background-color:var(--color-button-outline);border:1px solid var(--color-success);color:var(--color-success)}.success.outline:hover{background-color:var(--color-clear-button-success-hover)}.success.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}.success.clear{background-color:var(--color-transparent);color:var(--color-success)}.success.clear:hover{background-color:var(--color-clear-button-success-hover)}.success.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}.warning{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-warning))}.warning.outline{background-color:var(--color-button-outline);border:1px solid var(--color-warning);color:var(--color-warning)}.warning.outline:hover{background-color:var(--color-clear-button-warning-hover)}.warning.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}.warning.clear{background-color:var(--color-transparent);color:var(--color-warning)}.warning.clear:hover{background-color:var(--color-clear-button-warning-hover)}.warning.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}.error{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-error))}.error.outline{background-color:var(--color-button-outline);border:1px solid var(--color-error);color:var(--color-error)}.error.outline:hover{background-color:var(--color-clear-button-error-hover)}.error.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}.error.clear{background-color:var(--color-transparent);color:var(--color-error)}.error.clear:hover{background-color:var(--color-clear-button-error-hover)}.error.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}.default{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-button-default))}.disabled,:disabled{background-color:var(--color,var(--color-background-disabled));color:var(--color,var(--color-text-disabled));cursor:not-allowed}.standard{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-button-default))}@media(prefers-color-scheme:dark){button{padding:4px 8px!important;border-radius:8px;color:#fff;background-color:var(--color-button-default);border:none;box-shadow:none;min-height:36px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}button.secondary{background-color:var(--color-button-secondary)}button.outline{background-color:var(--color-button-outline);border:1px solid var(--color-button-default);color:var(--color-button-default)}button.outline:hover{background-color:var(--color-clear-button-hover)}button.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}button.clear{background-color:var(--color-transparent);color:var(--color-button-default)}button.clear:hover{background-color:var(--color-clear-button-hover)}button.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}button.small{min-height:30px;min-width:30px}button.medium{min-height:36px;min-width:36px}button.large{min-height:42px;min-width:42px}.success{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-success))}.success.outline{background-color:var(--color-button-outline);border:1px solid var(--color-success);color:var(--color-success)}.success.outline:hover{background-color:var(--color-clear-button-success-hover)}.success.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}.success.clear{background-color:var(--color-transparent);color:var(--color-success)}.success.clear:hover{background-color:var(--color-clear-button-success-hover)}.success.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}.warning{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-warning))}.warning.outline{background-color:var(--color-button-outline);border:1px solid var(--color-warning);color:var(--color-warning)}.warning.outline:hover{background-color:var(--color-clear-button-warning-hover)}.warning.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}.warning.clear{background-color:var(--color-transparent);color:var(--color-warning)}.warning.clear:hover{background-color:var(--color-clear-button-warning-hover)}.warning.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}.error{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-error))}.error.outline{background-color:var(--color-button-outline);border:1px solid var(--color-error);color:var(--color-error)}.error.outline:hover{background-color:var(--color-clear-button-error-hover)}.error.outline:disabled{background-color:var(--color-button);border:1px solid var(--color-background-disabled);color:var(--color-background-disabled)}.error.clear{background-color:var(--color-transparent);color:var(--color-error)}.error.clear:hover{background-color:var(--color-clear-button-error-hover)}.error.clear:disabled{background-color:var(--color-transparent);color:var(--color-background-disabled)}.default{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-button-default))}.disabled,:disabled{background-color:var(--color,var(--color-background-disabled));color:var(--color,var(--color-text-disabled));cursor:not-allowed}.standard{color:var(--color,var(--color-text-button));background-color:var(--color,var(--color-button-default))}}#colors{width:70%;flex-direction:column}#colors,.color-container{position:relative;display:flex}.color-container{width:100%;flex-wrap:wrap}.color{max-width:130px;width:100%;display:inline-block;vertical-align:top}.color h6{text-transform:capitalize}.color p{white-space:pre-wrap;font-size:14px}#colors .searchCon,#colors .searchCon input{position:relative;display:flex}#colors .searchCon input{width:100%;padding:8px 8px 8px 32px;border:1px solid #dfe6ec;border-radius:3px}#colors .searchCon input::-webkit-search-cancel-button{position:relative;right:20px;-webkit-appearance:none;height:20px;width:20px;border-radius:10px}#colors .searchCon input:focus{border:1px solid #4a90e2}#colors .searchCon input:focus-visible{outline:none}#colors .searchCon input::placeholder{font-size:16px}#colors .searchCon i{position:absolute;left:0;display:flex;align-items:center;font-size:16px;padding:8px}.color-box{width:100%;height:50px}.color-text{padding:5px}.blue{color:#307ed9}.blue.bg{background-color:#307ed9}.green{color:#79cc4d}.green.bg{background-color:#79cc4d}.yellow{color:#f9c505}.yellow.bg{background-color:#f9c505}.orange{color:#f07f1c}.orange.bg{background-color:#f07f1c}.red{color:#d81a1b}.red.bg{background-color:#d81a1b}.pink{color:#c1208c}.pink.bg{background-color:#c1208c}.lime{color:#def20a}.lime.bg{background-color:#def20a}.cherry{color:#eb5116}.cherry.bg{background-color:#eb5116}.tangerine{color:#e99417}.tangerine.bg{background-color:#e99417}.lemon{color:#f2e402}.lemon.bg{background-color:#f2e402}.mint{color:#d7eb09}.mint.bg{background-color:#d7eb09}.teal{color:#30b8dc}.teal.bg{background-color:#30b8dc}.blueberry{color:#6648e5}.blueberry.bg{background-color:#6648e5}.cranberry{color:#bf1f66}.cranberry.bg{background-color:#bf1f66}.dragon-fruit{color:#c820af}.dragon-fruit.bg{background-color:#c820af}.plum{color:#9c3dbf}.plum.bg{background-color:#9c3dbf}.purple{color:#6d4db0}.purple.bg{background-color:#6d4db0}.light-blue{color:#dcedf6}.light-blue.bg{background-color:#dcedf6}.light-green{color:#e3f5da}.light-green.bg{background-color:#e3f5da}.light-yellow{color:#f5eed0}.light-yellow.bg{background-color:#f5eed0}.light-orange{color:#f6e6db}.light-orange.bg{background-color:#f6e6db}.light-red{color:#f6dddd}.light-red.bg{background-color:#f6dddd}.light-pink{color:#f6dfef}.light-pink.bg{background-color:#f6dfef}.light-plum{color:#e4d5f2}.light-plum.bg{background-color:#e4d5f2}.light-purple{color:#dae0f5}.light-purple.bg{background-color:#dae0f5}.gray-600{color:#272d34}.gray-600.bg{background-color:#272d34}.gray-500{color:#5c6470}.gray-500.bg{background-color:#5c6470}.gray-400{color:#7f8c96}.gray-400.bg{background-color:#7f8c96}.gray-300{color:#c3ccd2}.gray-300.bg{background-color:#c3ccd2}.gray-200{color:#dfe5ea}.gray-200.bg{background-color:#dfe5ea}.gray-100{color:#ebeeee}.gray-100.bg{background-color:#ebeeee}.blue-gray{color:#f2f2f2}.blue-gray.bg{background-color:#f2f2f2}.red-gray{color:#fbfbfb}.red-gray.bg{background-color:#fbfbfb}.dark-green{color:#0c3f21}.dark-green.bg{background-color:#0c3f21}.main-nav-green{color:#2a6f21}.main-nav-green.bg{background-color:#2a6f21}.hover-green{color:#399534}.hover-green.bg{background-color:#399534}.brand-green{color:#44a880}.brand-green.bg{background-color:#44a880}.code-teal{color:#53e4fe}.code-teal.bg{background-color:#53e4fe}.black{color:#000}.black.bg{background-color:#000}.white{color:#fff}.white.bg{background-color:#fff}.border{border:2px solid #c3ccd2}@media screen and (max-width:475px){#colors{width:100%;position:relative;display:flex;flex-direction:column}}@media screen and (max-width:768px){#colors{width:100%;position:relative;display:flex;flex-direction:column}}.gutter16{background-color:#dcedf6}.gutter12,.gutter24{background-color:#f5eed0}.panel-default,.row{margin-right:0}#column{width:70%;position:relative;display:flex;flex-direction:column}.gutterColumn{display:flex;flex-direction:row}.two-col{position:relative;display:flex;height:48px}.two-col .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.two-col .column-1{max-width:588px;width:100%;align-items:center;display:flex;justify-content:center}.two-col .gut-1{max-width:24px;width:100%}.two-col .gut-default{max-width:12px;width:100%}.two-col .column-2{max-width:588px;width:100%;align-items:center;display:flex;justify-content:center;margin-right:0}.two-col p{margin-bottom:0}.three-col{position:relative;display:flex;height:48px}.three-col .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.three-col .gut-1{max-width:24px;width:100%}.three-col .gut-default{max-width:12px;width:100%}.three-col .column-1,.three-col .column-2,.three-col .column-3{max-width:384px;width:100%;align-items:center;display:flex;justify-content:center}.three-col .column-3{margin-right:0}.three-col p{margin-bottom:0}.four-col{position:relative;display:flex;height:48px}.four-col .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.four-col .column-1{max-width:282px;width:100%;align-items:center;display:flex;justify-content:center}.four-col .gut-1{max-width:16px;width:100%}.four-col .gut-default{max-width:12px;width:100%}.four-col .column-2,.four-col .column-3,.four-col .column-4{max-width:282px;width:100%;align-items:center;display:flex;justify-content:center}.four-col .column-4{margin-right:0}.four-col p{margin-bottom:0}.two-col-current{position:relative;display:flex;height:48px}.two-col-current .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.two-col-current .column-1{width:100%;align-items:center;display:flex;justify-content:center}.two-col-current .gut-1{max-width:24px;width:100%}.two-col-current .gut-default{max-width:12px;width:100%}.two-col-current .column-2,.two-col-current .column-2-current{width:100%;align-items:center;display:flex;justify-content:center;margin-right:0}.two-col-current p{margin-bottom:0}.two-col-current-new{position:relative;display:flex}.two-col-current-new .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.two-col-current-new .column-1{width:100%;align-items:center;display:flex;justify-content:center}.two-col-current-new .gut-1{max-width:24px;width:100%}.two-col-current-new .gut-default{max-width:12px;width:100%}.two-col-current-new .column-2,.two-col-current-new .column-2-current{width:100%;align-items:center;display:flex;justify-content:center;margin-right:0}.two-col-current-new p{margin-bottom:0}.three-col-current{position:relative;display:flex;height:48px}.three-col-current .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.three-col-current .gut-1{max-width:24px;width:100%}.three-col-current .gut-default{max-width:12px;width:100%}.three-col-current .column-1,.three-col-current .column-2,.three-col-current .column-3{width:100%;align-items:center;display:flex;justify-content:center}.three-col-current .column-3{margin-right:0}.three-col-current p{margin-bottom:0}.three-col-current-new{position:relative;display:flex}.three-col-current-new .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.three-col-current-new .gut-1{max-width:24px;width:100%}.three-col-current-new .gut-default{max-width:12px;width:100%}.three-col-current-new .column-1,.three-col-current-new .column-2{width:100%;align-items:center;display:flex;justify-content:center}.three-col-current-new .column-3,.three-col-current-new .column-3-current{width:100%;align-items:center;display:flex;justify-content:center;margin-right:0}.three-col-current-new p{margin-bottom:0}.four-col-current{position:relative;display:flex;height:48px}.four-col-current .border{border:1px solid #dfe5ea;margin-right:0;padding-right:0}.four-col-current .column-1{width:100%;align-items:center;display:flex;justify-content:center}.four-col-current .gut-1{max-width:16px;width:100%}.four-col-current .gut-default{max-width:12px;width:100%}.four-col-current .column-2,.four-col-current .column-3,.four-col-current .column-4{width:100%;align-items:center;display:flex;justify-content:center}.four-col-current .column-4{margin-right:0}.four-col-current p{margin-bottom:0}.box{width:24px;height:24px}.box,.box12{position:relative;display:block;float:left;left:1px}.box12{width:12px;height:12px}@media screen and (max-width:768px){#columns{width:100%;position:relative;display:flex;flex-direction:column}}.gutterColumn p{margin-right:8px}.four-col,.three-col,.two-col{margin-bottom:24px}.tile-container{border:1px solid #bdc6cf;border-radius:3px;width:100%;height:auto;box-shadow:4px 3px 7px 1px #c7d2db;margin-bottom:24px;position:relative}.tile-container .tile-header{height:auto;min-height:40px;border-bottom:1px solid #bdc6cf;font-size:18px;font-weight:500;color:#2b333d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-container .tile-body,.tile-container .tile-header{padding:16px;position:relative}.tile-container .tile-body .tile-content{position:relative;height:auto}.tile-container .view-sample{padding:16px 8px}.tile-container .tile-button{width:100%;position:relative;padding:16px;bottom:0}.tile-container .tile-button button{width:100%}.btn-unselected .icon{display:none;font-size:24px;top:5px;position:relative}.btn-selected,.btn-selected:hover{background-color:#7dc855!important;color:#fff!important;border-color:#7dc855!important}.btn-selected .icon{font-size:24px;top:5px;position:relative}.btn-selected .btn-text,.fancy-checkbox-btn input[type=checkbox]{display:none}.fancy-checkbox-btn label:not(.button),.fancy-checkbox-btn span:not(.button){width:100%;max-width:100%}.fancy-checkbox-btn .button{-webkit-appearance:none;background-color:#fff;border:1px solid #bdc6cf;padding:0;border-radius:50px;display:inline-block;position:relative;width:16px;height:16px;margin-top:2px;float:left}.fancy-checkbox-btn .btn:active{background-color:#7dc855!important;color:#fff}.fancy-checkbox-btn .btn .icon{display:none}.fancy-checkbox-btn .btn .btn-text{margin:0}.fancy-checkbox-btn input[type=checkbox]:checked~.btn{background-color:#7dc855;border:1px solid #7dc855;color:#fff}.fancy-checkbox-btn input[type=checkbox]:checked~.btn .btn-text{display:none}.fancy-checkbox-btn input[type=checkbox]:checked~.btn .icon{display:inline-block;font-size:24px;top:5px;position:relative}.fancy-checkbox-btn input[type=checkbox][disabled]:checked~.btn{border:1px solid #c7d2db;background-color:#f3f6f8;color:#c7d2db}.fancy-checkbox-btn input[type=checkbox][disabled]:checked~.btn:after{background:#c7d2db}.fancy-radio-btn{display:inline-block;width:100%}.fancy-radio-btn input[type=radio]{display:none}.fancy-radio-btn label:not(.button),.fancy-radio-btn span:not(.button){margin-left:0;margin-right:0;position:relative;margin-bottom:0;width:100%;max-width:100%}.fancy-radio-btn .button{-webkit-appearance:none;background-color:#fff;border:1px solid #bdc6cf;padding:0;border-radius:50px;display:inline-block;position:relative;width:16px;height:16px;margin-top:2px;float:left}.fancy-radio-btn .btn:active{background-color:#7dc855!important;color:#fff}.fancy-radio-btn .btn .icon{display:none}.fancy-radio-btn .btn .btn-text{margin:0}.fancy-radio-btn input[type=radio]:checked~.btn{background-color:#7dc855;border:1px solid #7dc855;color:#fff}.fancy-radio-btn input[type=radio]:checked~.btn .btn-text{display:none}.fancy-radio-btn input[type=radio]:checked~.btn .icon{display:inline-block;font-size:24px;top:5px;position:relative}.fancy-radio-btn input[type=radio][disabled]:checked~.btn{border:1px solid #c7d2db;background-color:#f3f6f8;color:#c7d2db}.fancy-radio-btn input[type=radio][disabled]:checked~.btn:after{background:#c7d2db}#bs-grid-example{border:1px solid #5c6470;width:100%}#bs-grid-example .column-example{height:40px;border:1px solid #5c6470;justify-content:center;align-items:center;display:flex;color:#000;text-align:center;line-height:normal}#mobile-view{border:1px solid #5c6470;max-width:425px;width:100%}#mobile-view .column-example{height:40px;border:1px solid #5c6470;justify-content:center;align-items:center;display:flex;color:#000;text-align:center;line-height:normal}#icon{width:70%}#icon,#icon .icon{display:block;position:relative}#icon .icon{margin:24px 0;border-bottom:1px solid gray}#icon .icon .iconName{text-transform:capitalize}#icon .searchCon,#icon .searchCon input{position:relative;display:flex}#icon .searchCon input{width:100%;padding:8px 8px 8px 32px;border:1px solid #dfe6ec;border-radius:3px}#icon .searchCon input::-webkit-search-cancel-button{position:relative;right:20px;-webkit-appearance:none;height:20px;width:20px;border-radius:10px}#icon .searchCon input:focus{border:1px solid #4a90e2}#icon .searchCon input:focus-visible{outline:none}#icon .searchCon input::placeholder{font-size:16px;font-weight:400}#icon .searchCon i{position:absolute;left:0;display:flex;align-items:center;font-size:16px;padding:8px}#icon .mostUsed{display:flex;flex-wrap:wrap}#icon .icon-wrap{margin-right:24px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}#icon caption{font-weight:400;font-size:16px;color:#5e6977;display:flex;font-family:Roboto,sans-serif}#icon .rotate-left{transform:rotate(-45deg);display:flex}#icon .rotate-right{transform:rotate(45deg);display:flex}#icon .rotate-full{transform:rotate(180deg);display:flex}#icon .icon-wrap i{max-width:16px}#icon .noWrap{white-space:nowrap}#icon .preWrap{white-space:pre-wrap}#icon .x-small{font-size:16px}#icon .small{font-size:24px}#icon .medium{font-size:32px}#icon .large{font-size:48px}#icon .x-large{font-size:64px}#icon .xx-large{font-size:80px}#icon .icon-group{margin-bottom:24px}#icon .icon-group i{margin-right:16px}#icon .blue{color:#4a90e2}#icon .iconTest a+a{margin-left:16px}#icon .iconTest{display:flex;align-items:center;flex-wrap:wrap}#icon .iconTest a{display:flex;padding:8px 0}#icon .icon2x{font-size:24px}#icon #buttonIconCont{display:flex!important;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #c7d2db;border-radius:3px}#icon #buttonIconCont.disabled{background-color:#f3f6f8;cursor:default}#icon #buttonIconCont.disabled:focus-visible{border:1px solid #c7d2db;background-color:#f3f6f8;cursor:default}#icon #buttonIconCont.disabled:focus-visible #buttonIconCont.disabled i{background-color:#f3f6f8;color:#c7d2db}#icon #buttonIconCont.disabled:hover{background-color:#f3f6f8}#icon #buttonIconCont.disabled:active{background-color:#f3f6f8;border:1px solid #c7d2db}#icon #buttonIconCont.hover,#icon #buttonIconCont:hover{background-color:#f3f6f8}#icon #buttonIconCont.pressed{background-color:#4a90e2;border:none}#icon #buttonIconCont.pressed:focus-visible{background-color:#fff;border:2px solid #4a90e2;color:#4a90e2}#icon #buttonIconCont.pressed:focus-visible i{color:#4a90e2}#icon #buttonIconCont.pressed:hover{background-color:#4a90e2;border:none}#icon #buttonIconCont.focus{background-color:#fff;border:2px solid #4a90e2}#icon #buttonIconCont:focus-visible{background-color:#fff;border:2px solid #4a90e2;color:#4a90e2}#icon #buttonIconCont.selected{background-color:#e2f2fb}#icon #buttonIconCont.selected:focus-visible{background-color:#fff;border:2px solid #4a90e2;color:#4a90e2}#icon #buttonIconCont.selected:hover{background-color:#e2f2fb}#icon #buttonIconCont.selected:active{background-color:#4a90e2;color:#fff;border:none}#icon #buttonIconCont.pressed i{color:#fff}#icon #buttonIconCont.disabled i{background-color:#f3f6f8;color:#c7d2db}#icon #buttonIconCont:active{background-color:#4a90e2;color:#fff;border:none}#icon .icon-test-setup{display:flex}#icon .icon-test-setup .icon-container,#icon .icon-test-setup .icon-container2,#icon .icon-test-setup .main-icon{position:relative}#icon .icon-test-setup .main-icon i{font-size:32px;color:#4a90e2}#icon .icon-test-setup .main-icon .topNumber{z-index:2;position:relative;width:16px;text-align:center;font-weight:700;font-family:Roboto}#icon .icon-test-setup .overlay .back{position:absolute;bottom:-4px;left:-6px}#icon .icon-test-setup .overlay .back i{font-size:18px;color:#fff}#icon .icon-test-setup .overlay .front{position:absolute;bottom:-4px;left:-5px}#icon .icon-test-setup .overlay .front i{font-size:16px;color:#7dc855}#icon .icon-test-setup .overlay2{position:relative}#icon .icon-test-setup .overlay2 .white-block{background-color:#fff;width:8px;height:8px;position:absolute;top:0}#icon .icon-test-setup2{display:flex}#icon .icon-test-setup2 .icon-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}#icon .icon-test-setup2 .icon-container2,#icon .icon-test-setup2 .main-icon{position:relative}#icon .icon-test-setup2 .main-icon i{font-size:32px;color:#4a90e2}#icon .icon-test-setup2 .main-icon .topNumber{z-index:2;position:relative;text-align:center;font-weight:700;font-family:Roboto}#icon .icon-test-setup2 .overlay .back{position:absolute;bottom:-4px;left:-6px}#icon .icon-test-setup2 .overlay .back i{font-size:18px;color:#fff}#icon .icon-test-setup2 .overlay .front{position:absolute;bottom:-4px;left:-5px}#icon .icon-test-setup2 .overlay .front i{font-size:16px;color:#7dc855}#icon .icon-test-setup2 .overlay2{position:relative}#icon .icon-test-setup2 .overlay2 .white-block{background-color:#fff;width:8px;height:8px;position:absolute;top:0}#icon .badge,#icon .badge2{font-family:Roboto}#icon .badge2{min-height:16px;min-width:16px;font-size:14px;font-weight:400;text-align:center;border-radius:12px;line-height:normal;background-color:#ec7d1b;color:#fff;display:inline-block}#icon .flip{display:inline-flex;transform:scaleX(-1)}#icon .newIcons{display:flex;flex-direction:column}#icon .newIcons i{margin-top:16px}@media screen and (max-width:768px){#icons{width:100%;position:relative;display:flex;flex-direction:column}}#typography-inner{width:70%;position:relative;display:flex;flex-direction:column}.section-spacer{margin-bottom:48px}.headers-container{display:flex}.headers-container .bodyCopy,.headers-container .gridCells,.headers-container .smallCopy,.headers-container h1,.headers-container h2,.headers-container h3,.headers-container h4,.headers-container h5,.headers-container h6{margin:0;position:absolute;bottom:0;display:block}.header{max-width:120px;width:100%;padding:0 5px;float:left}.h-box{height:100px;position:relative;display:block}.header ul{list-style-type:none;padding:0;margin:0}.header hr{border:1px solid #79cc4d}#typography .headers-container{display:block}@media screen and (max-width:768px){#typography{width:100%;position:relative;display:flex;flex-direction:column}}