.tmat{background:var(--tmat-bg, #F5F5F5);padding:var(--tmat-pad-block, clamp(36px,6vw,64px)) 0;--tmat-gutter: clamp(16px,4vw,24px)}@media(max-width:749px){.tmat{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.tmat *{box-sizing:border-box}.tmat__inner{max-width:1120px;margin:0 auto;padding:0 var(--tmat-gutter);font-family:Helvetica,Helvetica Neue,Arial,sans-serif;letter-spacing:-.04em;color:var(--tmat-text, #000)}.tmat__head{text-align:center;max-width:620px;margin:0 auto clamp(20px,2.2vw,28px)}.tmat__title{margin:0;font-weight:700;line-height:1.05;letter-spacing:-.04em;font-size:clamp(35px,27.9px + 1.88vw,52px);text-wrap:balance}.tmat__video{display:block;width:100%;max-width:var(--tmat-video-max, 420px);margin:0 auto clamp(22px,3vw,30px);border-radius:14px;overflow:hidden;position:relative;background:#111}.tmat__video video,.tmat__video img{display:block;width:100%;height:100%;object-fit:cover}.tmat__scroller{display:flex;gap:12px;overflow-x:auto;align-items:stretch;padding:4px 0 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--tmat-border,#E0E0E0) transparent}.tmat__scroller::-webkit-scrollbar{height:6px}.tmat__scroller::-webkit-scrollbar-thumb{background:var(--tmat-border,#E0E0E0);border-radius:99px}.tmat__scroller:after{content:"";flex:0 0 4px}@media(min-width:900px){.tmat__scroller{justify-content:center;flex-wrap:wrap}.tmat__scroller:after{display:none}}.tmat-card{scroll-snap-align:start;flex:0 0 clamp(160px,44vw,186px);position:relative;height:var(--tmat-card-h, 172px);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:var(--tmat-card,#FFFFFF);color:var(--tmat-text,#000);text-align:left;border:1px solid var(--tmat-border,#E0E0E0);border-radius:8px;font:inherit;letter-spacing:-.04em;cursor:pointer;transition:border-color .24s ease,box-shadow .24s ease}.tmat-card:focus-visible{outline:2px solid var(--tmat-accent,#4600D6);outline-offset:2px}.tmat-card__icon{color:var(--tmat-accent-soft, rgba(70,0,214,.5));display:inline-flex}.tmat-card__icon svg{display:block;width:20px;height:20px}.tmat-card__title{margin:11px 0 0;font-weight:700;line-height:1.12;font-size:15.5px;letter-spacing:-.04em}.tmat-card__reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s cubic-bezier(.22,.61,.36,1),opacity .3s ease}.tmat-card__detail{overflow:hidden;min-height:0;margin-top:7px;font-weight:400;color:var(--tmat-muted,#666);font-size:13px;line-height:1.4}@media(hover:hover){.tmat-card:hover{border-color:#cfcfcf;box-shadow:0 8px 22px #0000000e}.tmat-card:hover .tmat-card__reveal,.tmat-card:focus-visible .tmat-card__reveal{grid-template-rows:1fr;opacity:1}}.tmat-card.is-open{border-color:#cfcfcf;box-shadow:0 8px 22px #0000000e}.tmat-card.is-open .tmat-card__reveal{grid-template-rows:1fr;opacity:1}@media(hover:none){.tmat-card{cursor:default}.tmat-card__reveal{grid-template-rows:1fr;opacity:1}}@media(prefers-reduced-motion:reduce){.tmat-card,.tmat-card__reveal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/trackstar-materials.css.map */