component-product-card{position:relative;display:flex;flex-direction:column;gap:var(--s2);height:100%}component-product-card[aria-busy=true]{opacity:.6}.product-card-media{position:relative;display:block;overflow:hidden;border-radius:10px;aspect-ratio:329 / 366;background-color:#fff}.product-card-media img{width:100%;height:100%;object-fit:contain}.product-card-media .product-card-hover-image{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:0;transition:opacity .3s ease-out}@media(hover:hover){.product-card-media:hover .product-card-hover-image{opacity:1}}.product-card-badge{position:absolute;top:12px;left:12px;padding:3px 7px 4px;border-radius:2px;background-color:var(--badge-color, var(--color-5));color:#000;font-size:var(--t0);line-height:1.1}.product-card-info{display:flex;flex:1;flex-direction:column;gap:16px;padding:0 5px}.product-card-title-row,.product-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);line-height:1.1}.product-card-title-row{gap:var(--s1)}.product-card-meta{color:#0009}.product-card-meta-height:not(:last-child):after{content:"\b7  ";margin-left:var(--s-3);word-spacing:1px}.product-card-packs{display:flex;align-items:flex-start;gap:var(--s-3);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.product-card-packs::-webkit-scrollbar{display:none}.product-card-pack:focus-visible{outline:none}.product-card-pack:focus-visible .product-card-pack-label{outline:2px solid var(--color-1);outline-offset:-2px}.product-card-pack{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-decoration:none}.product-card-pack-label{padding:5px 10px 7px;border:1px solid rgb(30 25 23 / .3);border-radius:50px;background-color:#ffffff80;color:var(--color-1);font-size:var(--t0);line-height:1;text-transform:capitalize;white-space:nowrap;transition:background-color .3s ease-out,border-color .3s ease-out}.product-card-pack.state--selected .product-card-pack-label{border-color:var(--color-1);background-color:#fff}@media(hover:hover){.product-card-pack:hover .product-card-pack-label{border-color:var(--color-1);background-color:#fff}}.product-card-pack-saving{color:var(--color-6);font-size:var(--t-1);line-height:1}.product-card-swatches{display:flex;align-items:center;min-width:0;margin-top:auto;overflow-x:auto;contain:inline-size;perspective:200px;scrollbar-width:none;padding-bottom:1px}.product-card-swatches::-webkit-scrollbar{display:none}.product-card-swatch{position:relative;display:block;flex:0 0 auto;overflow:hidden;width:25px;height:25px;border-radius:50%;background-color:var(--swatch-color, #FFFFFF);transition:margin .25s ease}.product-card-swatch+.product-card-swatch{margin-left:var(--s-2)}component-product-card:not(.state--expanded) .product-card-swatch--overflow+.product-card-swatch:not(.product-card-swatch--overflow){margin-left:0}.product-card-swatches .product-card-swatch.state--instant{transition:none}.product-card-swatches .product-card-swatch:focus-visible{outline:2px solid var(--color-1);outline-offset:-2px;box-shadow:inset 0 0 0 4px #fff}.product-card-swatch-image{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.product-card-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.product-card-swatch.state--light:after{box-shadow:inset 0 0 0 1px #00000026}.product-card-swatch.state--unavailable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1.5px),rgb(0 0 0 / .25) calc(50% - 1.5px),#FFFFFF calc(50% - .75px),#FFFFFF calc(50% + .75px),rgb(0 0 0 / .25) calc(50% + 1.5px),transparent calc(50% + 1.5px));pointer-events:none}.product-card-swatch.state--selected:after{box-shadow:inset 0 0 0 1px #000}.product-card-swatch-more{flex:0 0 auto;margin-left:var(--s-2);transform-origin:50% 100%;color:var(--color-2);font-size:var(--t0);line-height:1;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .18s ease 70ms,width .25s ease,margin .25s ease}.product-card-swatch+.product-card-swatch--overflow,.product-card-swatch--overflow{width:0;margin-left:0;opacity:0;transform:translate(-6px);pointer-events:none;transition:width .25s ease,margin .25s ease,opacity .2s ease,transform .25s ease;transition-delay:calc(var(--swatch-index, 0) * 12ms)}.product-card-swatches.state--overflowing,.product-card-packs.state--overflowing{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}.product-card-swatches.state--overflowing.state--start:not(.state--end),.product-card-packs.state--overflowing.state--start:not(.state--end){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent 100%)}.product-card-swatches.state--overflowing.state--end:not(.state--start),.product-card-packs.state--overflowing.state--end:not(.state--start){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px);mask-image:linear-gradient(to right,transparent 0,#000 16px)}.product-card-swatches.state--overflowing.state--start.state--end,.product-card-packs.state--overflowing.state--start.state--end{-webkit-mask-image:none;mask-image:none}component-product-card.state--expanded .product-card-swatch+.product-card-swatch--overflow,component-product-card.state--expanded .product-card-swatch--overflow{width:25px;margin-left:var(--s-2);opacity:1;transform:none;pointer-events:auto}component-product-card.state--expanded .product-card-swatch-more{width:0;margin-left:0;opacity:0;overflow:hidden;transform:rotateX(-90deg)}@media(min-width:768px)and (max-width:1279px){.product-card-swatch{width:22px;height:22px}.product-card-swatch+.product-card-swatch:not(.product-card-swatch--overflow),.product-card-swatch-more,component-product-card.state--expanded .product-card-swatch+.product-card-swatch--overflow{margin-left:var(--s-3)}component-product-card.state--expanded .product-card-swatch--overflow{width:22px}.product-card-swatch-more{font-size:var(--t-1)}}@media(max-width:767px){.product-card{gap:12px}.product-card-media{aspect-ratio:215 / 239}.product-card-badge{top:9px;left:8px;padding:2px 5px 3px;font-size:var(--t-1)}.product-card-info{gap:var(--s0);padding:0 3px}.product-card-pack{gap:3px}.product-card-title,.product-card-price,.product-card-meta{font-size:15px}.product-card--stacked .product-card-title-row{display:contents}.product-card--stacked .product-card-price{order:1}.product-card-pack-label{padding:4px var(--s-2) 6px;font-size:13px}.product-card-pack-saving{font-size:var(--t-2)}.product-card-swatch{width:22px;height:22px}.product-card-swatch--overflow{width:0}component-product-card:not(.state--expanded) .product-card-swatch+.product-card-swatch--overflow-mobile{width:0;margin-left:0;opacity:0;pointer-events:none}.product-card-swatch-more{font-size:var(--t-1)}}.product-card--compact{flex-direction:row;gap:var(--s1);padding:var(--s0) var(--s2) var(--s0) var(--s0);border-radius:8px;background-color:#f6ede4}.product-card--compact .product-card-media{flex:none;align-self:stretch;width:auto;height:auto;aspect-ratio:1;border-radius:6px}.product-card--compact .product-card-media img{position:absolute;top:0;right:0;bottom:0;left:0}.product-card--compact .product-card-info{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-areas:"heading" "." "swatches" "link";min-width:0;gap:var(--s0);padding:var(--s0) 0}.product-card--compact .product-card-heading{grid-area:heading}.product-card--compact .product-card-swatches{grid-area:swatches;margin-top:0;min-height:max-content}.product-card--compact .product-card-link{grid-area:link}.product-card-link{align-self:start}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-product-card.css.map */