.market-intro{--intro-overlap:56px;position:relative;display:flex;flex-direction:column;width:100%;max-width:1300px}@media(min-width:1024px){.market-intro{--intro-overlap:104px}}.market-intro .market-intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;row-gap:2rem;padding:16px 4px var(--intro-overlap);overflow:hidden;border-radius:24px;background-color:var(--intro-bg-color,transparent)}@media(min-width:1024px){.market-intro .market-intro-stage{row-gap:0;border-radius:32px}}.market-intro .market-intro-stage:after,.market-intro .market-intro-stage:before{content:"";position:absolute;inset:0;z-index:1}.market-intro .market-intro-stage:before{background:var(--intro-bg-url) top/cover no-repeat}.market-intro .market-intro-stage:after{background-color:rgba(0,0,0,.25);mix-blend-mode:soft-light}.market-intro .market-intro-cards{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:calc(var(--intro-overlap)*-1);padding:0 16px}@media(min-width:768px){.market-intro .market-intro-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.market-intro .market-intro-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 32px}}@media(min-width:1280px){.market-intro .market-intro-cards{padding:0 72px}}.market-intro .market-intro-card{display:flex;flex-direction:column;row-gap:16px;width:100%!important;max-width:unset!important;height:100%!important;max-height:unset!important;padding:28px 24px!important;border:1px solid #ebecf9!important;border-radius:16px!important;background-color:#fcfcfd!important}@media(min-width:1024px){.market-intro .market-intro-card{padding:40px 32px 36px!important}}.market-intro .market-intro-card-head{display:flex;align-items:center;column-gap:16px}.market-intro .market-intro-number{display:grid;flex-shrink:0;place-items:center;width:44px;height:44px;border-radius:9999px;color:#fff;font-size:18px;font-weight:600}.market-intro .market-intro-card-title{color:#1b1b22!important;font-size:17px!important;font-weight:500!important;line-height:1.45!important}@media(min-width:1024px){.market-intro .market-intro-card-title{font-size:20px!important}}.market-intro .market-intro-card-text{color:var(--color-muted)!important;font-size:14px!important;line-height:1.85!important}.t-tagging{user-select:none;width:fit-content;align-self:center;padding:2px 1rem;color:#fff;font-weight:600;font-size:14px;border-radius:32px}.t-tagging[c-type=free]{background-color:var(--color-accent)}.t-tagging[c-type=optional]{background-color:var(--color-accent-2)}.sp-overview-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.sp-overview-card:focus-within,.sp-overview-card:hover{transform:translateY(-4px);border-color:rgba(61,65,181,.18);box-shadow:0 22px 44px -30px rgba(61,65,181,.5)}.sp-overview-link:after{content:"";position:absolute;inset:0;border-radius:32px}.sp-overview-link:focus-visible{outline:none}.sp-overview-link:focus-visible:after{box-shadow:0 0 0 2px var(--color-primary,#3d41b5)}@media(prefers-reduced-motion:reduce){.sp-overview-card{transition:none}.sp-overview-card:focus-within,.sp-overview-card:hover{transform:none}}.material-item-wrapper{position:relative;display:flex;gap:12px;margin-top:24px;padding:4px 6px 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none}.material-item-wrapper::-webkit-scrollbar{display:none}@media(min-width:1024px){.material-item-wrapper{flex-wrap:wrap;justify-content:center;gap:16px;padding:0;overflow:visible}}.material-item-wrapper .material-item{position:relative;display:flex;flex:0 0 min(78%,300px);flex-direction:column;row-gap:.75rem;min-width:0!important;max-width:unset!important;max-height:unset!important;padding:1.5rem 1.25rem 0!important;overflow:hidden;border-radius:24px;background-color:#fff;scroll-snap-align:start}@media(min-width:768px){.material-item-wrapper .material-item{flex-basis:calc((100% - 24px)/2.4)}}@media(min-width:1024px){.material-item-wrapper .material-item{flex:0 1 calc((100% - 32px)/3)}}@media(min-width:1280px){.material-item-wrapper .material-item{flex-basis:calc((100% - 48px)/4)}}.material-item-wrapper .material-item-image{width:100%;height:140px;margin-top:auto;object-fit:contain;object-position:bottom center}@media(min-width:1024px){.material-item-wrapper .material-item-image{height:160px}}