.button{align-items:center;gap:var(--spacing-xs);border:var(--button-border,0);background:var(--color-white);color:inherit;cursor:pointer;box-sizing:border-box;padding:0 12px;transition:background-color .14s,color .14s,transform .1s,box-shadow .14s;display:inline-flex}.button__left,.button__right,.button__icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.button--align-center .button__label,.button--align-right .button__label{text-align:center;flex:auto}.button__icon{width:24px;height:24px}.button__icon--small{width:16px;height:16px}.button__icon--medium{width:24px;height:24px}.button__icon--large{width:36px;height:36px}.button__center-group{align-items:center;gap:var(--spacing-xs);display:inline-flex}.button__center-group .button__label{text-align:center;flex:0 auto;display:inline-block}.button__label{white-space:normal;display:block}.button__label-text{vertical-align:middle;white-space:normal;word-break:break-word;justify-content:center;align-items:center;max-width:100%;display:inline-flex}.button__label-text--has-sub{flex-direction:column;gap:3px}.button__count{color:var(--color-main);margin-left:4px;font-weight:700}.is-selected .button__count,[aria-pressed=true] .button__count,.button--variant-main .button__count{color:#fff}.button__label:has(>.button__label-text+.button__label-text){gap:5px}.button__sub-label-text{color:var(--button-subLabel-color,var(--color-gray));display:block}.button__icon-img{object-fit:contain;width:100%;height:100%;display:block}.button__icon-mask{width:100%;height:100%;-webkit-mask-image:var(--icon-url);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.button__icon-svg{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.button__icon-svg svg{width:100%;height:100%;display:block}.button__icon-svg svg,.button__icon-svg svg *{fill:currentColor;stroke:currentColor}.button .button__label{color:var(--button-text-color,currentColor);min-width:20px;min-height:20px}.button .button__icon,.button .button__left,.button .button__right{color:var(--button-icon-color,currentColor)}.button--align-left{justify-content:flex-start}.button--align-center{justify-content:center}.button--align-right{justify-content:flex-end}.button--align-left .button__label{flex:auto;align-items:center;display:inline-flex}.button--align-left .button__label-text{text-align:left;justify-content:flex-start}.button--align-center .button__label{text-align:center;flex:auto;justify-content:center;align-items:center;display:flex}.button--align-right .button__label{text-align:right;flex:auto}.button--align-grid{justify-content:center}.button--align-grid .button__label{text-align:center;flex:auto;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.button.button--no-bg{background:0 0;border-color:#0000}.button--variant-danger{background:var(--color-deepWhite);--button-text-color:var(--color-error);--button-icon-color:var(--color-error);--button-subLabel-color:var(--color-error);border:var(--button-border,1px solid var(--color-error))}.button--variant-danger:hover,.button--variant-danger:focus-visible{background:var(--color-error-a10);--button-text-color:var(--color-error);--button-icon-color:var(--color-error);--button-subLabel-color:var(--color-error);border-color:var(--color-error)}.button--variant-danger.is-selected,.button--variant-danger[aria-pressed=true]{background:var(--color-error);--button-text-color:#fff;--button-icon-color:#fff;--button-subLabel-color:#fff;border-color:var(--color-error)}.button--variant-default{background:var(--color-deepWhite);--button-text-color:var(--color-darkGray);--button-icon-color:var(--color-lightGray);--button-subLabel-color:var(--color-gray);border:var(--button-border,1px solid var(--color-whiteLine))}.button--variant-default:hover,.button--variant-default:focus-visible{background:var(--color-white);--button-text-color:var(--color-black);--button-icon-color:var(--color-main);--button-subLabel-color:var(--color-black);border-color:var(--color-main)}.button--variant-default.is-selected,.button--variant-default[aria-pressed=true]{background:var(--color-main);--button-text-color:#fff;--button-icon-color:#fff;--button-subLabel-color:#fff;border-color:var(--color-main)}.button--variant-main{background:var(--color-main);color:#fff;--button-subLabel-color:var(--color-white-a80);border:var(--button-border,1px solid var(--color-main))}.button--variant-main:hover,.button--variant-main:focus-visible{background:var(--color-sub);color:#fff;--button-subLabel-color:var(--color-white-a80);border-color:var(--color-sub)}.button--variant-main.is-selected,.button--variant-main[aria-pressed=true]{background:var(--color-sub);color:#fff;--button-subLabel-color:var(--color-white-a80)}.button--variant-sub{background:var(--color-primary,var(--color-sub));color:#fff;--button-subLabel-color:var(--color-white-a80)}.button--variant-sub:hover,.button--variant-sub:focus-visible{background:var(--color-uiAccent);color:#fff;--button-subLabel-color:var(--color-white-a80)}.button--variant-transparent-white{color:#fbfdff;--button-subLabel-color:var(--color-white-a60);border:var(--button-border,1px solid var(--color-white-a80));background:0 0}.button--variant-transparent-white:hover,.button--variant-transparent-white:focus-visible{background:var(--color-white-a10);color:#fff;--button-subLabel-color:var(--color-white-a80)}.button--variant-transparent-white.is-selected,.button--variant-transparent-white[aria-pressed=true]{background:var(--color-white);color:var(--color-main);--button-subLabel-color:var(--color-lightGray)}.button--variant-transparent-gray{color:var(--color-gray-a80);--button-subLabel-color:var(--color-gray-a60);border:var(--button-border,1px solid var(--color-gray-a80));background:0 0}.button--variant-transparent-gray:hover,.button--variant-transparent-gray:focus-visible{background:var(--color-gray-a10);color:var(--color-gray);--button-subLabel-color:var(--color-gray-a60)}.button--variant-transparent-lightGray{color:var(--color-gray);--button-subLabel-color:var(--color-gray-a60);border:var(--button-border,1px solid var(--color-lightGray-a80));background:0 0}.button--variant-transparent-lightGray:hover,.button--variant-transparent-lightGray:focus-visible{background:var(--color-lightGray-a10);color:var(--color-deepGray);--button-subLabel-color:var(--color-gray-a60)}.button--variant-disabled{border:var(--button-border,1px solid var(--color-whiteLine));color:var(--color-disabled);--button-subLabel-color:var(--color-disabled);background-color:#0000}.button--variant-disabled .button__icon,.button--variant-disabled .button__left,.button--variant-disabled .button__right{color:var(--color-disabled)}.button--variant-disabled-covered{border:var(--button-border,1px solid var(--color-darkWhite));border-color:var(--color-whiteLine);color:#0000;background-color:var(--color-darkWhite)}.button--variant-disabled-covered .button__icon,.button--variant-disabled-covered .button__left,.button--variant-disabled-covered .button__right{color:#0000}.button--variant-disabled-faded,.button--variant-disabled-invisibled{background:0 0}.button--variant-disabled-faded .button__icon,.button--variant-disabled-faded .button__left,.button--variant-disabled-faded .button__right,.button--variant-disabled-invisibled .button__icon,.button--variant-disabled-invisibled .button__left,.button--variant-disabled-invisibled .button__right,.button--variant-disabled-invisibled .button__label{color:#0000}.button:disabled,.button[disabled]{cursor:default;pointer-events:none}.button--shape-rounded{border-radius:var(--button-rounded-radius,8px)!important}.button--shape-pill{border-radius:9999px!important}.button72{--button-rounded-radius:18px;border-radius:36px;justify-content:center;height:72px}.button72--bar{min-width:220px}.button72--dot{width:72px;padding:0}.button56{--button-rounded-radius:14px;border-radius:28px;justify-content:center;height:56px}.button56--bar{min-width:190px}.button56--dot{width:56px;padding:0}.button48{--button-rounded-radius:12px;border-radius:24px;justify-content:center;height:48px}.button48--bar{min-width:160px}.button48--dot{width:48px;padding:0}.button40{--button-rounded-radius:10px;border-radius:20px;justify-content:center;height:40px}.button40--bar{min-width:100px}.button40--dot{width:40px;padding:0}.button40 .button__icon,.button40--bar .button__icon,.button40--dot .button__icon{width:20px;height:20px}.button32{--button-rounded-radius:8px;border-radius:16px;justify-content:center;height:32px}.button32--bar{min-width:72px}.button32--dot{width:32px;padding:0}.button32 .button__icon,.button32--bar .button__icon,.button32--dot .button__icon{width:18px;height:18px}.button28{--button-rounded-radius:7px;border-radius:14px;justify-content:center;height:28px}.button28--bar{min-width:60px}.button28--dot{width:28px;padding:0}.button28 .button__icon,.button28--bar .button__icon,.button28--dot .button__icon{width:16px;height:16px}.button24{--button-rounded-radius:6px;border-radius:12px;justify-content:center;height:24px}.button24--bar{min-width:48px}.button24--dot{width:24px;padding:0}.button24 .button__icon,.button24--bar .button__icon,.button24--dot .button__icon{width:14px;height:14px}.button-keyboard{border-radius:12px;justify-content:center;height:32px}.button-keyboard--bar{min-width:32px;padding:0 12px}.button-keyboard--dot{width:32px;padding:0}.button-word{border-radius:12px;justify-content:center;height:72px;padding:0 16px}.button-word--bar{min-width:120px}.button-word--dot{width:72px;padding:0}@media (max-width:1024px){.button56{--button-rounded-radius:13px;border-radius:25px;height:50px}.button56--bar{min-width:170px}.button56--dot{width:50px}.button48{--button-rounded-radius:11px;border-radius:22px;height:44px}.button48--bar{min-width:140px}.button48--dot{width:44px}.button40{--button-rounded-radius:9px;border-radius:18px;height:36px}.button40--bar{min-width:88px}.button40--dot{width:36px}.button32{--button-rounded-radius:8px;border-radius:15px;height:30px}.button32--bar{min-width:64px}.button32--dot{width:30px}.button24--bar{min-width:44px}}@media (max-width:768px){.button56{--button-rounded-radius:12px;border-radius:23px;height:46px}.button56--bar{min-width:150px}.button56--dot{width:46px}.button56 .button__icon,.button56--bar .button__icon,.button56--dot .button__icon{width:20px;height:20px}.button48{--button-rounded-radius:10px;border-radius:20px;height:40px}.button48--bar{min-width:120px}.button48--dot{width:40px}.button48 .button__icon,.button48--bar .button__icon,.button48--dot .button__icon{width:20px;height:20px}.button40{--button-rounded-radius:8px;border-radius:17px;height:34px}.button40--bar{min-width:80px}.button40--dot{width:34px}.button32{--button-rounded-radius:7px;border-radius:14px;height:28px}.button32--bar{min-width:60px}.button32--dot{width:28px}.button24--bar{min-width:40px}}
.tooltip-content{white-space:normal;box-sizing:border-box;pointer-events:auto;border-radius:var(--radius-m);box-shadow:var(--shadow-tooltip);z-index:var(--z-tooltip);transform-origin:0;will-change:transform, opacity;background-color:var(--color-white);animation:.2s cubic-bezier(.2,.9,.2,1) both tooltip-pop;position:absolute}.tooltip-content--bordered{border:1px solid var(--color-whiteLine)}.tooltip-content.tooltip-info,.tooltip-content.tooltip-description,.tooltip-content.tooltip-training{box-shadow:none;background:0 0}.tooltip-content__header{height:40px;color:var(--color-gray);align-items:center;padding:0 2px 10px;display:flex}.tooltip-content.is-closing{opacity:0;transition:opacity .2s,transform .2s}.tooltip-content[data-placement=top]{transform:translateY(-6px)}.tooltip-content[data-placement=bottom]{transform:translateY(6px)}.tooltip-content[data-placement=left]{transform:translate(-6px)}.tooltip-content[data-placement=right]{transform:translate(6px)}.tooltip-content.is-closing[data-placement=top]{transform:translateY(-6px)scale(.98)}.tooltip-content.is-closing[data-placement=bottom]{transform:translateY(6px)scale(.98)}.tooltip-content.is-closing[data-placement=left]{transform:translate(-6px)scale(.98)}.tooltip-content.is-closing[data-placement=right]{transform:translate(6px)scale(.98)}.tooltip--hidden{display:none}@keyframes tooltip-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tooltip-fade-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}.tooltip-backdrop{background:var(--color-popupBlock);z-index:calc(var(--z-tooltip) - 1);position:fixed;inset:0}.tooltip-portal{z-index:var(--z-tooltip);position:fixed;inset:0}.tooltip-content.is-mobile{visibility:visible!important;width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;z-index:var(--z-tooltip)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tooltip-content .tooltip-close{z-index:2;display:inline-flex;position:absolute;top:6px;right:6px}.tooltip-content .tooltip-close .button{box-shadow:none}
.tooltip-info__content{color:var(--color-black);background:var(--color-deepWhite);border-radius:var(--radius-m);box-shadow:var(--shadow-tooltip);white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--color-main);text-align:center;justify-content:center;align-items:center;padding:4px 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}.tooltip-content.tooltip-info{pointer-events:none}.tooltip-content.tooltip-info .tooltip-info__content{box-shadow:var(--shadow-tooltip)}.tooltip-info[data-placement=top] .tooltip-info__content:after,.tooltip-info[data-placement=bottom] .tooltip-info__content:after{content:"";width:0;height:0;margin:0;padding:0;position:absolute}
.tooltip-description__box{background:var(--color-white);border-radius:var(--radius-m);box-shadow:var(--shadow-tooltip);border:1px solid var(--color-whiteLine);flex-direction:column;gap:10px;max-width:640px;padding:16px 20px;display:flex}.tooltip-description__title{color:var(--color-black);margin:0}.tooltip-description__items{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tooltip-description__item{gap:var(--spacing-xs);color:var(--color-darkGray);align-items:flex-start;margin:0;display:flex}.tooltip-description__index{color:var(--color-main);flex-shrink:0}.tooltip-description__item--active{color:var(--color-main);font-weight:600}.tooltip-description__item--active .tooltip-description__index{color:var(--color-main)}
