@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/components/Button/Button.css

@@ -1,825 +0,0 @@
-@keyframes btn_loading {
-  0% {
-    transform: translateX(0) rotateY(180deg);
-  }
-  100% {
-    transform: translateX(-30px) rotateY(180deg);
-  }
-}
-@keyframes btn_loading_arrow {
-  0% {
-    transform: translateX(50px) rotate(-44.3deg) skewX(0deg) skewY(0deg);
-  }
-  100% {
-    transform: translateX(21px) translateY(30px) rotate(-44.3deg) skewX(0deg) skewY(0deg);
-  }
-}
-:local {
-  /*
-   * common styles with
-   * increased specificity
-   */
-}
-:local .root {
-  border: none;
-  padding: 0;
-  width: auto;
-  background: transparent;
-  /* inherit font & color from ancestor */
-  color: inherit;
-  font: inherit;
-  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
-  /* Corrects font smoothing for webkit */
-  -webkit-font-smoothing: inherit;
-  -moz-osx-font-smoothing: inherit;
-  /* Corrects inability to style clickable `input` types in iOS */
-  -webkit-appearance: none;
-  text-align: inherit;
-  letter-spacing: normal;
-  line-height: normal;
-  font-family: inherit;
-  font-weight: normal;
-  font-style: normal;
-  font-variant: normal;
-  font-stretch: normal;
-  /* ie11 doesnt support 'initial' */
-  text-align: left;
-  text-align: initial;
-  text-transform: none;
-  text-shadow: none;
-  border: 0;
-  color: #404040;
-  cursor: pointer;
-  display: inline-block;
-  text-align: center;
-  margin: 0;
-  /* Need for Safari. */
-  outline: 0;
-  overflow: visible;
-  /* On IE it's hidden by default. */
-  position: relative;
-  width: 100%;
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-clip: border-box;
-}
-:local .root::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-:local .root::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-:local .root:active:not(.link):not(.disabled) .caption,
-:local .root.active:not(.link):not(.disabled) .caption,
-:local .root.checked:not(.link):not(.disabled) .caption {
-  transform: translateY(1px);
-}
-:local .root::after {
-  content: '';
-  display: inline-block;
-  vertical-align: baseline;
-  width: 0;
-}
-:local .root .warning,
-:local .root .error {
-  border-radius: inherit;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-:local .root:not(.link) .warning {
-  box-shadow: 0 0 0 2px #f69c00;
-}
-:local .root:not(.link) .error {
-  box-shadow: 0 0 0 2px #d70c17;
-}
-:local .caption {
-  position: relative;
-  white-space: nowrap;
-  display: inline-block;
-  width: 100%;
-}
-:local .icon {
-  display: inline-block;
-  padding-right: 7px;
-}
-:local .sizeSmall {
-  font-size: 14px;
-}
-:local .sizeSmall:not(.link) {
-  padding: 6px 15px;
-  line-height: 20px;
-}
-:global(.rt-ie-any) :local .sizeSmall:not(.link) {
-  line-height: normal;
-  padding-top: 5px;
-  padding-bottom: 7px;
-}
-:local .sizeMedium {
-  font-size: 16px;
-}
-:local .sizeMedium:not(.link) {
-  padding: 8px 15px 10px;
-  line-height: 20px;
-}
-:global(.rt-ie-any) :local .sizeMedium:not(.link) {
-  line-height: normal;
-  padding-top: 7px;
-  padding-bottom: 11px;
-}
-:local .DEPRECATED_sizeMedium:not(.link) {
-  padding: 9px 15px;
-  line-height: 20px;
-}
-:global(.rt-ie-any) :local .DEPRECATED_sizeMedium:not(.link) {
-  line-height: normal;
-  padding-top: 8px;
-  padding-bottom: 10px;
-}
-:local .sizeLarge {
-  font-size: 16px;
-}
-:local .sizeLarge:not(.link) {
-  padding: 9px 20px 11px;
-  line-height: 22px;
-}
-:global(.rt-ie-any) :local .sizeLarge:not(.link) {
-  line-height: normal;
-  padding-top: 8px;
-  padding-bottom: 12px;
-}
-:local .buttonWithIcon {
-  padding-right: 15px;
-  padding-left: 15px;
-}
-:local .link {
-  border-radius: 1px;
-  outline: none;
-  text-decoration: none;
-  color: #3072c4;
-}
-:local .link:hover {
-  color: #3072c4;
-}
-:local .link.focus {
-  color: #3072c4;
-}
-:local .link:active {
-  color: #044785;
-}
-:local .link:hover,
-:local .link.focus {
-  text-decoration: underline;
-}
-:local .link.disabled {
-  box-shadow: none;
-  color: #a0a0a0;
-  cursor: default;
-  text-decoration: none;
-}
-:local .wrap {
-  box-sizing: border-box;
-  display: inline-block;
-}
-:local .wrap_arrow {
-  margin-right: 10px;
-}
-:local .wrap_arrow_left {
-  margin-right: 0;
-  margin-left: 10px;
-}
-:local .wrap .root.disabled {
-  background: #f2f2f2;
-  color: #808080;
-  cursor: default;
-  pointer-events: none;
-}
-:local .wrap .root.link {
-  display: inline;
-  padding: 0;
-  margin: 0;
-  background: none;
-  border: none;
-  box-shadow: none;
-  line-height: inherit;
-}
-:local .wrap .root.link .caption {
-  display: inline;
-}
-:local .wrap .root.link .icon {
-  padding-right: 3px;
-}
-:local .wrap .root.link .warning,
-:local .wrap .root.link .error {
-  left: -2px;
-  right: -2px;
-  bottom: -2px;
-}
-:local .wrap .root.link .error {
-  background: #ffd6d6;
-}
-:local .wrap .root.narrow {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-:local .wrap .root.noPadding {
-  padding-left: 0;
-  padding-right: 0;
-}
-:local .wrap .root.noRightPadding {
-  padding-right: 0;
-}
-:local .loading {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border-radius: inherit;
-  overflow: hidden;
-}
-:local .loading::before {
-  content: '';
-  height: 100%;
-  position: absolute;
-  opacity: 0.2;
-  background: linear-gradient(-110deg, #ccc 30%, transparent 0, transparent 60%, #ccc 0);
-  background-size: 30px 100%;
-  top: 0;
-  left: 0;
-  right: -30px;
-  transform: rotateY(180deg) skewX(0deg) skewY(0deg);
-}
-:local .loading::before :global {
-  animation: btn_loading 1s linear infinite;
-}
-:local .wrap {
-  padding: 1px;
-}
-:local .wrap_link {
-  padding: 0;
-}
-:local .sizeSmall:not(.link) {
-  height: 32px;
-}
-:local .sizeSmall .arrow {
-  position: absolute;
-  top: 7.5px;
-  right: -7.5px;
-  height: 16.8px;
-  width: 16.8px;
-  transform: rotate(53deg) skewX(24deg) skewY(10deg);
-  border-radius: 2px 2px 2px 16px;
-  box-sizing: border-box;
-  z-index: 1;
-}
-:local .sizeSmall .arrow_left {
-  left: -9.6px;
-  transform: rotate(232deg) skewX(25deg) skewY(8deg);
-}
-:local .sizeSmall .arrow.arrow_loading {
-  overflow: hidden;
-}
-:local .sizeSmall .arrow.arrow_loading::before {
-  background: linear-gradient(-56deg, transparent 47.5%, #ccc 0, #ccc 73.5%, transparent 0);
-  content: '';
-  height: 441%;
-  position: absolute;
-  opacity: 0.2;
-  background-size: 41px 100%;
-  top: 7px;
-  left: -207px;
-  right: -72px;
-  transform: rotate(-47deg) skewX(0deg) skewY(0deg);
-}
-:local .sizeSmall .arrow.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-}
-:local .sizeSmall .arrow_left.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-  animation-direction: reverse;
-  left: -207px;
-  top: 7px;
-}
-:local .sizeMedium:not(.link) {
-  height: 38px;
-}
-:local .sizeMedium .arrow {
-  position: absolute;
-  top: 9px;
-  right: -10.2px;
-  height: 20.2px;
-  width: 20.2px;
-  transform: rotate(53deg) skewX(24deg) skewY(8deg);
-  border-radius: 2px 2px 2px 16px;
-  box-sizing: border-box;
-  z-index: 1;
-}
-:local .sizeMedium .arrow_left {
-  left: -9.6px;
-  transform: rotate(232deg) skewX(25deg) skewY(8deg);
-}
-:local .sizeMedium .arrow.arrow_loading {
-  overflow: hidden;
-}
-:local .sizeMedium .arrow.arrow_loading::before {
-  background: linear-gradient(-56deg, transparent 46.9%, #ccc 0, #ccc 69.5%, transparent 0);
-  content: '';
-  height: 441%;
-  position: absolute;
-  opacity: 0.2;
-  background-size: 41px 100%;
-  top: 0;
-  left: -207px;
-  right: -72px;
-  transform: rotate(-47deg) skewX(0deg) skewY(0deg);
-}
-:local .sizeMedium .arrow.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-}
-:local .sizeMedium .arrow_left.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-  animation-direction: reverse;
-  left: -208px;
-  top: 0;
-}
-:local .DEPRECATED_sizeMedium {
-  font-size: 14px;
-}
-:local .DEPRECATED_sizeMedium:not(.link) {
-  height: 38px;
-}
-:local .DEPRECATED_sizeMedium .arrow {
-  position: absolute;
-  top: 9px;
-  right: -10.2px;
-  height: 20.2px;
-  width: 20.2px;
-  transform: rotate(53deg) skewX(24deg) skewY(8deg);
-  border-radius: 2px 2px 2px 16px;
-  box-sizing: border-box;
-  z-index: 1;
-}
-:local .DEPRECATED_sizeMedium .arrow_left {
-  left: -9.6px;
-  transform: rotate(232deg) skewX(25deg) skewY(8deg);
-}
-:local .DEPRECATED_sizeMedium .arrow.arrow_loading {
-  overflow: hidden;
-}
-:local .DEPRECATED_sizeMedium .arrow.arrow_loading::before {
-  background: linear-gradient(-56deg, transparent 46.9%, #ccc 0, #ccc 69.5%, transparent 0);
-  content: '';
-  height: 441%;
-  position: absolute;
-  opacity: 0.2;
-  background-size: 41px 100%;
-  top: 0;
-  left: -207px;
-  right: -72px;
-  transform: rotate(-47deg) skewX(0deg) skewY(0deg);
-}
-:local .DEPRECATED_sizeMedium .arrow.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-}
-:local .DEPRECATED_sizeMedium .arrow_left.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-  animation-direction: reverse;
-  left: -208px;
-  top: 0;
-}
-:local .sizeLarge:not(.link) {
-  height: 42px;
-}
-:local .sizeLarge .arrow {
-  position: absolute;
-  top: 10.2px;
-  right: -10.8px;
-  height: 21.7px;
-  width: 21.7px;
-  transform: rotate(53deg) skewX(25deg) skewY(10deg);
-  border-radius: 2px 2px 2px 16px;
-  box-sizing: border-box;
-  z-index: 1;
-}
-:local .sizeLarge .arrow_left {
-  left: -10.6px;
-  transform: rotate(232deg) skewX(25deg) skewY(8deg);
-}
-:local .sizeLarge .arrow.arrow_loading {
-  overflow: hidden;
-}
-:local .sizeLarge .arrow.arrow_loading::before {
-  background: linear-gradient(-56deg, transparent 48.2%, #ccc 0, #ccc 63.4%, transparent 0);
-  content: '';
-  height: 700%;
-  position: absolute;
-  opacity: 0.2;
-  background-size: 41px 100%;
-  top: -32px;
-  left: -207px;
-  right: -72px;
-  transform: rotate(-47deg) skewX(0deg) skewY(0deg);
-}
-:local .sizeLarge .arrow.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-}
-:local .sizeLarge .arrow_left.arrow_loading::before :global {
-  animation: btn_loading_arrow 1s linear infinite;
-  animation-direction: reverse;
-  left: -198px;
-  top: -36px;
-}
-:local .default {
-  background: linear-gradient(#fff, #ebebeb);
-  color: none;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
-  border: none;
-}
-:local .default .arrow {
-  background: linear-gradient(to bottom right, #fff, #ebebeb);
-  box-shadow: 1.2px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.15);
-}
-:local .default .arrow_left {
-  background: linear-gradient(to top left, #fff, #ebebeb);
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.15);
-}
-:local .default .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .default .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .default:hover {
-  background: linear-gradient(#f2f2f2, #dfdfdf);
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2);
-  border-color: transparent;
-}
-:local .default:hover .arrow {
-  background: linear-gradient(to bottom right, #f2f2f2, #dfdfdf);
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2);
-}
-:local .default:hover .arrow_left {
-  background: linear-gradient(to top left, #f2f2f2, #dfdfdf);
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
-}
-:local .default:hover .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .default:hover .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .default:active,
-:local .default.active {
-  background: #e1e1e1;
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-}
-:local .default:active .arrow,
-:local .default.active .arrow {
-  background: #e1e1e1;
-  box-shadow: 0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1);
-}
-:local .default:active .arrow_left,
-:local .default.active .arrow_left {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2);
-}
-:local .default:active .arrow.arrow_warning,
-:local .default.active .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .default:active .arrow.arrow_error,
-:local .default.active .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .primary {
-  background: linear-gradient(#2899ea, #167ac1);
-  color: #fff;
-  box-shadow: 0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5);
-  border: none;
-}
-:local .primary .arrow {
-  background: linear-gradient(to bottom right, #2899ea, #167ac1);
-  box-shadow: 1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5);
-}
-:local .primary .arrow_left {
-  background: linear-gradient(to top left, #2899ea, #167ac1);
-  box-shadow: 1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5);
-}
-:local .primary .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .primary .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .primary:hover {
-  background: linear-gradient(#0087d5, #167ac1);
-  box-shadow: 0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3);
-  border-color: transparent;
-}
-:local .primary:hover .arrow {
-  background: linear-gradient(to bottom right, #0087d5, #167ac1);
-  box-shadow: 1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3);
-}
-:local .primary:hover .arrow_left {
-  background: linear-gradient(to top left, #0087d5, #167ac1);
-  box-shadow: 1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3);
-}
-:local .primary:hover .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .primary:hover .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .primary:active,
-:local .primary.active {
-  background: #0079c3;
-  box-shadow: 0 0 0 1px rgba(10, 63, 99, 0.75), 0 -1px 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-}
-:local .primary:active .arrow,
-:local .primary.active .arrow {
-  background: #0079c3;
-  box-shadow: 1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2);
-}
-:local .primary:active .arrow_left,
-:local .primary.active .arrow_left {
-  box-shadow: 1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2);
-}
-:local .primary:active .arrow.arrow_warning,
-:local .primary.active .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .primary:active .arrow.arrow_error,
-:local .primary.active .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .success {
-  background: linear-gradient(#4ba91d, #37910b);
-  color: #fff;
-  box-shadow: 0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5);
-  border: none;
-}
-:local .success .arrow {
-  background: linear-gradient(to bottom right, #4ba91d, #37910b);
-  box-shadow: 1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5);
-}
-:local .success .arrow_left {
-  background: linear-gradient(to top left, #4ba91d, #37910b);
-  box-shadow: 1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5);
-}
-:local .success .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .success .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .success:hover {
-  background: linear-gradient(#3b8d13, #317e0b);
-  box-shadow: 0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3);
-  border-color: transparent;
-}
-:local .success:hover .arrow {
-  background: linear-gradient(to bottom right, #3b8d13, #317e0b);
-  box-shadow: 1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3);
-}
-:local .success:hover .arrow_left {
-  background: linear-gradient(to top left, #3b8d13, #317e0b);
-  box-shadow: 1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3);
-}
-:local .success:hover .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .success:hover .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .success:active,
-:local .success.active {
-  background: #35840e;
-  box-shadow: 0 0 0 1px rgba(4, 63, 0, 0.75), 0 -1px 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-}
-:local .success:active .arrow,
-:local .success.active .arrow {
-  background: #35840e;
-  box-shadow: 1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1);
-}
-:local .success:active .arrow_left,
-:local .success.active .arrow_left {
-  box-shadow: 1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2);
-}
-:local .success:active .arrow.arrow_warning,
-:local .success.active .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .success:active .arrow.arrow_error,
-:local .success.active .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .danger {
-  background: linear-gradient(#ec5438, #d44327);
-  color: #fff;
-  box-shadow: 0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4);
-  border: none;
-}
-:local .danger .arrow {
-  background: linear-gradient(to bottom right, #ec5438, #d44327);
-  box-shadow: 1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4);
-}
-:local .danger .arrow_left {
-  background: linear-gradient(to top left, #ec5438, #d44327);
-  box-shadow: 1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4);
-}
-:local .danger .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .danger .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .danger:hover {
-  background: linear-gradient(#d44227, #c73013);
-  box-shadow: 0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4);
-  border-color: transparent;
-}
-:local .danger:hover .arrow {
-  background: linear-gradient(to bottom right, #d44227, #c73013);
-  box-shadow: 1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4);
-}
-:local .danger:hover .arrow_left {
-  background: linear-gradient(to top left, #d44227, #c73013);
-  box-shadow: 1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4);
-}
-:local .danger:hover .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .danger:hover .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .danger:active,
-:local .danger.active {
-  background: #cd381b;
-  box-shadow: 0 0 0 1px rgba(108, 7, 7, 0.75), 0 -1px 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-}
-:local .danger:active .arrow,
-:local .danger.active .arrow {
-  background: #cd381b;
-  box-shadow: 1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1);
-}
-:local .danger:active .arrow_left,
-:local .danger.active .arrow_left {
-  box-shadow: 1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1);
-}
-:local .danger:active .arrow.arrow_warning,
-:local .danger.active .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .danger:active .arrow.arrow_error,
-:local .danger.active .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .pay {
-  background: linear-gradient(#ffd54b, #ffbb39);
-  color: none;
-  box-shadow: 0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56);
-  border: none;
-}
-:local .pay .arrow {
-  background: linear-gradient(to bottom right, #ffd54b, #ffbb39);
-  box-shadow: 1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56);
-}
-:local .pay .arrow_left {
-  background: linear-gradient(to top left, #ffd54b, #ffbb39);
-  box-shadow: 1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56);
-}
-:local .pay .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .pay .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .pay:hover {
-  background: linear-gradient(#ffbd3a, #f8a91d);
-  box-shadow: 0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4);
-  border-color: transparent;
-}
-:local .pay:hover .arrow {
-  background: linear-gradient(to bottom right, #ffbd3a, #f8a91d);
-  box-shadow: 1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4);
-}
-:local .pay:hover .arrow_left {
-  background: linear-gradient(to top left, #ffbd3a, #f8a91d);
-  box-shadow: 1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4);
-}
-:local .pay:hover .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .pay:hover .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .pay:active,
-:local .pay.active {
-  background: #fbb028;
-  box-shadow: 0 0 0 1px rgba(210, 144, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-:local .pay:active .arrow,
-:local .pay.active .arrow {
-  background: #fbb028;
-  box-shadow: 1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05);
-}
-:local .pay:active .arrow_left,
-:local .pay.active .arrow_left {
-  box-shadow: 1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05);
-}
-:local .pay:active .arrow.arrow_warning,
-:local .pay.active .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .pay:active .arrow.arrow_error,
-:local .pay.active .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .root.focus {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #5199db;
-  position: relative;
-  z-index: 2;
-  border: none;
-}
-:local .root.focus.error,
-:local .root.focus.warning {
-  box-shadow: inset 0 0 0 1px #fff;
-  border-color: transparent;
-}
-:local .root.focus .arrow {
-  box-shadow: inset -1px 1px 0 0 #fff, 2px -2px 0 0 #5199db;
-}
-:local .root.focus .arrow.arrow_warning {
-  box-shadow: inset -1px 1px 0 0 #fff, 2px -2px 0 0 #f69c00;
-}
-:local .root.focus .arrow.arrow_error {
-  box-shadow: inset -1px 1px 0 0 #fff, 2px -2px 0 0 #d70c17;
-}
-:local .root.checked {
-  background: #737373;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  color: #fff;
-}
-:local .root.checked .arrow {
-  background: #737373;
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 4px 2px -3px rgba(0, 0, 0, 0.3);
-}
-:local .root.checked .arrow_left {
-  background: #737373;
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.6), inset -4px 0 2px -3px rgba(0, 0, 0, 0.3);
-}
-:local .root.checked .arrow.arrow_error {
-  box-shadow: inset 0 4px 2px -3px rgba(0, 0, 0, 0.3), 2px -2px 0 0 #d70c17;
-}
-:local .root.checked .arrow.arrow_warning {
-  box-shadow: inset 0 4px 2px -3px rgba(0, 0, 0, 0.3), 2px -2px 0 0 #f69c00;
-}
-:local .root.checked:not(.focus):hover {
-  background: #737373;
-  border-color: transparent;
-}
-:local .root.checked.focus {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #5199db;
-  position: relative;
-  z-index: 2;
-}
-:local .root.checked.focus.error,
-:local .root.checked.focus.warning {
-  box-shadow: inset 0 0 0 1px #fff;
-  border-color: transparent;
-}
-:local .root.checked.focus .arrow {
-  box-shadow: inset -1px 1px 0 0 #fff, 2px -2px 0 0 #5199db;
-}
-:local .root.checked.focus .arrow.arrow_warning {
-  box-shadow: inset -1px 1px 0 0 #fff, 2px -2px 0 0 #f69c00;
-}
-:local .root.checked.focus .arrow.arrow_error {
-  box-shadow: inset -1px 1px 0 0 #fff, 2px -2px 0 0 #d70c17;
-}
-:local .root.disabled {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-  border-color: transparent;
-}
-:local .root.disabled .arrow {
-  background: #f2f2f2;
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.15);
-}
-:local .root.disabled .arrow.arrow_warning {
-  box-shadow: 2px -2px 0 0 #f69c00;
-}
-:local .root.disabled .arrow.arrow_error {
-  box-shadow: 2px -2px 0 0 #d70c17;
-}
-:local .borderless {
-  box-shadow: none;
-}
-:local .borderless:hover,
-:local .borderless:active {
-  box-shadow: none;
-}