.tab-bar{display:flex;flex-direction:column;margin-block:2em 2em;width:100%}.tab-bar .card{margin:0!important}.tab-bar__header{background:var(--neutral-10);border:1px solid var(--neutral-100);display:flex;flex-flow:row wrap;gap:0;margin-block-end:var(--space-xs);padding:var(--space-xxxs) var(--space-xxxs);width:-moz-fit-content;width:fit-content}@media(max-width:768px){.tab-bar__header{flex-direction:column;width:100%}}.tab-bar__button{align-items:center;background:var(--link-10);border:none;color:rgba(11,10,31,.635);cursor:pointer;display:flex;font-weight:var(--font-weight-xl);height:100%;justify-content:center;padding:var(--space-xxxs) var(--space-xs);transition:background .2s ease-in-out,color .4s ease-in-out}.tab-bar__button:hover{background:var(--link-30);color:var(--font-100)}.tab-bar__button--active{cursor:default}.tab-bar__button--active,.tab-bar__button--active:hover{background:var(--link-100);color:var(--font-100-r)}.tab-bar__content{z-index:2}.tab-bar__content>:not(.tab-bar--active){display:none}.tab-bar__content>*{transition:opacity .4s}.tab-bar__content>.tab-bar--active{opacity:1}.tab-bar--sidebar{display:flex;flex-flow:row nowrap;gap:30px}.tab-bar--sidebar .tab-bar__header{background:transparent;border:none;box-shadow:none;display:flex;flex-flow:column nowrap;gap:20px;height:-moz-fit-content;height:fit-content;margin-left:auto;order:1;position:relative;width:500px;z-index:1}.tab-bar--sidebar .tab-bar__header:after{background:linear-gradient(0deg,#edeff7,#edeff7);content:"";height:calc(100% - 60px);left:2px;position:absolute;top:50%;transform:translateY(-50%);width:4px;z-index:1}.tab-bar--sidebar .tab-bar__header>*{width:100%}.tab-bar--sidebar .tab-bar__content{order:0}.side-bar__button:not(.side-bar__button--active){background-color:var(--neutral-30);border:1px solid var(--neutral-100);box-shadow:none;cursor:pointer;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out}.side-bar__button:not(.side-bar__button--active):hover{background:var(--neutral-10);box-shadow:var(--shadow-l);color:var(--font-100)}.side-bar__button:not(.side-bar__button--active):hover .number-card__number{background-color:var(--accent-100);border:3px solid var(--accent-10);z-index:2}.side-bar__button:not(.side-bar__button--active) .number-card__number{background-color:var(--neutral-100);border:3px solid var(--neutral-10);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;z-index:2}.side-bar__button--active:hover{background:var(--neutral-10);color:var(--font-100)}@media(max-width:768px){.tab-bar--sidebar{gap:var(--space-xs-s)}.tab-bar--sidebar .tab-bar__header{max-width:32px;min-width:32px;padding:0}.tab-bar--sidebar .tab-bar__header:after{background:linear-gradient(0deg,#edeff7,#edeff7);content:"";height:calc(100% - 32px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;z-index:1}.side-bar__button:not(.side-bar__button--active){background:transparent;border:none;box-shadow:none;cursor:pointer;width:32px}.side-bar__button:not(.side-bar__button--active) .number-card__title{display:none}.side-bar__button:not(.side-bar__button--active):before{background:linear-gradient(0deg,#f0d2c2,#f0d2c2);content:"";height:4px;left:-100px;opacity:1;position:absolute;top:14px;transform:scaleX(0);transform-origin:right;transition:all .2s ease-in-out 0s;width:100px;z-index:-1}.side-bar__button:not(.side-bar__button--active) .number-card__number{background-color:var(--neutral-100);border:3px solid var(--neutral-10);z-index:2}.side-bar__button:not(.side-bar__button--active):hover{background:transparent;color:inherit}.side-bar__button--active{background:transparent;border:none;box-shadow:none;cursor:pointer;width:32px}.side-bar__button--active .number-card__title{display:none}.side-bar__button--active:before{background:linear-gradient(0deg,#f0d2c2,#f0d2c2);content:"";height:4px;left:-100px;opacity:1;position:absolute;top:14px;transform:scaleX(1);transform-origin:right;transition:all .2s ease-in-out .6s;width:100px;z-index:-1}.side-bar__button--active:hover{background:transparent;color:inherit}}.number-card{align-items:flex-start;background:var(--neutral-10);border:1px solid var(--neutral-100);box-shadow:var(--shadow-l);display:flex;flex-direction:column;justify-content:flex-start;margin:0;max-width:var(--text-max-width);padding:var(--space-xs-s) calc(var(--space-xs-s) + 14px);position:relative}.number-card:after{background-image:var(--detail-card__icon);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";height:1.2em;position:absolute;right:var(--space-xs-s);top:var(--space-xs-s);width:1.2em}.number-card__number{align-items:center;background-color:var(--accent-100);border:4px solid var(--accent-30);border-radius:50%;color:#0b0a1f;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-xxl);height:34px;justify-content:center;left:-17px;line-height:100%;position:absolute;top:calc(var(--space-xs) - .3em);width:34px;z-index:2}.number-card__title{color:var(--font-100);display:inline-block;line-height:var(--line-height-s);max-width:calc(var(--text-max-width) + 100px);text-align:left;text-transform:none;width:100%;word-wrap:break-word;font-size:1.2rem;font-weight:var(--font-weight-xl);letter-spacing:.01em;line-height:var(--line-height-m);margin-block:1.67em .32em;margin-block:var(--space-xxxs) 0;word-break:break-word}@media(max-width:768px){.number-card__title{font-size:1.125rem}.number-card{background:transparent;border:none;border-radius:50%;box-shadow:none;margin:0;max-height:32px;max-width:32px;min-height:32px;min-width:32px;padding:0}.number-card:after{background-image:none;content:"";height:1.2em;position:absolute;right:var(--space-xs-s);top:var(--space-xs-s);width:1.2em}.number-card__number{height:34px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:34px}.number-card__title{display:none}}