.tsc{--blue: #2f9cd4;--blue-t: #2982b4;--red: #e91c25;--yellow: #ffc107;--ink: #1d1d1f;--mute: #6b6b70;--line: #e6e6e6;letter-spacing:0;font-family:var(--font-body-family);color:var(--ink);text-align:left}.tsc,.tsc *,.tsc *:before,.tsc *:after{box-sizing:border-box}.tsc a{text-decoration:none}.tsc svg{display:block;flex:none}:where(.tsc) p{margin:0;letter-spacing:0}.tsc{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;transition:border-color .2s}.tsc>.tsc__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.tsc>.tsc__link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.tsc__pic{position:relative;aspect-ratio:1;min-height:0;background:#fff}.tsc__pic img,.tsc__pic .tsc__ph{position:absolute;top:14px;right:14px;bottom:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;transition:opacity .3s,transform .35s var(--ts-ease, cubic-bezier(.32, .72, 0, 1))}.tsc__img2{opacity:0}.tsc__flag{position:absolute;top:7px;right:7px;z-index:2;padding:6px 10px;border-radius:999px;font:700 12px/1 var(--font-body-family);pointer-events:none}.tsc__flag--own{background:var(--yellow);color:var(--ink)}.tsc__flag--sale{background:var(--red);color:#fff}.tsc__flag--out{background:#fff;border:1px solid var(--line);color:var(--mute)}.tsc.is-out .tsc__pic img{opacity:.55}.tsc__body{flex:1;display:flex;flex-direction:column;gap:4px;padding:2px 16px 16px}.tsc__brand{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 11px/1.3 var(--font-body-family);letter-spacing:.05em;text-transform:uppercase;color:var(--blue-t)}.tsc__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;font:600 16px/1.35 var(--font-body-family);color:var(--ink);transition:color .15s}.tsc__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.tsc__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}.tsc__price b{font:700 19px/1.1 var(--font-body-family);color:var(--ink)}.tsc__price.is-sale b{color:var(--red)}.tsc__price s{font:400 13px/1 var(--font-body-family);color:var(--mute)}.tsc__from{font:500 12px/1 var(--font-body-family);color:var(--mute)}.tsc__add{position:relative;z-index:2;flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer;transition:background-color .15s,transform .15s}.tsc__add svg{width:21px;height:21px}.tsc__add.is-busy{background:var(--blue-t);cursor:progress}.tsc__vip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font:700 13px/1 var(--font-body-family);color:var(--ink)}.tsc__vip span{padding:4px 7px;border-radius:6px;background:var(--yellow);font-size:10.5px;letter-spacing:.04em}@media(hover:hover)and (pointer:fine){.tsc:hover{border-color:var(--blue)}.tsc:hover .tsc__name{color:var(--blue-t)}.tsc:hover .tsc__pic img{transform:scale(1.04)}.tsc:hover .tsc__img2.is-ready{opacity:1}.tsc:hover .tsc__pic:has(.tsc__img2.is-ready) .tsc__img{opacity:0}.tsc__add:hover{background:var(--blue-t);transform:scale(1.06)}}@media(max-width:749px){.tsc{border-radius:16px}.tsc__pic img,.tsc__pic .tsc__ph{top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.tsc__flag{top:5px;right:5px;padding:5px 8px;font-size:11px}.tsc__body{padding:0 12px 12px}.tsc__name{font-size:14.5px}.tsc__price b{font-size:17px}.tsc__add{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.tsc,.tsc__pic img,.tsc__add{transition:none}}.tsc[data-swipe]>.tsc__link,.tsc[data-swipe] .tsc__pic{touch-action:pan-y;-webkit-user-drag:none}.tsc[data-swipe] .tsc__pic{-webkit-user-select:none;user-select:none}.tsc[data-swipe] .tsc__img{will-change:transform}.tsc .tsc__dots{position:absolute;left:0;right:0;bottom:8px;z-index:2;display:flex;justify-content:center;gap:5px;pointer-events:none}.tsc__dots i{width:6px;height:6px;border-radius:3px;background:#d5d5d8;transition:width .25s var(--ts-ease, cubic-bezier(.32, .72, 0, 1)),background-color .25s}.tsc__dots i.is-on{width:16px;background:var(--blue)}.tsc .tsc__nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:34px;height:34px;margin-top:-17px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fffffff0;color:var(--ink);cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .2s var(--ts-ease, cubic-bezier(.32, .72, 0, 1)),transform .2s var(--ts-ease, cubic-bezier(.32, .72, 0, 1))}.tsc__nav svg{width:16px;height:16px}.tsc__nav--prev{left:8px}.tsc__nav--next{right:8px}@media(hover:hover)and (pointer:fine){.tsc:hover .tsc__nav{opacity:1;transform:none}.tsc__nav:hover{border-color:var(--blue);color:var(--blue-t)}.tsc[data-swipe] .tsc__dots{opacity:0;transition:opacity .2s}.tsc[data-swipe]:hover .tsc__dots{opacity:1}}@media(hover:none){.tsc .tsc__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ts-card.css.map */
