.tpc{display:flex;flex-direction:column;height:100%;outline:1px solid transparent;outline-offset:12px;transition:outline-color .3s ease-in-out}.tpc:hover,.tpc:focus-within{outline-color:#0a0a0a29}.tpc__media{position:relative;margin-block-end:var(--margin-sm, 12px);background-color:#f4f4f4;overflow:hidden}.tpc__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.tpc__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;transition:opacity .3s ease-in-out}@media(hover:hover){.tpc:hover .tpc__img--hover,.tpc:focus-within .tpc__img--hover{opacity:1}}.tpc__img--placeholder{display:block;aspect-ratio:1 / 1;background-color:#eee}.tpc__badge{position:absolute;top:0;left:0;z-index:2}.tpc__form{display:block;margin-block-start:auto;padding-block-start:var(--margin-sm, 12px)}.tpc__atc--options{margin-block-start:auto}.tpc__atc{width:100%;opacity:0;pointer-events:none;transition:opacity .25s ease,color .3s ease-in-out}.tpc:hover .tpc__atc,.tpc:focus-within .tpc__atc{opacity:1;pointer-events:auto}@media(hover:none),(max-width:749px){.tpc__atc{opacity:1;pointer-events:auto}.tpc__atc .tpc__atc-icon{display:none}.tpc:hover,.tpc:focus-within{outline-color:transparent}}.tpc__atc[disabled]{opacity:.6;cursor:not-allowed}.tpc__title-link{text-decoration:none;color:inherit}.tpc__title{color:#111;margin:0 0 var(--margin-2xs, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpc__desc{color:#757575;margin:0 0 var(--margin-2xs, 8px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:44px}.tpc__price{color:#111;margin:0 0 12px}.tpc__price-compare{color:#999;text-decoration:line-through;margin-inline-end:6px}.tpc__price-compare[hidden]{display:none}.tpc__options{display:flex;flex-direction:column;gap:10px;margin-block-end:8px}.tpc__option{display:flex;flex-wrap:wrap;gap:6px}.tpc__swatch{position:relative;box-sizing:border-box;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;border-radius:0;line-height:0;overflow:visible}.tpc__swatch .swatch{--swatch-width: 24px;--swatch-height: 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:0;border-radius:0;background-size:cover;background-position:center;transition:width .15s ease,height .15s ease}.tpc__swatch[aria-pressed=true] .swatch{width:18px;height:18px}.tpc__swatch[aria-pressed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--tpc-text, #111111);pointer-events:none}@media(hover:hover){.tpc__swatch:hover .swatch{width:18px;height:18px}.tpc__swatch:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:0;background-image:linear-gradient(90deg,#111 50%,transparent 0),linear-gradient(90deg,#111 50%,transparent 0),linear-gradient(0deg,#111 50%,transparent 0),linear-gradient(0deg,#111 50%,transparent 0);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:6px 1px,6px 1px,1px 6px,1px 6px;background-position:0 0,0 100%,0 0,100% 0;animation:tpc-swatch-ants .5s infinite linear}}@keyframes tpc-swatch-ants{to{background-position:6px 0,-6px 100%,0 -6px,100% 6px}}.tpc__swatch[data-sold-out=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .9px),#fff calc(50% - .9px),#fff calc(50% + .9px),transparent calc(50% + .9px))}.tpc__pill{padding:.5em .7em;background:none;color:var(--tpc-text, #111111);border:1px solid color-mix(in srgb,var(--tpc-text, #111111) 25%,transparent);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.tpc__pill[aria-pressed=true]{background-color:var(--tpc-text, #111111);color:var(--tpc-bg, #ffffff);border-color:var(--tpc-text, #111111)}.tpc__color{color:#757575;margin:0}.tpc__option--swatch{flex-wrap:nowrap;align-items:flex-end;gap:6px}.tpc__swatches{display:flex;flex-wrap:wrap;gap:6px;overflow:hidden;max-height:28px;flex:1 1 auto;min-width:0}.tpc__option--swatch.is-expanded .tpc__swatches{max-height:999px}.tpc__swatch-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:none;color:var(--tpc-text, #111111);cursor:pointer}.tpc__swatch-toggle[hidden]{display:none}.tpc__swatch-toggle-icon,.tpc__swatch-toggle svg{display:block;width:16px;height:16px}.tpc__swatch-toggle svg{transition:transform .2s ease}.tpc__option--swatch.is-expanded .tpc__swatch-toggle svg{transform:rotate(180deg)}.tpc{--tpc-media-ratio: 3 / 4}.tpc__media{aspect-ratio:var(--tpc-media-ratio);background-color:#f6f6f6}.tpc__img,.tpc__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.tpc__img--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toppik-product-card.css.map */