.FlatButton{--icon-weight-margin:-4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:middle;cursor:pointer;border-radius:var(--vkui--size_border_radius--regular);font-weight:var(--vkui--font_weight_accent2);font-size:var(--vkui--font_subhead--font_size--compact);font-family:var(--vkui--font_subhead--font_family--regular);transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out}.FlatButton--round{border-radius:var(--vkui--size_border_radius_rounded--regular)}.FlatButton:hover,.FlatButton:focus{text-decoration:none}.FlatButton__in{display:flex;align-items:center;justify-content:center;height:inherit}.FlatButton__in--noPointerEvents{pointer-events:none}.FlatButton__after:not(:first-child){margin-left:6px}[dir=rtl] .FlatButton__after:not(:first-child){margin-left:0;margin-right:6px}.FlatButton__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.FlatButton__before svg{margin-left:var(--icon-weight-margin, 0)}[dir=rtl] .FlatButton__before svg{margin-left:0;margin-right:var(--icon-weight-margin, 0)}.FlatButton__after svg{margin-right:var(--icon-weight-margin, 0)}[dir=rtl] .FlatButton__after svg{margin-right:0;margin-left:var(--icon-weight-margin, 0)}.FlatButton__before+.FlatButton__content{margin-left:6px}[dir=rtl] .FlatButton__before+.FlatButton__content{margin-left:0;margin-right:6px}.FlatButton--primary{color:var(--vkui--color_text_contrast_themed);background-color:var(--vkui--color_background_accent_themed)}.FlatButton--primary:not(.disable):hover{color:var(--vkui--color_text_contrast_themed--hover);background-color:var(--vkui--color_background_accent_themed--hover);opacity:1}.FlatButton--primary.FlatButton--primary:active{color:var(--vkui--color_text_contrast_themed--active);background-color:var(--vkui--color_background_accent_themed--active)}.FlatButton--secondary{color:var(--vkui--color_text_accent_themed);background-color:var(--vkui--color_background_secondary_alpha)}.FlatButton--secondary:not(.disable):hover{color:var(--vkui--color_text_accent_themed--hover);background-color:var(--vkui--color_background_secondary_alpha--hover);opacity:1}.FlatButton--secondary.FlatButton--secondary:active{color:var(--vkui--color_text_accent_themed--active);background-color:var(--vkui--color_background_secondary_alpha--active)}.FlatButton--tertiary{color:var(--vkui--color_text_accent_themed);background-color:var(--vkui--color_transparent)}.FlatButton--tertiary:not(.disable):hover{color:var(--vkui--color_text_accent_themed--hover);background-color:var(--vkui--color_transparent--hover)}.FlatButton--tertiary.FlatButton--tertiary:active{color:var(--vkui--color_text_accent_themed--active);background-color:var(--vkui--color_transparent--active)}.FlatButton--positive{color:var(--vkui--color_text_contrast);background-color:var(--vkui--color_background_positive)}.FlatButton--positive:not(.disable):hover{color:var(--vkui--color_text_contrast--hover);background-color:var(--vkui--color_background_positive--hover)}.FlatButton--positive.FlatButton--positive:active{color:var(--vkui--color_text_contrast--active);background-color:var(--vkui--color_background_positive--active)}.FlatButton--negative{color:var(--vkui--color_text_contrast);background-color:var(--vkui--color_background_negative)}.FlatButton--negative:not(.disable):hover{color:var(--vkui--color_text_contrast--hover);background-color:var(--vkui--color_background_negative--hover)}.FlatButton--negative.FlatButton--negative:active{color:var(--vkui--color_text_contrast--active);background-color:var(--vkui--color_background_negative--active)}.FlatButton--neutral{color:var(--vkui--color_text_primary);background-color:var(--vkui--color_background_secondary)}.FlatButton--neutral:not(.disable):hover{color:var(--vkui--color_text_primary--hover);background-color:var(--vkui--color_background_secondary--hover)}.FlatButton--neutral.FlatButton--neutral:active{color:var(--vkui--color_text_primary--active);background-color:var(--vkui--color_background_secondary--active)}.FlatButton--overlay-primary{color:var(--vkui--color_text_primary_invariably);background-color:var(--vkui--color_background_contrast)}.FlatButton--overlay-primary:not(.disable):hover{color:var(--vkui--color_text_primary_invariably--hover);background-color:var(--vkui--color_background_contrast--hover)}.FlatButton--overlay-primary.FlatButton--overlay-primary:active{color:var(--vkui--color_text_primary_invariably--active);background-color:var(--vkui--color_background_contrast--active)}.FlatButton--overlay-secondary{color:var(--vkui--color_text_contrast);background-color:var(--vkui--color_background_contrast_secondary_alpha)}.FlatButton--overlay-secondary:not(.disable):hover{color:var(--vkui--color_text_contrast--hover);background-color:var(--vkui--color_background_contrast_secondary_alpha--hover)}.FlatButton--overlay-secondary.FlatButton--overlay-secondary:active{color:var(--vkui--color_text_contrast--active);background-color:var(--vkui--color_background_contrast_secondary_alpha--active)}.FlatButton--accent-outline{color:var(--vkui--color_text_accent_themed);background-color:var(--vkui--color_transparent);box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.FlatButton--accent-outline:not(.FlatButton--disabled):hover{color:var(--vkui--color_text_accent_themed--hover);background-color:var(--vkui--color_transparent--hover)}.FlatButton--accent-outline.FlatButton--accent-outline:active{color:var(--vkui--color_text_accent_themed--active);background-color:var(--vkui--color_transparent--active)}.FlatButton--size-s{height:var(--vkui--size_button_small_height--compact);padding:0 16px;font-weight:var(--vkui--font_weight_accent2);font-size:var(--vkui--font_subhead--font_size--compact);font-family:var(--vkui--font_subhead--font_family--regular)}.FlatButton--singleIcon.FlatButton--size-s{padding:0 9px}.FlatButton--size-m{height:var(--vkui--size_button_medium_height--compact);padding:0 16px;font-weight:var(--vkui--font_weight_accent2);font-size:var(--vkui--font_headline2--font_size--compact);font-family:var(--vkui--font_headline2--font_family--regular)}.FlatButton--singleIcon.FlatButton--size-m{padding:0 10px}.FlatButton--size-l{height:var(--vkui--size_button_large_height--compact);padding:0 16px;font-weight:var(--vkui--font_weight_accent2);font-size:var(--vkui--font_headline1--font_size--compact);font-family:var(--vkui--font_headline1--font_family--regular)}.FlatButton--singleIcon.FlatButton--size-l{padding:0 6px}.FlatButton--wide{width:100%;text-align:center;box-sizing:border-box}.FlatButton--flexWide{flex-grow:1;text-align:center}.FlatButton+.FlatButton{margin-left:10px}[dir=rtl] .FlatButton+.FlatButton{margin-left:0;margin-right:10px}.FlatButton--size-l .FlatButton__before+.FlatButton__content{margin-left:8px}[dir=rtl] .FlatButton--size-l .FlatButton__before+.FlatButton__content{margin-left:0;margin-right:8px}.FlatButton--size-l .FlatButton__after{margin-left:8px}[dir=rtl] .FlatButton--size-l .FlatButton__after{margin-left:0;margin-right:8px}.FlatButton--singleIcon .FlatButton__after:only-child{margin:0}.FlatButton--singleIcon .FlatButton__before:only-child svg{margin:0}.FlatButton--singleIcon .FlatButton__after:only-child svg{margin:0}.FlatButton svg{display:block}.FlatButton--locked{position:relative;pointer-events:none}.FlatButton--locked .FlatButton__in{opacity:0}.FlatButton__spinner{position:absolute;top:50%;left:50%;margin:-8px;animation:var(--spinner-animation);transform-origin:center}[dir=rtl] .FlatButton__spinner{left:auto;right:50%}.FlatButton__spinner--l{margin:-12px}.FlatButton--disabled{opacity:var(--vkui--opacity_disable_accessibility);cursor:default;pointer-events:none}.FlatButton:not(.FlatButton--primary) .WidgetButtonTitleOff,.FlatButton:not(.FlatButton--primary) .WidgetButtonIconOff{display:none}.FlatButton--primary .WidgetButtonTitleOn,.FlatButton--primary .WidgetButtonIconOn{display:none}.WidgetButton--height18.WidgetButton--height18{height:18px}.WidgetButton--height20.WidgetButton--height20{height:20px}.WidgetButton--height22.WidgetButton--height22{height:22px}.WidgetButton--height24.WidgetButton--height24{height:24px}.WidgetButton--height30.WidgetButton--height30{height:30px}