.icon{display:inline-block}.icon.xsmall,.icon.xsmall svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.icon.small,.icon.small svg{width:var(--icon-size-s);height:var(--icon-size-s)}.icon.medium,.icon.medium svg{width:var(--icon-size-m);height:var(--icon-size-m)}.icon.large,.icon.large svg{width:var(--icon-size-l);height:var(--icon-size-l)}.icon.full,.icon.full svg{width:100%;height:100%}.icon svg{display:block}.overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.overlay .overlayContainer{width:40px;height:40px}.overlay .loadingText{margin-top:15px;font-weight:700;text-transform:capitalize}.loadingItemLeft,.loadingItemRight{width:50%;height:100%;display:inline-block;overflow:hidden;position:relative;border-color:inherit}.loadingItemLeftInner,.loadingItemRightInner{width:200%;position:absolute;top:0;right:0;bottom:0;box-sizing:border-box;border-radius:50%;border:3px solid;border-color:inherit}.loading{width:100%;height:100%;font-size:0}.loading.primary{border-color:var(--color-primary)}.loading.info{border-color:var(--color-info)}.loading.success{border-color:var(--color-success)}.loading.warning{border-color:var(--color-warning)}.loading.danger{border-color:var(--color-danger)}.loading.accent{border-color:var(--color-accent)}.loading.web-4-0.info,.loading.web-4-0.primary{border-color:var(--color-4-0-purple)}.loading.web-4-0.success{border-color:var(--color-4-0-success)}.loading.web-4-0.warning{border-color:var(--color-4-0-accent)}.loading.web-4-0.danger{border-color:var(--color-4-0-danger)}.loading.web-4-0.accent{border-color:var(--color-4-0-accent)}.loadingInner{animation:loading-inner-rotate 1568ms linear infinite}.loadingInner,.loadingItem{width:100%;height:100%;border-color:inherit}.loadingItem{position:relative;animation:loading-item-rotate 5332ms cubic-bezier(.56,.08,.1,.93) infinite both}.loadingItemLeftInner{border-right-color:transparent;border-bottom-color:transparent;left:0;animation:loading-left-inner-rotate 1333ms cubic-bezier(.56,.08,.1,.93) infinite both;transform:rotate(130deg)}.loadingItemRightInner{border-left-color:transparent;border-bottom-color:transparent;left:-100%;animation:loading-right-inner-rotate 1333ms cubic-bezier(.56,.08,.1,.93) infinite both;transform:rotate(-130deg)}@-moz-keyframes loading-inner-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes loading-inner-rotate{to{transform:rotate(1turn)}}@-o-keyframes loading-inner-rotate{to{transform:rotate(1turn)}}@keyframes loading-inner-rotate{to{transform:rotate(1turn)}}@-moz-keyframes loading-item-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@-webkit-keyframes loading-item-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@-o-keyframes loading-item-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@keyframes loading-item-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@-moz-keyframes loading-left-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(133deg)}to{transform:rotate(0deg)}}@-webkit-keyframes loading-left-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(133deg)}to{transform:rotate(0deg)}}@-o-keyframes loading-left-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(133deg)}to{transform:rotate(0deg)}}@keyframes loading-left-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(133deg)}to{transform:rotate(0deg)}}@-moz-keyframes loading-right-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(-133deg)}to{transform:rotate(0deg)}}@-webkit-keyframes loading-right-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(-133deg)}to{transform:rotate(0deg)}}@-o-keyframes loading-right-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(-133deg)}to{transform:rotate(0deg)}}@keyframes loading-right-inner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(-133deg)}to{transform:rotate(0deg)}}.btn,.btn.xxsmall,.icon{--icon-size-s:16px;--icon-size-m:20px;--icon-size-l:24px;--icon-size-xl:32px;--icon-size-xs:12px}.btn,.btn.xxsmall{--btn-padding-xs:0 12px;--btn-padding-s:0 11px;--btn-padding-m:0 16px;--btn-padding-l:0 24px;--btn-height-xxs:20px;--btn-height-xs:32px;--btn-height-s:40px;--btn-height-m:48px;--btn-height-l:56px;--btn-icon-margin:16px;--btn-icon-size-s:32px;--btn-icon-size-m:40px;--btn-icon-size-l:48px;border-radius:4px;border:none;font-weight:600;transition:all var(--anim-transition-time);cursor:pointer;-webkit-tap-highlight-color:transparent}.btn:active,.btn:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid #5a298b;outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn .container{display:flex;align-items:center;justify-content:center}.btn .container .text{flex-grow:1}.btn .container .text,.btn .container .text .subtext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .container .text .subtext{font-size:var(--size-font-xs);font-weight:400}.btn .container .preffix,.btn .container .suffix{display:flex}.btn .container .suffix{margin-left:8px}.btn .container .preffix{margin-right:8px}.btn .container .icon{margin-right:var(--btn-icon-margin)}.btn .container.center .text{text-align:center;flex-grow:0}.btn .container.center .text.with-preffix,.btn .container.center .text.with-suffix{flex-grow:1}.btn .container.right .text{text-align:right}.btn .container.left .text{text-align:left}.default{border:1px solid var(--color-black-outline);color:var(--color-white);fill:var(--color-white)}.default.primary{background-color:var(--color-primary)}.default.primary:hover:not(.dark-lighter:disabled){background-color:var(--color-primary-light)}.default.primary:active:not(:disabled){background-color:var(--color-primary-dark)}@media (hover:hover) and (pointer:fine){.default.primary:focus:not(:disabled){background-color:var(--color-primary-dark)}}.default.primary.web-4-0:not(:disabled){background-color:var(--color-4-0-purple)}.default.primary.web-4-0:active:not(:disabled),.default.primary.web-4-0:hover:not(.dark-lighter:disabled){background-color:var(--color-4-0-purple-light)}@media (hover:hover) and (pointer:fine){.default.primary.web-4-0:focus:not(:disabled){background-color:var(--color-4-0-purple-light)}}.default.info{background-color:var(--color-info)}.default.info:hover:not(.dark-lighter:disabled){background-color:var(--color-info-light)}.default.info:active:not(:disabled){background-color:var(--color-info-dark)}@media (hover:hover) and (pointer:fine){.default.info:focus:not(:disabled){background-color:var(--color-info-dark)}}.default.info.web-4-0:not(:disabled){background-color:var(--color-4-0-purple-opposite)}.default.info.web-4-0:active:not(:disabled),.default.info.web-4-0:hover:not(.dark-lighter:disabled){background-color:var(--color-4-0-purple-light)}@media (hover:hover) and (pointer:fine){.default.info.web-4-0:focus:not(:disabled){background-color:var(--color-4-0-purple-light)}}.default.success{background-color:var(--color-success)}.default.success:hover:not(.dark-lighter:disabled){background-color:var(--color-success-light)}.default.success:active:not(:disabled){background-color:var(--color-success-dark)}@media (hover:hover) and (pointer:fine){.default.success:focus:not(:disabled){background-color:var(--color-success-dark)}}.default.success.web-4-0:not(:disabled){background-color:var(--color-4-0-success);color:var(--color-4-0-white-white)}.default.success.web-4-0:hover:not(:disabled){background-color:var(--color-4-0-success-light)}.default.warning{background-color:var(--color-warning)}.default.warning:hover:not(.dark-lighter:disabled){background-color:var(--color-warning-light)}.default.warning:active:not(:disabled){background-color:var(--color-warning-dark)}@media (hover:hover) and (pointer:fine){.default.warning:focus:not(:disabled){background-color:var(--color-warning-dark)}}.default.danger{background-color:var(--color-danger)}.default.danger:hover:not(.dark-lighter:disabled){background-color:var(--color-danger-light)}.default.danger:active:not(:disabled){background-color:var(--color-danger-dark)}@media (hover:hover) and (pointer:fine){.default.danger:focus:not(:disabled){background-color:var(--color-danger-dark)}}.default.danger.web-4-0:not(:disabled){background-color:var(--color-4-0-danger)}.default.danger.web-4-0:hover:not(:disabled){background-color:var(--color-4-0-danger-light)}.default.dark-lighter{background-color:var(--color-dark-lighter)}.default.dark-lighter:hover:not(.dark-lighter:disabled){background-color:var(--color-dark-lighter-light)}.default.dark-lighter:active:not(:disabled){background-color:var(--color-dark-lighter-dark)}@media (hover:hover) and (pointer:fine){.default.dark-lighter:focus:not(:disabled){background-color:var(--color-dark-lighter-dark)}}.default.mtf-yellow{background-color:var(--color-mtf-yellow)}.default.mtf-yellow:hover:not(.dark-lighter:disabled){background-color:var(--color-mtf-yellow-light)}.default.mtf-yellow:active:not(:disabled){background-color:var(--color-mtf-yellow-dark)}@media (hover:hover) and (pointer:fine){.default.mtf-yellow:focus:not(:disabled){background-color:var(--color-mtf-yellow-dark)}}.default.purple{background-color:var(--color-purple)}.default.purple:hover:not(.dark-lighter:disabled){background-color:var(--color-purple-light)}.default.purple:active:not(:disabled){background-color:var(--color-purple-dark)}@media (hover:hover) and (pointer:fine){.default.purple:focus:not(:disabled){background-color:var(--color-purple-dark)}}.default.mtf-yellow{color:var(--color-black);fill:var(--color-black)}.default:disabled{color:var(--color-black-disabled-text);fill:var(--color-black-disabled-text);background-color:var(--color-black-disabled-fill);border:1px solid var(--color-black-outline)}.btn.outline{background:transparent}.btn.outline.primary{color:var(--color-primary);fill:var(--color-primary);border:1px solid var(--color-primary)}.btn.outline.primary:hover:not(:disabled){background-color:var(--color-primary-tr-lighter)}.btn.outline.primary:active:not(:disabled),.btn.outline.primary:focus:not(:disabled){background-color:var(--color-primary-tr-dark)}.btn.outline.primary.web-4-0:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple);border:1px solid var(--color-4-0-purple)}.btn.outline.primary.web-4-0:active:not(:disabled),.btn.outline.primary.web-4-0:focus:not(:disabled),.btn.outline.primary.web-4-0:hover:not(:disabled){background-color:transparent}.btn.outline.info{color:var(--color-info);fill:var(--color-info);border:1px solid var(--color-info)}.btn.outline.info:hover:not(:disabled){background-color:var(--color-info-tr-lighter)}.btn.outline.info:active:not(:disabled),.btn.outline.info:focus:not(:disabled){background-color:var(--color-info-tr-dark)}.btn.outline.info.web-4-0:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple);border:1px solid var(--color-4-0-purple)}.btn.outline.info.web-4-0:active:not(:disabled),.btn.outline.info.web-4-0:focus:not(:disabled),.btn.outline.info.web-4-0:hover:not(:disabled){background-color:transparent}.btn.outline.success{color:var(--color-success);fill:var(--color-success);border:1px solid var(--color-success)}.btn.outline.success:hover:not(:disabled){background-color:var(--color-success-tr-lighter)}.btn.outline.success:active:not(:disabled),.btn.outline.success:focus:not(:disabled){background-color:var(--color-success-tr-dark)}.btn.outline.success.web-4-0:not(:disabled){color:var(--color-4-0-white-white);fill:var(--color-4-0-white-white);border:1px solid var(--color-4-0-success);background-color:var(--color-4-0-success)}.btn.outline.success.web-4-0:hover:not(:disabled){background-color:var(--color-4-0-success-light)}.btn.outline.success.web-4-0:active:not(:disabled),.btn.outline.success.web-4-0:focus:not(:disabled){background-color:transparent}.btn.outline.warning{color:var(--color-warning);fill:var(--color-warning);border:1px solid var(--color-warning)}.btn.outline.warning:hover:not(:disabled){background-color:var(--color-warning-tr-lighter)}.btn.outline.warning:active:not(:disabled),.btn.outline.warning:focus:not(:disabled){background-color:var(--color-warning-tr-dark)}.btn.outline.danger{color:var(--color-danger);fill:var(--color-danger);border:1px solid var(--color-danger)}.btn.outline.danger:hover:not(:disabled){background-color:var(--color-danger-tr-lighter)}.btn.outline.danger:active:not(:disabled),.btn.outline.danger:focus:not(:disabled){background-color:var(--color-danger-tr-dark)}.btn.outline.danger.web-4-0:not(:disabled){background:var(--color-4-0-danger);color:var(--color-4-0-white-white);fill:var(--color-4-0-white-white);border:1px solid var(--color-4-0-danger)}.btn.outline.danger.web-4-0:hover:not(:disabled){background-color:var(--color-4-0-danger-light)}.btn.outline.danger.web-4-0:active:not(:disabled),.btn.outline.danger.web-4-0:focus:not(:disabled){background-color:transparent}.btn.outline.dark-lighter{color:var(--color-dark-lighter);fill:var(--color-dark-lighter);border:1px solid var(--color-dark-lighter)}.btn.outline.dark-lighter:hover:not(:disabled){background-color:var(--color-dark-lighter-tr-lighter)}.btn.outline.dark-lighter:active:not(:disabled),.btn.outline.dark-lighter:focus:not(:disabled){background-color:var(--color-dark-lighter-tr-dark)}.btn.outline.mtf-yellow{color:var(--color-mtf-yellow);fill:var(--color-mtf-yellow);border:1px solid var(--color-mtf-yellow)}.btn.outline.mtf-yellow:hover:not(:disabled){background-color:var(--color-mtf-yellow-tr-lighter)}.btn.outline.mtf-yellow:active:not(:disabled),.btn.outline.mtf-yellow:focus:not(:disabled){background-color:var(--color-mtf-yellow-tr-dark)}.btn.outline:disabled{color:var(--color-black-disabled-text);fill:var(--color-black-disabled-text);border:1px solid var(--color-black-disabled-fill);background-color:inherit}.btn.ghost{background:transparent}.btn.ghost.primary{color:var(--color-primary);fill:var(--color-primary)}.btn.ghost.primary:hover:not(:disabled){background-color:var(--color-primary-tr-lighter)}.btn.ghost.primary:active:not(:disabled),.btn.ghost.primary:focus:not(:disabled){background-color:var(--color-primary-tr-dark)}.btn.ghost.primary.web-4-0.primary{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost.primary.web-4-0:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple)}.btn.ghost.primary.web-4-0:active:not(:disabled),.btn.ghost.primary.web-4-0:focus:not(:disabled),.btn.ghost.primary.web-4-0:hover:not(:disabled){background-color:transparent}.btn.ghost.info{color:var(--color-info);fill:var(--color-info)}.btn.ghost.info:hover:not(:disabled){background-color:var(--color-info-tr-lighter)}.btn.ghost.info:active:not(:disabled),.btn.ghost.info:focus:not(:disabled){background-color:var(--color-info-tr-dark)}.btn.ghost.info.web-4-0.info{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost.info.web-4-0:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple)}.btn.ghost.info.web-4-0:active:not(:disabled),.btn.ghost.info.web-4-0:focus:not(:disabled),.btn.ghost.info.web-4-0:hover:not(:disabled){background-color:transparent}.btn.ghost.success{color:var(--color-success);fill:var(--color-success)}.btn.ghost.success:hover:not(:disabled){background-color:var(--color-success-tr-lighter)}.btn.ghost.success:active:not(:disabled),.btn.ghost.success:focus:not(:disabled){background-color:var(--color-success-tr-dark)}.btn.ghost.success.web-4-0.success{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost.success.web-4-0:not(:disabled){color:var(--color-4-0-success);fill:var(--color-4-0-success)}.btn.ghost.success.web-4-0:active:not(:disabled),.btn.ghost.success.web-4-0:focus:not(:disabled),.btn.ghost.success.web-4-0:hover:not(:disabled){background-color:transparent}.btn.ghost.warning{color:var(--color-warning);fill:var(--color-warning)}.btn.ghost.warning:hover:not(:disabled){background-color:var(--color-warning-tr-lighter)}.btn.ghost.warning:active:not(:disabled),.btn.ghost.warning:focus:not(:disabled){background-color:var(--color-warning-tr-dark)}.btn.ghost.warning.web-4-0.warning{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost.danger{color:var(--color-danger);fill:var(--color-danger)}.btn.ghost.danger:hover:not(:disabled){background-color:var(--color-danger-tr-lighter)}.btn.ghost.danger:active:not(:disabled),.btn.ghost.danger:focus:not(:disabled){background-color:var(--color-danger-tr-dark)}.btn.ghost.danger.web-4-0.danger{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost.danger.web-4-0:not(:disabled){color:var(--color-4-0-danger);fill:var(--color-4-0-danger)}.btn.ghost.danger.web-4-0:active:not(:disabled),.btn.ghost.danger.web-4-0:focus:not(:disabled),.btn.ghost.danger.web-4-0:hover:not(:disabled){background-color:transparent}.btn.ghost.white{color:var(--color-white);fill:var(--color-white)}.btn.ghost.white:hover:not(:disabled){background-color:var(--color-white-tr-lighter)}.btn.ghost.white:active:not(:disabled),.btn.ghost.white:focus:not(:disabled){background-color:var(--color-white-tr-dark)}.btn.ghost.white.web-4-0.white{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost.mtf-yellow{color:var(--color-mtf-yellow);fill:var(--color-mtf-yellow)}.btn.ghost.mtf-yellow:hover:not(:disabled){background-color:var(--color-mtf-yellow-tr-lighter)}.btn.ghost.mtf-yellow:active:not(:disabled),.btn.ghost.mtf-yellow:focus:not(:disabled){background-color:var(--color-mtf-yellow-tr-dark)}.btn.ghost.mtf-yellow.web-4-0.mtf-yellow{color:var(--color-4-0-dark-lighter-opposite)}.btn.ghost:disabled{color:var(--color-black-disabled-text);fill:var(--color-black-disabled-text)}.neutral{color:var(--color-primary);fill:var(--color-primary);background:var(--color-white);border:1px solid var(--color-white-darker)}.neutral:hover:not(:disabled){background-color:var(--color-white-dark)}.neutral:active:not(:disabled),.neutral:focus:not(:disabled){background-color:var(--color-white-darker)}.neutral:disabled{color:var(--color-black-disabled-text);fill:var(--color-black-disabled-text);background-color:var(--color-black-disabled-fill);border:1px solid var(--color-black-outline)}.neutral.web-4-0{background:var(--color-4-0-white);border:1px solid var(--color-4-0-white-dark)}.neutral.web-4-0:hover:not(:disabled){background-color:var(--color-4-0-purple-lighter)}.neutral.web-4-0:active:not(:disabled),.neutral.web-4-0:focus:not(:disabled){background-color:var(--color-4-0-white-dark)}.neutral.web-4-0:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple)}.btn.icon{background:transparent;border-radius:50%}.btn.icon.info{color:var(--color-info);fill:var(--color-info)}.btn.icon.info:hover:not(:disabled){background-color:var(--color-info-tr-lighter)}.btn.icon.info:active:not(:disabled),.btn.icon.info:focus:not(:disabled){background-color:var(--color-info-tr-dark)}.btn.icon.info.web-4-0.info{color:var(--color-4-0-dark-lighter-opposite)}.btn.icon.info.web-4-0:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple)}.btn.icon.info.web-4-0:active:not(:disabled),.btn.icon.info.web-4-0:focus:not(:disabled),.btn.icon.info.web-4-0:hover:not(:disabled){background-color:transparent}.btn.icon.success{color:var(--color-success);fill:var(--color-success)}.btn.icon.success:hover:not(:disabled){background-color:var(--color-success-tr-lighter)}.btn.icon.success:active:not(:disabled),.btn.icon.success:focus:not(:disabled){background-color:var(--color-success-tr-dark)}.btn.icon.success.web-4-0.success{color:var(--color-4-0-dark-lighter-opposite)}.btn.icon.success.web-4-0:not(:disabled){color:var(--color-4-0-success);fill:var(--color-4-0-success)}.btn.icon.success.web-4-0:active:not(:disabled),.btn.icon.success.web-4-0:focus:not(:disabled),.btn.icon.success.web-4-0:hover:not(:disabled){background-color:transparent}.btn.icon.warning{color:var(--color-warning);fill:var(--color-warning)}.btn.icon.warning:hover:not(:disabled){background-color:var(--color-warning-tr-lighter)}.btn.icon.warning:active:not(:disabled),.btn.icon.warning:focus:not(:disabled){background-color:var(--color-warning-tr-dark)}.btn.icon.warning.web-4-0.warning{color:var(--color-4-0-dark-lighter-opposite)}.btn.icon.danger{color:var(--color-danger);fill:var(--color-danger)}.btn.icon.danger:hover:not(:disabled){background-color:var(--color-danger-tr-lighter)}.btn.icon.danger:active:not(:disabled),.btn.icon.danger:focus:not(:disabled){background-color:var(--color-danger-tr-dark)}.btn.icon.danger.web-4-0.danger{color:var(--color-4-0-dark-lighter-opposite)}.btn.icon.danger.web-4-0:not(:disabled){color:var(--color-4-0-danger);fill:var(--color-4-0-danger)}.btn.icon.danger.web-4-0:active:not(:disabled),.btn.icon.danger.web-4-0:focus:not(:disabled),.btn.icon.danger.web-4-0:hover:not(:disabled){background-color:transparent}.btn.icon.white{color:var(--color-white);fill:var(--color-white)}.btn.icon.white:hover:not(:disabled){background-color:var(--color-white-tr-lighter)}.btn.icon.white:active:not(:disabled),.btn.icon.white:focus:not(:disabled){background-color:var(--color-white-tr-dark)}.btn.icon.white.web-4-0.white{color:var(--color-4-0-dark-lighter-opposite)}.btn.icon.mtf-yellow{color:var(--color-mtf-yellow);fill:var(--color-mtf-yellow)}.btn.icon.mtf-yellow:hover:not(:disabled){background-color:var(--color-mtf-yellow-tr-lighter)}.btn.icon.mtf-yellow:active:not(:disabled),.btn.icon.mtf-yellow:focus:not(:disabled){background-color:var(--color-mtf-yellow-tr-dark)}.btn.icon.mtf-yellow.web-4-0.mtf-yellow{color:var(--color-4-0-dark-lighter-opposite)}.btn.icon.primary{color:var(--color-dark-light);fill:var(--color-dark-light)}.btn.icon.primary:hover:not(:disabled){color:var(--color-primary);fill:var(--color-primary);background-color:var(--color-primary-tr-lighter)}.btn.icon.primary:active:not(:disabled),.btn.icon.primary:focus:not(:disabled){color:var(--color-primary);fill:var(--color-primary);background-color:var(--color-primary-tr-dark)}.btn.icon.primary.web-4-0{color:var(--color-4-0-dark-lighter);fill:var(--color-4-0-dark-lighter)}.btn.icon.primary.web-4-0:active:not(:disabled),.btn.icon.primary.web-4-0:focus:not(:disabled),.btn.icon.primary.web-4-0:hover:not(:disabled){color:var(--color-4-0-purple);fill:var(--color-4-0-purple);background-color:transparent;border-color:var(--color-4-0-chinese-white)}.btn.icon:disabled{color:var(--color-black-disabled-text);fill:var(--color-black-disabled-text)}.btn.icon .icon{margin:0}.btn.icon.premedium,.btn.icon.small{padding:0;width:var(--btn-icon-size-s);height:var(--btn-icon-size-s);min-height:var(--btn-icon-size-s)}.btn.icon.medium{padding:0;width:var(--btn-icon-size-m);height:var(--btn-icon-size-m);min-height:var(--btn-icon-size-m)}.btn.icon.large{padding:0;width:var(--btn-icon-size-l);height:var(--btn-icon-size-l);min-height:var(--btn-icon-size-l)}.btn.xsmall,.btn.xxsmall{height:var(--btn-height-xs);padding:var(--btn-padding-xs);font-size:var(--size-font-s)}.btn.xsmall .loader,.btn.xxsmall .loader{width:var(--icon-size-s);height:var(--icon-size-s)}.btn.xsmall .center .text.with-preffix:not(.with-suffix),.btn.xxsmall .center .text.with-preffix:not(.with-suffix){padding-right:24px}.btn.xsmall .center .text.with-suffix:not(.with-preffix),.btn.xxsmall .center .text.with-suffix:not(.with-preffix){padding-left:24px}.xxsmall.btn{height:var(--btn-height-xxs)}.btn.small{height:var(--btn-height-s);padding:var(--btn-padding-s);font-size:var(--size-font-m)}.btn.small .loader{width:var(--icon-size-s);height:var(--icon-size-s)}.btn.small .center .text.with-preffix:not(.with-suffix){padding-right:24px}.btn.small .center .text.with-suffix:not(.with-preffix){padding-left:24px}.btn.medium{height:var(--btn-height-m);padding:var(--btn-padding-m);font-size:var(--size-font-m)}.btn.medium .loader{width:var(--icon-size-m);height:var(--icon-size-m)}.btn.medium .center .text.with-preffix:not(.with-suffix){padding-right:28px}.btn.medium .center .text.with-suffix:not(.with-preffix){padding-left:28px}.btn.large{height:var(--btn-height-l);padding:var(--btn-padding-l);font-size:var(--size-font-l)}.btn.large .loader{width:var(--icon-size-l);height:var(--icon-size-l)}.btn.large .center .text.with-preffix:not(.with-suffix){padding-right:32px}.btn.large .center .text.with-suffix:not(.with-preffix){padding-left:32px}@media (max-width:1023px){.sticky{width:100%;height:100%;position:fixed;bottom:0;left:0;border-radius:0}}.wrapper{display:flex;position:relative;z-index:10}.wrapper>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.wrapper>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.wrapper>button:not(:first-child):not(:last-child){border-radius:0}.overlayWrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-medium-emphasis);z-index:var(--z-index-overlay-content)}.invalid-user{background-color:#fff;padding:30px 35px;border-radius:5px;width:330px}.invalid-user>div:first-child>div:first-child>span.icon{display:none}.offcanvas{position:fixed;min-height:100%;max-height:none;top:0;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;visibility:hidden;opacity:0;z-index:2147483601;transition:transform .1s;font-family:Inter;background-color:var(--offcanvas-bg-color);width:100%}@media (min-width:768px){.offcanvas{width:50%}}@media (min-width:992px){.offcanvas{width:360px}}.offcanvas__left{left:0;transform:translate3d(-100%,0,0)}.offcanvas__left .offcanvas__close-icon{order:2}.offcanvas__right{right:0;transform:translate3d(100%,0,0)}.offcanvas.is-open{transform:translateZ(0);visibility:visible;opacity:1}.offcanvas__overlay{cursor:pointer}.offcanvas__overlay div{z-index:999}.offcanvas__header{display:flex;align-items:center;padding:18px 15px 22px}.offcanvas__header-title{flex:1;text-align:center;font-weight:600;font-size:15px}.offcanvas__sub-header{padding:0 15px 15px}.offcanvas__content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;font-size:15px}.offcanvas__content-header{padding:20px 20px 0}.offcanvas__content-body{flex:1;padding:20px 0}.offcanvas__nav-buttons{display:flex;justify-content:space-between;background-color:var(--color-primary);margin-top:15px;position:fixed;left:0;right:0;bottom:0}.offcanvas__nav-buttons.full-width-btn button,.offcanvas__nav-buttons button{width:100%}.offcanvas__nav-buttons button.primary .preffix,.offcanvas__nav-buttons button.primary .suffix{align-items:center}.offcanvas__nav-buttons button.primary .preffix .icon,.offcanvas__nav-buttons button.primary .suffix .icon{margin:0;width:24px;height:24px}.offcanvas__nav-buttons button.primary .preffix svg,.offcanvas__nav-buttons button.primary .suffix svg{width:24px;height:24px}.offcanvas__nav-buttons button.primary .preffix svg path,.offcanvas__nav-buttons button.primary .suffix svg path{fill:#fff}.offcanvas__default .offcanvas__content{background-color:#fff;border-radius:12px 12px 0 0;box-shadow:var(--offcanvas-content-shadow)}.offcanvas__success{background-image:var(--offcanvas-success-bg-color)}.offcanvas__success .offcanvas__header{border-bottom:1px solid rgba(0,0,0,.08)}.offcanvas__error{background-image:url(/mutual-funds/_next/static/cc2e1b8f407994ba44cbc458c7e8b1c3.png),linear-gradient(180deg,#872636,rgba(199,43,20,0));background-repeat:no-repeat;background-position:bottom;color:var(--offcanvas-error-text-color)}.offcanvas__error .offcanvas__header{border-bottom:1px solid rgba(0,0,0,.08)}.offcanvas__error .offcanvas__content{color:var(--offcanvas-error-text-color)}.offcanvas__error .offcanvas__close-icon{cursor:pointer}.offcanvas__error .offcanvas__close-icon svg path{fill:#fff}.offcanvas__fieldpair{display:flex;justify-content:space-between}.offcanvas__fieldpair span:first-child{color:inherit}.offcanvas__fieldpair span:last-child{font-weight:600}.offcanvas__fieldpair.size-medium{font-size:14px}.offcanvas__close-icon{cursor:pointer}.offcanvas__close-icon svg path{fill:#5c7397}.offcanvas .fund-name{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.offcanvas .fund-name .text{color:inherit;font-size:15px;font-weight:600;line-height:1.57;margin-bottom:15px;margin-right:5px}.offcanvas .fund-name .icon img{width:45px;height:45px;border:1px solid #e5efff;border-radius:50%;margin-bottom:15px}.offcanvas .fund-name.zigzag{position:relative;width:100%;filter:drop-shadow(rgba(0,0,0,.14) 1px 3px 2px);padding-bottom:40px;margin-bottom:10px}.offcanvas .fund-name.zigzag:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;width:100%;height:100%;transform:rotate(180deg);background-image:linear-gradient(45deg,transparent,#fff 0,#fff 66.667%,transparent 0),linear-gradient(-45deg,transparent,#fff 0,#fff 66.667%,transparent 0);background-repeat:repeat-x;background-size:20px 100px}.offcanvas .fund-note .text{color:rgba(0,0,0,.87);font-size:13px;line-height:1.67}.offcanvas .notice{display:flex;align-items:center}.offcanvas .notice-message{display:block;padding-left:5px;line-height:normal}.beta .offcanvas__error{background-image:var(--offcanvas-failure-bg-color)}.field-label{display:inline-block;font-size:14px;margin-bottom:10px;font-weight:600}.field-help-text{color:rgba(0,0,0,.6);font-size:13px;margin-top:10px}.field-error-message{color:#f85b67;font-size:13px;line-height:1.5;padding:5px 0}.radio{width:32px;min-width:32px;height:32px;border-radius:50%;position:relative;display:inline-block}.radio:hover .radioInput:not(:disabled){opacity:.08}.radio:hover .radioInput:not(:disabled):focus{opacity:.16}.radio:hover .radioInput:not(:disabled):active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.radio .radioInput{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:absolute;z-index:var(--z-index-checkbox);display:block;margin:0;border-radius:50%;width:32px;background-color:var(--color-primary);height:32px;box-shadow:none;outline:none;opacity:0;transition:opacity var(--anim-transition-time),transform var(--anim-transition-time);cursor:pointer}.radio .radioInput:disabled+.visual{cursor:not-allowed}.radio .radioInput:disabled+.visual,.radio .radioInput:disabled+.visual.checked{border-color:var(--color-black-disabled-text)}.radio .radioInput:disabled+.visual.checked:after{background-color:var(--color-black-disabled-text)}.radio .visual{display:inline-block;width:16px;height:16px;position:relative;z-index:var(--z-index-checkbox);border-radius:50%;border:2px solid var(--color-primary-tr-light);cursor:pointer;right:-25%;top:25%}.radio .visual.checked{border:2px solid var(--color-primary)}.radio .visual.checked:after{content:"";display:block;position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);transform:translate(-50%,-50%)}.radio.web-4-0 .radioInput{background-color:var(--color-4-0-purple)}.radio.web-4-0 .visual{border:2px solid var(--color-4-0-purple-light)}.radio.web-4-0 .visual.checked{border:2px solid var(--color-4-0-purple)}.radio.web-4-0 .visual.checked:after{background-color:var(--color-4-0-purple)}.radioContainer{display:flex;width:max-content;position:relative}.radioContainer>*+*{margin-left:5px}.radioContainer>*+:first-of-type{margin-left:0}.radioContainer .title{position:absolute;bottom:100%;left:0;line-height:1.27;margin-bottom:4px;color:var(--color-dark-lighter);font-size:var(--size-font-s)}.radioContainer.web-4-0 .title{color:var(--color-4-0-dark-lighter)}.steps-item{position:relative;display:inline-block;width:100%}.steps-item:before{content:"";position:absolute;top:0;bottom:0;background-color:var(--step-line-color)}.steps-item__container,.steps-item__icon{display:inline-block;width:100%}.steps-item__icon{position:relative;z-index:3;width:20px;height:20px;line-height:19px;border:1px solid var(--setp-default-border-color);background-color:var(--step-default-bg-color);border-radius:50%;text-align:center;font-size:12px;font-weight:600;color:var(--color-primary)}.steps-item-process .steps-item__icon{background-color:var(--step-process-bg-color);border-color:var(--setp-process-border-color)}.steps-item-wait .steps-item__icon{border-color:rgba(0,0,0,.16);color:rgba(0,0,0,.38)}.steps-item-finish .steps-item__icon{background-color:var(--step-success-bg-color);border-color:var(--setp-success-border-color)}.steps-vertical .steps-item:not(:last-child){padding-bottom:25px}.steps-vertical .steps-item:not(:last-child):before{left:12px;margin:auto;width:1px;z-index:1}.steps-vertical .steps-item__icon{float:left;margin-right:15px}.steps-horizontal{display:flex}.steps-horizontal .steps-item{flex:1}.steps-horizontal .steps-item:not(:last-child):before{content:"";top:12px;left:0;right:0;width:100%;height:1px}.c-radioContainer{display:block;width:100%;padding:16px;border:1px solid #d8e3f0;border-radius:4px}.c-radioContainer .risk-option{margin-left:0}.c-radioContainer .risk-option label:first-child{float:left;padding-right:8px}.c-radioContainer .risk-option:not(:last-child){margin-bottom:20px}.risk-questions>label{line-height:18px}.risk-status{position:relative;text-align:center;padding:0 25px;margin-top:80px}.risk-status p:first-of-type{color:#7a7a7a;font-size:12px;margin-top:30px;margin-bottom:20px}.risk-status p:nth-of-type(2){font-size:14px;line-height:20px}.risk-status h3{font-size:24px;font-weight:600;line-height:20px;margin-bottom:35px}.toast{display:flex;align-items:center;line-height:normal;background-color:#030e21;color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.24);border-radius:2px;padding:8px 18px}.toast-container{position:fixed;z-index:9999999999;width:430px;left:0;right:0;padding:0 15px;max-width:100%}.toast-container[data-direction=rtl]{top:1rem}@media (min-width:992px){.toast-container[data-direction=rtl]{left:auto;right:1rem;padding:0}}.toast-children{flex:1;font-size:13px;line-height:18px}.toast-close-wrapper{cursor:pointer}.toast-close-wrapper svg path{fill:#ffbc00}.toast-close-wrapper .close-text{font-size:13px;font-weight:600;color:#ffbc00}.modal{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:0;bottom:0;background:var(--color-white-opacity);z-index:var(--z-index-modal)}.modal-container{display:flex;flex-direction:column;min-width:298px;padding:24px;border-radius:8px;position:relative;box-shadow:0 8px 8px 0 var(--color-dark-gray),0 0 8px 0 var(--color-black-outline);background-color:var(--color-white);animation:slideFromTop .3s ease-out}.modal-heading{display:flex;align-items:center;margin-bottom:23px}.modal-icon{cursor:pointer;position:absolute}.modal-title{display:flex;flex:1;justify-content:center;max-width:70%;margin:0 auto;text-align:center;font-weight:600}.modal.web-4-0 .modal-icon{color:var(--color-4-0-dark)}@keyframes slideFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.logout-popup{background-color:#fff;padding:32px;border-radius:5px;width:300px}@media (min-width:360px){.logout-popup{width:325px}}@media (min-width:768px){.logout-popup{padding:35px;width:400px}}@media (min-width:992px){.logout-popup{padding:48px}}.logout-popup>div:first-child>div:first-child>span.icon{display:none}.page__error{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px}.page__error-img{margin-bottom:40px}.page__error-img img{width:100%}.page__error-login-btn{display:flex;margin-top:25px}.page__error-img-middle{margin:6px 0 10px}.page__error-img-middle img{width:100%}.page__error-title{font-size:22px}.page__error-title,.page__error-title-modal{font-weight:600;color:rgba(0,0,0,.87);line-height:22px;margin-bottom:10px}.page__error-title-modal{font-size:20px}.page__error-description{font-size:14px;color:rgba(0,0,0,.87);line-height:20px}.page__error-description-light{font-size:14px;color:rgba(0,0,0,.6);line-height:20px}.page__error-login-action:not(:last-child){margin-right:16px}.page__error-login-action button{min-width:125px;height:48px!important}@media (min-width:768px){.page__error-login-action button{min-width:140px}}.page__error-login-action button .preffix .icon{margin-right:0;fill:#fff}.page__error-action{margin-top:25px}.page__error-action button{min-width:235px}.page__error-action button .preffix .icon{margin-right:0;fill:#fff}.maintenance{color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:80vh;font-size:21px;line-height:135%}.maintenance--header{color:#444;font-size:45px;line-height:135%}.maintenance--text{color:#666;width:800px;max-width:60%;margin-top:20px;font-weight:lighter}.maintenance--logo{margin-top:21px}