@font-face{font-family:'Satoshi-RegularLight';src:url(/assets/fonts/satoshi/Satoshi-Medium.otf)}@font-face{font-family:'Satoshi-Regular';src:url(/assets/fonts/satoshi/Satoshi-Regular.otf)}@font-face{font-family:'Satoshi-RegularBold';src:url(/assets/fonts/satoshi/Satoshi-Medium.otf)}.IndexTop{position:relative}.IndexTop .container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-ms-align-items:center;align-items:center;min-height:100vh;max-height:calc(100vw * 9 / 16);padding-top:calc(3vw * 9 / 16 + var(--header-height))}.IndexTop .badge{display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flex;display:-o-inline-flex;display:inline-flex;-ms-align-items:center;align-items:center;justify-content:center;background:#fff;padding:0 15px;gap:0 10px;height:40px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);border-radius:15%}.IndexTop .badge svg,.IndexTop .badge img{display:block;width:15px;height:15px;object-fit:contain}.IndexTop .undertitle{margin-top:15px;margin-bottom:35px}.IndexTop .diargramm-wr{margin-top:auto;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:flex-end;align-items:flex-end;justify-content:center;width:100%;min-height:calc(26vw * 9 / 16);padding-top:40px;overflow:hidden}.IndexTop .diargramm-wr.loaded .col{transform:translateY(0);opacity:1}.IndexTop .diargramm-wr .col{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;cursor:pointer;text-align:left;transition:0.5s ease;background:#fff;color:#000;border:1px solid rgba(0,0,0,0.1);gap:2px;width:17%;height:calc(27vw * 9 / 16);padding:15px;border-radius:15px 15px 0 0;transform:translateY(100%);opacity:0;transition:transform 0.8s ease, opacity 0.4s ease}.IndexTop .diargramm-wr .col:nth-child(2){height:calc(22vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(3){height:calc(26vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(4){height:calc(19vw * 9 / 16)}.IndexTop .diargramm-wr .col svg,.IndexTop .diargramm-wr .col img{margin:auto 10px 10px auto;width:40px;height:40px}.IndexTop .diargramm-wr .col.active{background:#004297;color:#fff;height:calc(33vw * 9 / 16)}@media (hover: hover){.IndexTop .diargramm-wr .col:hover:not(.active){border-color:#f2e329;background-color:#f2e329;color:#004297}}.hero-bg{position:fixed;mix-blend-mode:multiply;inset:0;z-index:-1;opacity:0.25;transform:rotate(180deg);--violet-x:15%;--violet-y:20%;--violet-power:45%;--yellow-x:85%;--yellow-y:70%;--yellow-power:55%;--violet-r:0;--violet-g:66;--violet-b:151;--yellow-r:242;--yellow-g:227;--yellow-b:41;background:radial-gradient( 900px 600px at var(--violet-x) var(--violet-y), rgb( var(--violet-r) var(--violet-g) var(--violet-b) / var(--violet-power) ) 0%, transparent 80% ),radial-gradient( 800px 650px at var(--yellow-x) var(--yellow-y), rgb( var(--yellow-r) var(--yellow-g) var(--yellow-b) / var(--yellow-power) ) 0%, transparent 85% ),linear-gradient(120deg, #f1f2ff 0%, #fff 35%, #fff7cc 100%)}.hero-bg:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(196deg, rgba(255,255,255,0) 20%, rgba(0,66,151,0.25) 50%, rgba(255,255,255,0) 80%);background:-moz-linear-gradient(196deg, rgba(255,255,255,0) 20%, rgba(0,66,151,0.25) 50%, rgba(255,255,255,0) 80%);background:linear-gradient(196deg, rgba(255,255,255,0) 20%, rgba(0,66,151,0.25) 50%, rgba(255,255,255,0) 80%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0)}.diargramm-wr .col:nth-child(1){transition-delay:0s}.diargramm-wr .col:nth-child(2){transition-delay:.12s}.diargramm-wr .col:nth-child(3){transition-delay:.24s}.diargramm-wr .col:nth-child(4){transition-delay:.36s}@media only screen and (min-width: 1024px) and (max-width: 1240px){.IndexTop .container{height:90vh;max-height:calc(100vw * 9 / 18);padding-top:calc(4vw + var(--header-height))}.IndexTop .diargramm-wr{min-height:calc(30vw * 9 / 16)}.IndexTop .diargramm-wr .col{height:calc(30vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(2){height:calc(26vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(3){height:calc(29vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(4){height:calc(22vw * 9 / 16)}.IndexTop .diargramm-wr .col.active{height:calc(36vw * 9 / 16)}}@media only screen and (min-width: 768px) and (max-width: 1023px){.IndexTop .container{height:auto;max-height:none;padding-top:calc(6vw + var(--header-height))}.IndexTop .diargramm-wr{min-height:calc(40vw * 9 / 16)}.IndexTop .diargramm-wr .col{width:22%;height:calc(40vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(2){height:calc(33vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(3){height:calc(38vw * 9 / 16)}.IndexTop .diargramm-wr .col:nth-child(4){height:calc(30vw * 9 / 16)}.IndexTop .diargramm-wr .col.active{height:calc(47vw * 9 / 16)}}@media only screen and (max-width: 767px){.IndexTop .container{height:auto;max-height:none;padding-top:calc(12vw + var(--header-height))}.IndexTop .badge{height:32px;padding:0 10px;gap:0 6px}.IndexTop .badge svg,.IndexTop .badge img{width:12px;height:12px}.IndexTop .undertitle{margin-top:10px;margin-bottom:20px}.IndexTop .diargramm-wr{flex-wrap:wrap;gap:10px;min-height:auto}.IndexTop .diargramm-wr .col{width:42%;height:180px;padding:10px}.IndexTop .diargramm-wr .col:nth-child(2){height:150px}.IndexTop .diargramm-wr .col:nth-child(3){height:170px}.IndexTop .diargramm-wr .col:nth-child(4){height:130px}.IndexTop .diargramm-wr .col.active{height:220px}.IndexTop .diargramm-wr .col svg,.IndexTop .diargramm-wr .col img{width:26px;height:26px;margin:auto 5px 5px auto}}
/*# sourceMappingURL=index.css.map */