.buttonio{--transition-duration:.5s;--disabled-bg-color:var(--button-disable-fill);--disabled-text-color:var(--button-disable-text);--disabled-icon-color:var(--button-disable-text);--animation-duration:.5s;font-weight:var(--font-weight-bold);font-size:var(--font-size-14);font-family:var(--family-inter),sans-serif;line-height:var(--line-height-20);letter-spacing:var(--letter-spacing-none);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.size-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.size-s,.buttonio.size-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.size-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.size-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.size-l,.buttonio.size-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.size-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}@media (min-width:360px){.buttonio.responsive-size-mobile-s-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-mobile-s-s,.buttonio.responsive-size-mobile-s-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-mobile-s-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-mobile-s-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-mobile-s-l,.buttonio.responsive-size-mobile-s-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-mobile-s-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:375px){.buttonio.responsive-size-mobile-md-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-mobile-md-s,.buttonio.responsive-size-mobile-md-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-mobile-md-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-mobile-md-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-mobile-md-l,.buttonio.responsive-size-mobile-md-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-mobile-md-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:414px){.buttonio.responsive-size-mobile-lg-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-mobile-lg-s,.buttonio.responsive-size-mobile-lg-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-mobile-lg-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-mobile-lg-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-mobile-lg-l,.buttonio.responsive-size-mobile-lg-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-mobile-lg-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:480px){.buttonio.responsive-size-sm-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-sm-s,.buttonio.responsive-size-sm-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-sm-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-sm-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-sm-l,.buttonio.responsive-size-sm-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-sm-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:576px){.buttonio.responsive-size-mobile-last-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-mobile-last-s,.buttonio.responsive-size-mobile-last-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-mobile-last-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-mobile-last-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-mobile-last-l,.buttonio.responsive-size-mobile-last-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-mobile-last-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:640px){.buttonio.responsive-size-tablet-sm-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-tablet-sm-s,.buttonio.responsive-size-tablet-sm-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-tablet-sm-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-tablet-sm-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-tablet-sm-l,.buttonio.responsive-size-tablet-sm-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-tablet-sm-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:768px){.buttonio.responsive-size-tablet-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-tablet-s,.buttonio.responsive-size-tablet-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-tablet-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-tablet-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-tablet-l,.buttonio.responsive-size-tablet-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-tablet-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:800px){.buttonio.responsive-size-new-tablet-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-new-tablet-s,.buttonio.responsive-size-new-tablet-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-new-tablet-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-new-tablet-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-new-tablet-l,.buttonio.responsive-size-new-tablet-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-new-tablet-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:1024px){.buttonio.responsive-size-tablet-album-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-tablet-album-s,.buttonio.responsive-size-tablet-album-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-tablet-album-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-tablet-album-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-tablet-album-l,.buttonio.responsive-size-tablet-album-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-tablet-album-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:1200px){.buttonio.responsive-size-desktop-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-desktop-s,.buttonio.responsive-size-desktop-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-desktop-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-desktop-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-desktop-l,.buttonio.responsive-size-desktop-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-desktop-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:1380px){.buttonio.responsive-size-sidebar-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-sidebar-s,.buttonio.responsive-size-sidebar-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-sidebar-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-sidebar-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-sidebar-l,.buttonio.responsive-size-sidebar-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-sidebar-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:1440px){.buttonio.responsive-size-desktop-mid-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-desktop-mid-s,.buttonio.responsive-size-desktop-mid-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-desktop-mid-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-desktop-mid-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-desktop-mid-l,.buttonio.responsive-size-desktop-mid-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-desktop-mid-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}@media (min-width:1920px){.buttonio.responsive-size-desktop-big-xs{font-size:var(--font-size-10);line-height:var(--line-height-14);--button-size:26px;--icon-size:12px;--button-padding:0 var(--padding-s)}.buttonio.responsive-size-desktop-big-s,.buttonio.responsive-size-desktop-big-xs{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none);--grid-gap:var(--spaces-xxs)}.buttonio.responsive-size-desktop-big-s{font-size:var(--font-size-12);line-height:var(--line-height-16);--button-size:32px;--icon-size:16px;--button-padding:0 var(--padding-m)}.buttonio.responsive-size-desktop-big-m{font-size:var(--font-size-14);line-height:var(--line-height-20);--button-size:44px;--icon-size:20px;--grid-gap:var(--spaces-s);--button-padding:0 var(--padding-l)}.buttonio.responsive-size-desktop-big-l,.buttonio.responsive-size-desktop-big-m{font-weight:var(--font-weight-bold);font-family:var(--family-inter),sans-serif;letter-spacing:var(--letter-spacing-none)}.buttonio.responsive-size-desktop-big-l{font-size:var(--font-size-18);line-height:var(--line-height-24);--button-size:56px;--icon-size:24px;--button-padding:0 var(--padding-xl)}}.buttonio{height:var(--button-size);color:var(--text-color);background-color:var(--bg-color);border-radius:var(--radius-xl);cursor:pointer;transition-duration:var(--animation-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;border:none;flex-shrink:0;padding:0}.buttonio,.buttonio__content{min-width:var(--button-size);justify-content:center;align-items:center;display:flex;position:relative}.buttonio__content{z-index:2;grid-gap:var(--grid-gap);width:100%;height:100%;min-height:var(--button-size);padding:var(--button-padding);white-space:nowrap;border-radius:inherit;pointer-events:none}.buttonio__content.icon-right{flex-direction:row-reverse;justify-content:center;align-items:center;display:flex}.buttonio__svg{width:var(--icon-size);height:var(--icon-size);color:var(--icon-color);transition-duration:var(--animation-duration)}@media (min-width:1024px) and (hover:hover){.buttonio:hover{--text-color:var(--text-color-hover);--bg-color:var(--bg-color-hover);--icon-color:var(--icon-color-hover)}.buttonio:hover.icon-only{--icon-color:var(--icon-only-color-hover);justify-content:center}}.buttonio.active,.buttonio:active,.buttonio[class*=exact-active]{--text-color:var(--text-color-active);--bg-color:var(--bg-color-active);--icon-color:var(--icon-color-active);--transition-duration:none;cursor:default}.buttonio.active img.buttonio__svg,.buttonio:active img.buttonio__svg,.buttonio[class*=exact-active] img.buttonio__svg{filter:brightness(0)}.buttonio.active.icon-only,.buttonio:active.icon-only,.buttonio[class*=exact-active].icon-only{--icon-color:var(--icon-only-color-active)}.buttonio.disabled,.buttonio:disabled,.buttonio[class*=disabled]{pointer-events:none;--text-color:var(--button-disable-text)!important;--bg-color:var(--button-disable-fill)!important;--icon-color:var(--disabled-icon-color)!important}.buttonio.disabled:after,.buttonio.disabled:before,.buttonio:disabled:after,.buttonio:disabled:before,.buttonio[class*=disabled]:after,.buttonio[class*=disabled]:before{display:none}.buttonio.disabled-style{--text-color:var(--disabled-text-color)!important;--bg-color:var(--disabled-bg-color)!important;--icon-color:var(--disabled-icon-color)!important}.buttonio.icon-left{justify-content:center;align-items:center;display:flex}.buttonio.icon-only{--button-padding:0;--icon-color:var(--icon-only-color)}.buttonio.buttonio-small{min-width:32px;height:32px}.buttonio.buttonio-small.icon-only{--button-padding:0;width:32px}.buttonio.buttonio-small .buttonio__svg{width:20px;height:20px}@media (min-width:768px){.buttonio.buttonio-small-mobile{min-width:var(--button-size);height:var(--button-size)}.buttonio.buttonio-small-mobile.icon-only{width:var(--button-size)}.buttonio.buttonio-small-mobile .buttonio__svg{width:var(--icon-size);height:var(--icon-size)}}.buttonio.full-width{width:100%;margin-left:0;margin-right:0}.buttonio.signal{position:relative}.buttonio.signal:after{background-color:var(--red-500);border:var(--gray-500) 1px solid;content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.buttonio__image{margin:0}.buttonio-vip:before{z-index:0;background:linear-gradient(93deg,#fff0 -2.21%,#ffffff80 41.81%,#fff0 78.94%);width:100%;height:100%;animation:.3s ease-out .3s forwards fadeInVip;top:0;bottom:0;left:0;right:0}.buttonio-vip:after,.buttonio-vip:before{border-radius:inherit;opacity:0;content:"";position:absolute}.buttonio-vip:after{z-index:1;background-color:var(--bg-color);width:calc(100% - 2px);height:calc(100% - 2px);transition-duration:var(--animation-duration);animation:.3s ease-out forwards fadeInVip;top:1px;bottom:1px;left:1px;right:1px;box-shadow:inset 0 -4px 4px #ffffff29,inset 0 4px 4px #00000040}@keyframes fadeInVip{0%{opacity:0}to{opacity:1}}.buttonio-line{--text-color:var(--button-line-text-color);--text-color-hover:var(--button-line-text-color-hover);--text-color-active:var(--button-line-text-color-active);--bg-color:var(--button-line-bg-color);--bg-color-hover:var(--button-line-bg-color-hover);--bg-color-active:var(--button-line-bg-color-active);--icon-color:var(--button-line-icon-color);--icon-color-hover:var(--button-line-icon-color-hover);--icon-color-active:var(--button-line-icon-color-active);--icon-only-color:var(--button-line-icon-only-color);--icon-only-color-hover:var(--button-line-icon-only-color-hover);--icon-only-color-active:var(--button-line-icon-only-color-active);border:1px solid var(--button-line-border-default)}.buttonio-line.active,.buttonio-line:active{border-color:var(--button-line-border-active)}.buttonio-primary{--text-color:var(--button-primary-text-color);--text-color-hover:var(--button-primary-text-color-hover);--text-color-active:var(--button-primary-text-color-active);--bg-color:var(--button-primary-bg-color);--bg-color-hover:var(--button-primary-bg-color-hover);--bg-color-active:var(--button-primary-bg-color-active);--icon-color:var(--button-primary-icon-color);--icon-color-hover:var(--button-primary-icon-color-hover);--icon-color-active:var(--button-primary-icon-color-active);--icon-only-color:var(--button-primary-icon-only-color);--icon-only-color-hover:var(--button-primary-icon-only-color-hover);--icon-only-color-active:var(--button-primary-icon-only-color-active)}.buttonio-secondary{--text-color:var(--button-secondary-text-color);--text-color-hover:var(--button-secondary-text-color-hover);--text-color-active:var(--button-secondary-text-color-active);--bg-color:var(--button-secondary-bg-color);--bg-color-hover:var(--button-secondary-bg-color-hover);--bg-color-active:var(--button-secondary-bg-color-active);--icon-color:var(--button-secondary-icon-color);--icon-color-hover:var(--button-secondary-icon-color-hover);--icon-color-active:var(--button-secondary-icon-color-active);--icon-only-color:var(--button-secondary-icon-only-color);--icon-only-color-hover:var(--button-secondary-icon-only-color-hover);--icon-only-color-active:var(--button-secondary-icon-only-color-active)}.buttonio-default{--text-color:var(--button-default-text-color);--text-color-hover:var(--button-default-text-color-hover);--text-color-active:var(--button-default-text-color-active);--bg-color:var(--button-default-bg-color);--bg-color-hover:var(--button-default-bg-color-hover);--bg-color-active:var(--button-default-bg-color-active);--icon-color:var(--button-default-icon-color);--icon-color-hover:var(--button-default-icon-color-hover);--icon-color-active:var(--button-default-icon-color-active);--icon-only-color:var(--button-default-icon-only-color);--icon-only-color-hover:var(--button-default-icon-only-color-hover);--icon-only-color-active:var(--button-default-icon-only-color-active)}.buttonio-error{--text-color:var(--button-error-text-color);--text-color-hover:var(--button-error-text-color-hover);--text-color-active:var(--button-error-text-color-active);--bg-color:var(--button-error-bg-color);--bg-color-hover:var(--button-error-bg-color-hover);--bg-color-active:var(--button-error-bg-color-active);--icon-color:var(--button-error-icon-color);--icon-color-hover:var(--button-error-icon-color-hover);--icon-color-active:var(--button-error-icon-color-active);--icon-only-color:var(--button-error-icon-only-color);--icon-only-color-hover:var(--button-error-icon-only-color-hover);--icon-only-color-active:var(--button-error-icon-only-color-active)}.buttonio-info{--text-color:var(--button-info-text-color);--text-color-hover:var(--button-info-text-color-hover);--text-color-active:var(--button-info-text-color-active);--bg-color:var(--button-info-bg-color);--bg-color-hover:var(--button-info-bg-color-hover);--bg-color-active:var(--button-info-bg-color-active);--icon-color:var(--button-info-icon-color);--icon-color-hover:var(--button-info-icon-color-hover);--icon-color-active:var(--button-info-icon-color-active);--icon-only-color:var(--button-info-icon-only-color);--icon-only-color-hover:var(--button-info-icon-only-color-hover);--icon-only-color-active:var(--button-info-icon-only-color-active)}.buttonio-warning{--text-color:var(--button-warning-text-color);--text-color-hover:var(--button-warning-text-color-hover);--text-color-active:var(--button-warning-text-color-active);--bg-color:var(--button-warning-bg-color);--bg-color-hover:var(--button-warning-bg-color-hover);--bg-color-active:var(--button-warning-bg-color-active);--icon-color:var(--button-warning-icon-color);--icon-color-hover:var(--button-warning-icon-color-hover);--icon-color-active:var(--button-warning-icon-color-active);--icon-only-color:var(--button-warning-icon-only-color);--icon-only-color-hover:var(--button-warning-icon-only-color-hover);--icon-only-color-active:var(--button-warning-icon-only-color-active)}.buttonio-white{--text-color:var(--button-white-text-color);--text-color-hover:var(--button-white-text-color);--text-color-active:var(--button-white-text-color-active);--bg-color:var(--button-white-bg-color);--bg-color-hover:var(--button-white-bg-color-hover);--bg-color-active:var(--button-white-bg-color-active);--icon-color:var(--button-white-icon-color);--icon-color-hover:var(--button-white-icon-color-hover);--icon-color-active:var(--button-white-icon-color-active);--icon-only-color:var(--button-white-icon-only-color);--icon-only-color-hover:var(--button-white-icon-only-color-hover);--icon-only-color-active:var(--button-white-icon-only-color-active)}.buttonio-gray{--text-color:var(--button-grey-text-color);--text-color-hover:var(--button-grey-text-color-hover);--text-color-active:var(--button-grey-text-color-active);--bg-color:var(--button-grey-bg-color);--bg-color-hover:var(--button-grey-bg-color-hover);--bg-color-active:var(--button-grey-bg-color-active);--icon-color:var(--button-grey-icon-color);--icon-color-hover:var(--button-grey-icon-color-hover);--icon-color-active:var(--button-grey-icon-color-active);--icon-only-color:var(--button-grey-icon-only-color);--icon-only-color-hover:var(--button-grey-icon-only-color-hover);--icon-only-color-active:var(--button-grey-icon-only-color-active)}.buttonio-transparent{--text-color:var(--button-transparent-text-color);--text-color-hover:var(--button-transparent-text-color-hover);--text-color-active:var(--button-transparent-text-color-active);--bg-color:var(--button-transparent-bg-color);--bg-color-hover:var(--button-transparent-bg-color-hover);--bg-color-active:var(--button-transparent-bg-color-active);--icon-color:var(--button-transparent-icon-color);--icon-color-hover:var(--button-transparent-icon-color-hover);--icon-color-active:var(--button-transparent-icon-color-active);--icon-only-color:var(--button-transparent-icon-only-color);--icon-only-color-hover:var(--button-transparent-icon-only-color-hover);--icon-only-color-active:var(--button-transparent-icon-only-color-active)}