.tt-card{position:relative;aspect-ratio:9 / 16;border-radius:18px;overflow:hidden;background:radial-gradient(120% 80% at 50% 30%,#24364f,#112134 70%);box-shadow:0 18px 40px -22px #1121348c;isolation:isolate}.tt-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;display:block}.tt-card__img{position:absolute;left:10%;right:10%;top:50%;width:80%;height:auto;aspect-ratio:1 / 1;object-fit:cover;transform:translateY(-58%);border-radius:14px;box-shadow:0 20px 40px -18px #0000008c;transition:transform .5s var(--ease, ease)}.tt-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#11213400 55%,#112134d9)}.tt-card__badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:#ffffff24;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:600 11.5px/1 var(--font-body);letter-spacing:.02em}.tt-card__btn{position:absolute;left:50%;bottom:58px;width:58px;height:58px;margin-left:-29px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:3px;background:#fff;color:#112134;box-shadow:0 0 0 8px #ffffff2e;transition:transform .3s var(--ease, ease),box-shadow .3s}.tt-card__hint{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#fff;font:600 13px/1 var(--font-body);letter-spacing:.02em}.tt-card__poster:hover .tt-card__btn,.tt-card__poster:focus-visible .tt-card__btn{transform:scale(1.08);box-shadow:0 0 0 12px #ffffff29}.tt-card__poster:hover .tt-card__img{transform:translateY(-60%) scale(1.03)}.tt-card__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.tt-card.is-playing{background:#000}.ptt__grid{display:grid;gap:28px;align-items:center}.ptt__copy{display:flex;flex-direction:column;gap:12px}.ptt__text{margin:0;font:400 15px/1.6 var(--font-body);color:var(--color-text-muted);max-width:460px}.ptt__points{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:10px}.ptt__points li{position:relative;padding-left:28px;font:500 14px/1.4 var(--font-body);color:var(--color-ink)}.ptt__points li:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--color-brand-100, #E3E8EF) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23112134' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 11px no-repeat}.ptt__media{width:min(78vw,340px);margin:0 auto}@media(min-width:990px){.ptt__grid{grid-template-columns:1fr 340px;gap:64px}.ptt__media{width:340px;margin:0}}.htt__list{margin:0;padding:4px 16px 8px;list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:64vw;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px}.htt__list::-webkit-scrollbar{display:none}.htt__item{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0}.htt__info{display:flex;flex-direction:column;gap:8px;padding:0 2px}.htt__title{font:500 14px/1.35 var(--font-body);color:var(--color-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.htt__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.htt__price{font:700 16px/1 var(--font-body);color:var(--color-ink)}.htt__shop{height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:var(--color-brand, #112134);color:#fff;font:600 12.5px/1 var(--font-body);text-decoration:none;transition:background-color .2s}.htt__shop:hover{background:var(--color-brand-hover, #24364F)}@media(min-width:750px){.htt__list{grid-auto-columns:calc((100% - 3 * 14px) / 3.3)}}@media(min-width:990px){.htt__list{grid-auto-columns:calc((100% - 60px)/4);gap:20px;padding:4px 0 8px;margin-inline:0}}@media(prefers-reduced-motion:reduce){.tt-card__img,.tt-card__btn{transition:none}}.htt .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.htt__nav{display:none;gap:8px;flex:none}.htt__arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-border-soft, #E3E8EF);background:#fff;color:var(--color-ink, #112134);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,opacity .2s}.htt__arrow:hover:not(:disabled){background:var(--color-brand, #112134);border-color:var(--color-brand, #112134);color:#fff}.htt__arrow:disabled{opacity:.35;cursor:default}@media(min-width:750px){.htt__nav{display:flex}}@media(min-width:1280px){.htt__list{grid-auto-columns:calc((100% - 80px)/5)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tiktok.css.map */
