.subheader.blue{padding:0 16px;background:#E3EEF2;border-radius:0 0 26px 26px}.subheader.blue .block{padding:16px 0;display:flex;flex-direction:column;gap:16px}.subheader.blue .subheader-title{margin:0;color:#1D677C;font-weight:700;font-size:24px;line-height:28px;text-align:center}.subheader-tabs{display:none;align-items:flex-end;justify-content:center;gap:8px}.subheader .tab{height:40px;padding:0 16px 0 8px;position:relative;display:flex;align-items:center;gap:8px;background:#3BB0D2;border:none;border-radius:8px 8px 0 0;color:#fff;font-weight:700;font-size:18px;line-height:24px;white-space:nowrap;outline:none;cursor:pointer;user-select:none;transition:background .1s,color .1s,box-shadow .1s}.tab.next-active{overflow:hidden}.subheader .tab:not(.active):hover{background:#2993B2;box-shadow:0 0 0 3px #ACDEEC}.subheader .tab:active,.subheader .tab.active{background:#fff!important;color:#1D677C}.subheader .tab.active{cursor:default}.subheader .tab.active::before,.subheader .tab.active::after{content:"";width:8px;height:8px;position:absolute;bottom:0;left:-8px;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C4.41828 8 8 4.41828 8 0V8H0Z' fill='white'/%3E%3C/svg%3E")}.subheader .tab.active::after{left:auto;right:-8px;transform:scaleX(-1)}.tab-icon{filter:brightness(4);transition:filter .1s}.topic-title:active .tab-icon,.tab:active .tab-icon,.topic.shown .tab-icon,.tab.active .tab-icon{filter:none}.tab-icon,.tab-title{z-index:1}.subheader .topic:not(.shown) .topic-title:after,.subheader .tab:not(.active):after{content:"";width:0%;height:100%;position:absolute;bottom:0;left:0;display:block;visibility:hidden;background:#2993B299;transform-origin:bottom left;transition:transform var(--auto-play,10s) ease,width var(--auto-play,10s) ease}.subheader .topic:not(.shown).next-shown .topic-title:after,.subheader .tab:not(.active).next-active:after{visibility:visible;width:100%}.subheader-topics{display:flex;flex-direction:column;gap:8px}.topic{position:relative;border-radius:8px;overflow:hidden}.topic:not(.shown):hover,.topic:not(.shown):active{box-shadow:0 0 0 3px #ACDEEC}.topic-title{width:100%;height:48px;padding:0 12px;position:absolute;top:0;left:0;display:flex;align-items:center;gap:12px;background:#3BB0D2;border-radius:8px;color:#fff;font-weight:700;font-size:18px;line-height:20px;transition:background .1s,color .1s,box-shadow .1s;user-select:none;cursor:pointer}.topic-title:hover{background:#2993B2}.topic-title:active{background:#fff;color:#1D677C}.topic.shown .topic-title{background:#fff;box-shadow:0 0 0 2px #D5EEF5;color:#1D677C;cursor:default}.topic-content{height:48px;padding:0 4px 0 16px;background:#fff;border-radius:8px;font-weight:400;font-size:16px;line-height:24px;visibility:hidden}.topic.shown .topic-content{height:auto;max-height:360px;padding:62px 4px 14px 16px;visibility:visible}.topic-scrollable{height:284px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;overflow-y:auto}@-moz-document url-prefix(){.topic-scrollable{scrollbar-width:4px;scrollbar-color:#C4C4C4A0 transparent}}.topic-scrollable::-webkit-scrollbar{width:4px}.topic-scrollable::-webkit-scrollbar-thumb{width:4px;border-radius:12px;background:#C4C4C4A0}.topic-group{height:100%;display:flex;flex-direction:column;flex-wrap:wrap}.topic-subtitle{flex-basis:100%;margin:16px 0 4px;display:flex;align-items:center;gap:8px;color:#1D677C;font-weight:700;font-size:18px;line-height:24px;user-select:none;cursor:default}.topic-subtitle:first-child{margin:0 0 4px}.topic-link{padding-left:32px;flex-basis:100%;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-link::before{content:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='11' height='11' rx='1.5' fill='%23EAF7FA' stroke='%2395D3E9'/%3E%3Crect x='3' y='3' width='6' height='1' rx='0.5' fill='%2395D3E9'/%3E%3Crect x='3' y='5' width='6' height='1' rx='0.5' fill='%2395D3E9'/%3E%3Crect x='7' y='8' width='2' height='1' rx='0.5' fill='%2395D3E9'/%3E%3C/svg%3E%0A");position:absolute;top:1px;left:4px;display:block}@media screen and (min-width:768px){.subheader.blue{padding:0}.subheader.blue .block{padding:24px 0;gap:12px}.subheader.blue .subheader-title{font-size:32px;line-height:40px}.subheader-tabs{display:flex}.subheader-topics{gap:0}.topic:not(.shown),.topic-title{display:none}.topic.shown,.topic.shown .topic-content{border-radius:0}.topic.shown .topic-content{height:auto;max-height:none;padding:24px 4px 24px 16px}.topic-scrollable{height:452px;gap:8px 40px}.topic-link{flex-basis:calc((100% - 24px - (24px + 16px)) / 2)}}@media screen and (min-width:1024px){.subheader.blue .block{padding:20px 0 32px;gap:16px}.topic-scrollable{height:356px;gap:8px 48px}.topic.shown,.topic.shown .topic-content{border-radius:8px}.topic-link{flex-basis:calc((100% - 24px - (24px + 24px) * 2) / 3)}}@media screen and (min-width:1280px){.subheader.blue .block{padding:20px 0 16px}.topic-scrollable{height:294px;gap:8px 40px}.topic-link{flex-basis:calc((100% - 24px - (24px + 16px) * 3) / 4)}}