.ls-card{--ls-card-ink:#000;--ls-card-text:#262626;--ls-card-muted:#6b6b6b;--ls-card-chip:#e5e5e5;--ls-card-line:#dedede;--ls-card-ease:cubic-bezier(.23,1,.32,1);--ls-star-outline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.6 1.6 20.8 19.8'%3E%3Cpolygon points='12,2.6 14.85,8.62 21.4,9.4 16.6,13.94 17.82,20.4 12,17.24 6.18,20.4 7.4,13.94 2.6,9.4 9.15,8.62' fill='none' stroke='%23000' stroke-width='1.2' stroke-linejoin='miter'/%3E%3C/svg%3E");--ls-star-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.6 1.6 20.8 19.8'%3E%3Cpolygon points='12,2.6 14.85,8.62 21.4,9.4 16.6,13.94 17.82,20.4 12,17.24 6.18,20.4 7.4,13.94 2.6,9.4 9.15,8.62' fill='%23000' stroke='none' stroke-width='1.2' stroke-linejoin='miter'/%3E%3C/svg%3E");display:flex;flex-direction:column;background:none;text-align:left;container:ls-cardbox / inline-size}.ls-card .ls-card__media{position:relative;overflow:hidden;border-radius:10px;background:#fff;isolation:isolate}.ls-card .ls-card__media .m-product-card__main-image,.ls-card .ls-card__media .m-product-card__hover-image{transition:transform .6s var(--ls-card-ease),opacity .35s ease}.ls-card .m-product-card__media:hover .m-product-card__main-image,.ls-card .m-product-card__media:hover .m-placeholder-svg{transform:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.ls-card .ls-card__media:hover .m-product-card__main-image{transform:scale(1.03)}.ls-card.m-product-card--show-second-img .ls-card__media:hover .m-product-card__main-image{transform:none;opacity:0}.ls-card.m-product-card--show-second-img .ls-card__media:hover .m-product-card__hover-image{transform:scale(1.03)}}.ls-card .ls-card__top{position:absolute;inset:10px 14px auto 10px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.ls-card .ls-card__top>*{pointer-events:auto}.ls-card .ls-card__tags{position:static;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.ls-card .ls-card__tags .m-product-tag{position:static;transform:none;width:auto;height:30px;margin:0;padding:0 12px;border-radius:6px;background:var(--ls-card-chip)!important;color:var(--ls-card-text)!important;font-family:var(--font-stack-body);font-size:14px;font-weight:600;line-height:1;letter-spacing:-.1px;text-transform:none;white-space:nowrap}.ls-card .ls-card__tags .m-product-tag--sale{background:var(--ls-card-ink)!important;color:#fff!important}.ls-card .ls-card__tags .m-product-tag--preorder .foxkit-preorder-badge{font-weight:inherit;color:inherit}.ls-card .ls-card__wish{flex:none;margin-top:3px}.ls-card .ls-card__wish .m-button--icon{display:grid;place-items:center;width:32px;height:32px;margin:-4px;border:0!important;border-radius:50%;background:transparent;box-shadow:none!important;color:var(--ls-card-ink)}.ls-card .ls-card__wish svg{width:24px;height:24px}.ls-card .ls-card__wish .m-tooltip__content{display:none}.ls-card .ls-card__actions{position:absolute;inset:auto 10px 8px;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .3s var(--ls-card-ease);pointer-events:none}.ls-card .ls-card__actions--single{grid-template-columns:1fr}.ls-card .ls-card__media:hover .ls-card__actions,.ls-card .ls-card__actions:focus-within{opacity:1;transform:none;pointer-events:auto}.ls-card .ls-card__form,.ls-card .ls-card__form form{display:block;width:100%;margin:0}.ls-card .ls-card__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;height:42px;margin:0;padding:0 8px;border-radius:6px;font-family:var(--font-stack-body);font-size:12.5px;font-weight:600;line-height:1;letter-spacing:-.1px;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.ls-card .ls-card__btn:active:not([disabled]){transform:scale(.97)}.ls-card .ls-card__btn .ls-card__icon{flex:none;width:20px;height:20px}.ls-card .ls-card__btn>span:not(.m-spinner-icon){overflow:hidden;text-overflow:ellipsis}.ls-card button.ls-card__btn--ghost{border:1px solid var(--ls-card-line);background:#f5f5f5;color:var(--ls-card-ink)}.ls-card button.ls-card__btn--primary{border:1px solid var(--ls-card-ink);background:var(--ls-card-ink);color:#fff}.ls-card button.ls-card__btn[disabled]{border-color:var(--ls-card-chip);background:var(--ls-card-chip);color:var(--ls-card-muted);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.ls-card button.ls-card__btn--ghost:hover{background:#fff;border-color:var(--ls-card-ink)}}.ls-card .ls-card__btn .m-spinner-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center}.ls-card .ls-card__btn.m-spinner-loading .m-spinner-icon{display:grid}.ls-card .ls-card__btn.m-spinner-loading>:not(.m-spinner-icon){visibility:hidden}.ls-card .ls-card__btn .m-spinner-icon svg{width:20px;height:20px}.ls-card .ls-card__btn:focus-visible{outline:2px solid var(--ls-card-ink);outline-offset:2px}html body .ls-card .ls-card__media .ls-card__btn--primary:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){border-color:#000!important}@container ls-card (max-width:260px){.ls-card .ls-card__actions:not(.ls-card__actions--single){grid-template-columns:42px 1fr}.ls-card .ls-card__btn--ghost>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.ls-card .ls-card__media{container:ls-card / inline-size}@media(hover:none),(pointer:coarse){.ls-card .ls-card__actions{inset:auto 8px 8px auto;display:block;opacity:1;transform:none;pointer-events:auto}.ls-card .ls-card__btn--ghost{display:none}.ls-card .ls-card__btn--primary{width:40px;height:40px;padding:0;border-radius:50%}.ls-card .ls-card__btn--primary>span:not(.m-spinner-icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ls-card .ls-card__btn--primary .ls-card__icon{width:20px;height:20px}.ls-card button.ls-card__btn[disabled]{display:none}}.ls-card .m-product-card__countdown{display:none!important}.ls-card .ls-card__content{padding:0;text-align:left!important}.ls-card .ls-card__info{display:flex;flex-direction:column;align-items:flex-start;margin:19px 0 0}.ls-card .ls-card__vendor{margin-bottom:4px;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ls-card-muted)}.ls-card .ls-card__title{margin:0;font-family:var(--font-stack-body);font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.15px}.ls-card .ls-card__title .m-product-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:inherit;line-height:inherit;color:var(--ls-card-ink)!important;text-decoration:none}@media(hover:hover)and (pointer:fine){.ls-card .ls-card__title .m-product-card__name:hover{color:#3a3a3a!important}}.ls-card .ls-card__rating{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-size:14px;line-height:1.2;color:var(--ls-card-text);text-decoration:none}.ls-card .ls-card__count:before{content:"\b7";margin-right:7px;color:var(--ls-card-muted)}.ls-card .ls-card__rating--empty .ls-card__count{color:var(--ls-card-muted)}.ls-card .ls-card__rating{max-width:100%}.ls-card .ls-card__count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container ls-cardbox (max-width:239px){.ls-card .ls-card__rating--empty .ls-card__count{display:none}}.ls-card .ls-card__stars{position:relative;flex:none;width:77.5px;height:13px}.ls-card .ls-card__stars:before,.ls-card .ls-card__stars:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ls-card-line);-webkit-mask:var(--ls-star-fill) 0 0/15.5px 13px repeat-x;mask:var(--ls-star-fill) 0 0/15.5px 13px repeat-x}.ls-card .ls-card__stars:after{background:var(--ls-card-ink)}.ls-card .ls-card__stars:after{width:var(--ls-fill,0%);-webkit-mask-image:var(--ls-star-fill);mask-image:var(--ls-star-fill)}.ls-card .ls-card__rating--empty .ls-card__stars:before{background:var(--ls-card-muted);-webkit-mask-image:var(--ls-star-outline);mask-image:var(--ls-star-outline)}@media(hover:hover)and (pointer:fine){.ls-card a.ls-card__rating:hover .ls-card__count{text-decoration:underline;text-underline-offset:3px}}.ls-card .ls-card__price{margin-top:19px;line-height:1.25}.ls-card .ls-card__price .m-price{justify-content:flex-start;gap:2px 8px}.ls-card .ls-card__price .m-price-item{font-size:15px;font-weight:500;letter-spacing:-.1px;color:var(--ls-card-ink)}.ls-card .ls-card__price s.m-price-item,.ls-card .ls-card__price .m-price__sale s{font-size:13px;font-weight:400;color:var(--ls-card-muted)}.ls-card .m-price--on-sale .m-price__sale{justify-content:flex-start}@media(max-width:749px){.ls-card .ls-card__media{border-radius:8px}.ls-card .ls-card__top{inset:8px 8px auto 8px}.ls-card .ls-card__tags .m-product-tag{height:24px;padding:0 8px;font-size:12px;border-radius:5px}.ls-card .ls-card__wish .m-button--icon{width:30px;height:30px}.ls-card .ls-card__wish svg{width:20px;height:20px}.ls-card .ls-card__info{margin-top:12px}.ls-card .ls-card__title{font-size:15px;line-height:1.3;letter-spacing:-.15px}.ls-card .ls-card__rating{gap:5px;margin-top:5px;font-size:12px}.ls-card .ls-card__count:before{margin-right:5px}.ls-card .ls-card__stars{width:62px;height:10.4px}.ls-card .ls-card__stars:before,.ls-card .ls-card__stars:after{-webkit-mask-size:12.4px 10.4px;mask-size:12.4px 10.4px}.ls-card .ls-card__price{margin-top:10px}.ls-card .ls-card__price .m-price-item{font-size:15px}.ls-card .ls-card__price s.m-price-item{font-size:13px}}@media(prefers-reduced-motion:reduce){.ls-card .ls-card__actions{transform:none;transition:opacity .15s ease}.ls-card .ls-card__btn{transition:none}}body.premium-page :is([id$=__product-recommendations],[id$=__recent-viewed-products]) .m-section__heading{color:#fbfbf8!important}body.premium-page :is([id$=__product-recommendations],[id$=__recent-viewed-products]) .ls-card__info{--ls-card-ink:#fbfbf8;--ls-card-text:#e4e4e6;--ls-card-muted:#a7aab0;--ls-card-line:#3a3a3e}body.premium-page :is([id$=__product-recommendations],[id$=__recent-viewed-products]) .ls-card__info .m-price-item{color:#fbfbf8}@media(hover:hover)and (pointer:fine){body.premium-page :is([id$=__product-recommendations],[id$=__recent-viewed-products]) .ls-card__title .m-product-card__name:hover{color:#d0d0d3!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ls-card.css.map */