.ns-sc-wall{margin-block-start:var(--section-gap);padding-block-start:44px;background:var(--bg-dark);color:var(--text-on-fill);overflow:hidden}.ns-sc-wall__inner{display:flex;flex-direction:column;gap:24px;padding-block-end:44px}.ns-sc-wall__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px}.ns-sc-wall__lead{display:flex;flex-direction:column;gap:12px;min-width:0}.ns-sc-wall__title{margin:0;font:700 56px/1.02 var(--font-ui);letter-spacing:-.01em;text-wrap:balance}.ns-sc-wall__text{margin:0;max-width:720px;font-size:18px;line-height:1.4;color:var(--text-on-dark-soft)}.ns-sc-wall__all{display:inline-flex;align-items:center;gap:10px;min-height:var(--btn-h);padding:var(--view-all-pad);border-radius:var(--r-btn);background:var(--bg-card);color:var(--ink);font:500 16px/1 var(--font-ui);letter-spacing:var(--ls-ui);white-space:nowrap}.ns-sc-wall__all:hover{background:var(--green-fill-aa);color:var(--text-on-fill)}.ns-sc-wall__all:focus-visible{outline:2px solid var(--green);outline-offset:3px}.ns-sc-wall__all--foot{display:none}.ns-sc-wall__list{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:14px}.ns-sc-wall__tile{position:relative;flex:1 1 0;min-width:0;height:460px;border-radius:16px;overflow:hidden;background:var(--ink);transition:flex-grow .5s ease,height .5s ease}.ns-sc-wall__tile.is-on{flex-grow:2.6;height:560px}.ns-sc-reel{position:relative;height:100%;cursor:pointer}.ns-sc-reel__media{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .4s ease}.ns-sc-wall__tile:not(.is-on) .ns-sc-reel__media{opacity:.55}.ns-sc-reel__video,.ns-sc-reel__img{display:block;width:100%;height:100%;object-fit:cover}.ns-sc-reel__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;padding:56px 16px 16px;background:radial-gradient(ellipse 80% 50% at 20% 0%,color-mix(in srgb,var(--green) 35%,transparent),transparent),linear-gradient(160deg,var(--ink),var(--bg-dark))}.ns-sc-reel__fallback-title{font:700 28px/1.05 var(--font-ui);color:var(--text-on-dark-faint);overflow-wrap:anywhere}.ns-sc-reel__top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;pointer-events:none}.ns-sc-reel__badge{padding:5px 8px;border-radius:6px;background:var(--bg-card);color:var(--ink);font:700 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ns-sc-reel__badge:lang(th){letter-spacing:0;text-transform:none}.ns-sc-reel__play{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--r-pill);background:var(--scrim-modal);color:var(--text-on-fill);font:500 12px/1 var(--font-ui);white-space:nowrap;pointer-events:auto}.ns-sc-reel__play:before{content:"";position:absolute;top:-11px;right:-8px;bottom:-11px;left:-8px}.ns-sc-reel__play:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ns-sc-reel__triangle{width:8px;height:10px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}.ns-sc-reel__play[aria-pressed=true] .ns-sc-reel__triangle{clip-path:none;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}.ns-sc-reel__body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:50px 16px 16px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg-dark) 92%,transparent))}.ns-sc-reel__demand{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.ns-sc-reel__demand:not(:has(:not([hidden]))){display:none}.ns-sc-reel__count{font:700 28px/1 var(--font-ui);color:var(--green)}.ns-sc-reel__need{font-size:13px;color:var(--text-on-dark-soft);white-space:nowrap}.ns-sc-reel__title{margin:0;font:700 16px/1.12 var(--font-ui);overflow-wrap:anywhere}.ns-sc-reel__link{display:inline-block;padding-block:12px;margin-block:-12px}.ns-sc-reel__link:hover{text-decoration:underline}.ns-sc-reel__link:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ns-sc-reel__caption{display:none;margin:0;font-size:14px;line-height:1.4;color:var(--text-on-dark-soft)}.ns-sc-reel__cta{width:100%;min-height:44px;height:44px;margin-top:4px;background:var(--green-fill-aa);color:var(--text-on-fill);font-size:15px;font-weight:700}.ns-sc-reel__cta:hover{background:var(--green-text-aa)}.ns-sc-wall__tile.is-on .ns-sc-reel__count{font-size:44px}.ns-sc-wall__tile.is-on .ns-sc-reel__title{font-size:24px}.ns-sc-wall__tile.is-on .ns-sc-reel__caption{display:block}.ns-sc-wall__tile.is-on .ns-sc-reel__cta{height:48px}.ns-sc-wall__ticker{display:flex;align-items:center;gap:16px;padding:14px var(--gutter);border-top:1px solid var(--ground-line);overflow:hidden;white-space:nowrap;font-size:14px;color:var(--text-on-dark-soft)}.ns-sc-wall__live{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font:700 13px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.ns-sc-wall__live:before{content:"";width:8px;height:8px;border-radius:var(--r-pill);background:var(--green)}.ns-sc-wall__live:lang(th){letter-spacing:0;text-transform:none}.ns-sc-wall__ticker-track{flex:1;min-width:0;display:flex;overflow:hidden;container-type:inline-size}.ns-sc-wall__ticker-items{list-style:none;margin:0;padding:0 40px 0 0;display:flex;gap:40px;flex:none;min-width:100cqw}@keyframes ns-marquee{to{transform:translate(-100%)}}@media(prefers-reduced-motion:no-preference){.ns-sc-wall__ticker-items{animation:ns-marquee 40s linear infinite}.ns-sc-wall__ticker:hover .ns-sc-wall__ticker-items,.ns-sc-wall__ticker:focus-within .ns-sc-wall__ticker-items{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.ns-sc-wall__tile,.ns-sc-reel__media{transition:none}.ns-sc-wall__ticker-items[aria-hidden=true]{display:none}.ns-sc-wall__ticker-track{overflow-x:auto;scrollbar-width:none}}@media(max-width:1099px){.ns-sc-wall__list{align-items:stretch;gap:10px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.ns-sc-wall__title{font-size:44px}.ns-sc-wall__tile,.ns-sc-wall__tile.is-on{flex:0 0 260px;height:440px;scroll-snap-align:start}.ns-sc-wall__tile:not(.is-on) .ns-sc-reel__media{opacity:1}.ns-sc-wall__tile.is-on .ns-sc-reel__caption{display:none}.ns-sc-reel__count,.ns-sc-wall__tile.is-on .ns-sc-reel__count{font-size:30px}.ns-sc-reel__title,.ns-sc-wall__tile.is-on .ns-sc-reel__title{font-size:18px}.ns-sc-reel__cta,.ns-sc-wall__tile.is-on .ns-sc-reel__cta{height:46px}}@media(max-width:749px){.ns-sc-wall{margin-block-start:var(--section-gap-mobile);padding-block-start:28px}.ns-sc-wall__inner{gap:14px;padding-block-end:20px}.ns-sc-wall__lead{gap:8px}.ns-sc-wall__title{font-size:32px;line-height:1.04}.ns-sc-wall__text,.ns-sc-wall__head .ns-sc-wall__all{display:none}.ns-sc-wall__ticker{flex-direction:column;align-items:flex-start;gap:8px;padding-block:12px;font-size:13px;white-space:normal}.ns-sc-wall__ticker-track{align-self:stretch;width:100%}.ns-sc-wall__ticker-items{flex-direction:column;gap:8px;min-width:0;padding-right:0;animation:none}.ns-sc-wall__ticker-items[aria-hidden=true],.ns-sc-wall__ticker-items li:nth-child(n+4 of:not([hidden])){display:none}.ns-sc-wall__all--foot{display:flex;justify-content:center;width:100%;height:48px;margin-top:4px}.ns-sc-wall>.ns-container:has(.ns-sc-wall__all--foot){padding-block-end:24px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ns-showcase-wall.css.map */