.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)}.card-frame{display:flex;flex-direction:row;width:100%;background:linear-gradient(90deg,#9b51e0,#7f00ff);border-radius:48px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-y:hidden}.card-frame::-webkit-scrollbar{display:none}.card-frame{-ms-overflow-style:none;scrollbar-width:none}.card-frame .card-item{flex:1 0 40%;display:flex;column-gap:1.2rem;min-width:280px;position:relative;padding:2rem;box-sizing:border-box;scroll-snap-align:start}@media(min-width:1280px){.card-frame .card-item{flex:1 0 33.333%}}.card-frame .card-item:not(:last-child){border-right:2px dashed hsla(0,0%,100%,.4)}.card-frame .card-item:not(:last-child):after,.card-frame .card-item:not(:last-child):before{content:"";position:absolute;right:-10px;width:19px;height:19px;background-color:#fff;border-radius:50%;z-index:2}.card-frame .card-item:not(:last-child):before{top:0;translate:0 -6px}.card-frame .card-item:not(:last-child):after{bottom:0;translate:0 6px}.card-frame .card-item:not(:last-child) .card-content:after{content:"";position:absolute;bottom:-9px;right:-9px;width:18px;height:18px;background-color:#fff;border-radius:50%;z-index:2}@media(max-width:768px){.card-frame{flex-direction:column;overflow-x:visible;overflow-y:hidden}.card-frame .card-item{flex:none;width:100%;min-height:150px;border-bottom:2px dashed hsla(0,0%,100%,.4);border-right:unset!important}.card-frame .card-item:not(:last-child):before{top:auto;bottom:-15px;left:-6px;right:auto}.card-frame .card-item:not(:last-child):after{bottom:-4px}}.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}}