.product-card-wrapper .card{--product-card-muted: rgba(var(--color-foreground), .62);--product-card-line: rgba(var(--color-foreground), .14)}:where(.product-card-wrapper) .card--media .card__inner .card__content{pointer-events:none}.product-card-wrapper .card>.card__content{padding:1.2rem 1.2rem 1.4rem;border:var(--product-card-content-divider-width, .1rem) solid rgb(var(--color-background));background-color:var(--product-card-content-background, #ffffff)}:where(.product-card-wrapper) .card__information{padding:0}product-component:has(>.product-card-wrapper){display:block;height:100%}.product-card-wrapper>.card>.card__content{display:flex;flex-direction:column}.product-card-wrapper>.card>.card__content>.card__information{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.product-card-wrapper>.card>.card__content .card__variant-slot{margin-top:auto;padding-top:.8rem}.card-information__rating-slot{display:flow-root;min-height:2.52rem}@media screen and (max-width:749px){.card-information__rating-slot{min-height:2.52rem}}.product-card-wrapper.underline-links-hover:hover a{text-decoration:none}.product-card-wrapper .card__media .media{background-color:rgb(var(--color-background))}.product-card-wrapper .card__media img{mix-blend-mode:multiply}.card-gallery{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.card-gallery .media>img[hidden]{display:none}:where(.product-card-wrapper) .card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;text-decoration:none}.card-gallery__dots{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;justify-content:center;gap:.3rem;pointer-events:none}.card-gallery__dots[hidden]{display:none}.card-gallery__dot{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0 1rem;border:0;background:none;cursor:pointer;pointer-events:auto}.card-gallery__dot:after{content:"";display:block;width:100%;height:.2rem;background-color:rgba(var(--color-foreground),.25);transition:background-color var(--duration-short) ease}.card-gallery__dot[aria-pressed=true]:after{background-color:rgb(var(--color-foreground))}.card-gallery__dot:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.6rem}.card__inner:is(:has(.card__badges--bottom-left),:has(.card__badges--bottom-right),:has(.card__badges--top-right):has(.pinflag-wishlist-button--card)) .card-gallery__dots{--card-dots-inset: calc(var(--image-padding, 0px) + 1.1rem);bottom:calc(var(--image-padding, 0px) + 1rem + 1.1 * var(--card-badge-font) - 2.2rem);justify-content:flex-end;gap:0;padding-inline:0 var(--card-dots-inset)}.card__inner:is(:has(.card__badges--bottom-left),:has(.card__badges--bottom-right),:has(.card__badges--top-right):has(.pinflag-wishlist-button--card)) .card-gallery__dots .card-gallery__dot{width:1.6rem;padding:0}.card__inner:is(:has(.card__badges--bottom-left),:has(.card__badges--bottom-right),:has(.card__badges--top-right):has(.pinflag-wishlist-button--card)) .card-gallery__dots .card-gallery__dot:after{width:.6rem;height:.6rem;border-radius:50%}.card__inner:not(:has(.card__badges--bottom-left)):is(:has(.card__badges--bottom-right),:has(.card__badges--top-right):has(.pinflag-wishlist-button--card)) .card-gallery__dots{justify-content:flex-start;padding-inline:var(--card-dots-inset) 0}.card__inner:not(:has(.card__badges--bottom-left)):not(:has(.card__badges--bottom-right)):has(.card__badges--top-right):has(.pinflag-wishlist-button--card) .card-gallery__dots{bottom:.2rem}.card__inner:has(.card__badges--bottom-left):is(:has(.card__badges--bottom-right),:has(.card__badges--top-right):has(.pinflag-wishlist-button--card)) .card-gallery__dots{top:0;bottom:auto;justify-content:center;padding-inline:0}:where(.product-card-wrapper) .card__badges{display:flex;flex-direction:column;gap:.5rem;grid-column:1;line-height:0}:where(.product-card-wrapper) .card__badges--top-left,:where(.product-card-wrapper) .card__badges--top-right{align-self:flex-start;grid-row:1}:where(.product-card-wrapper) .card__badges--bottom-left,:where(.product-card-wrapper) .card__badges--bottom-right{align-self:flex-end;grid-row:3}:where(.product-card-wrapper) .card__badges--top-left,:where(.product-card-wrapper) .card__badges--bottom-left{align-items:flex-start;justify-self:flex-start}:where(.product-card-wrapper) .card__badges--top-right,:where(.product-card-wrapper) .card__badges--bottom-right{align-items:flex-end;justify-self:flex-end}.card__inner:has(.card__badges--top-right):not(:has(.card__badges--bottom-right)) .pinflag-wishlist-button--card{top:auto;bottom:.2rem}:where(.product-card-wrapper) .card__inner:has(.card__badges--bottom-right):has(.pinflag-wishlist-button--card) .card__badges--top-right{margin-top:3.8rem}:where(.product-card-wrapper) .card__badge-image-img{height:auto;max-height:clamp(4rem,2.8rem + 10.7cqi,6rem);max-width:clamp(4rem,2.8rem + 10.7cqi,6rem);object-fit:contain;width:auto}:where(.product-card-wrapper) .card--horizontal .card__badges{display:none}.product-card-wrapper .card:not(.card--horizontal)>.card__inner{container-type:inline-size}.product-card-wrapper .card__inner{--card-badge-font: 1.2rem}.product-card-wrapper .card__inner .badge{padding:.5em .7em;border-radius:0;font-size:var(--card-badge-font);font-weight:600;letter-spacing:0;text-transform:none;line-height:1.2}.product-card-wrapper .card__inner .badge--icon{display:inline-flex;align-items:center;gap:.4em}.badge__icon{flex:0 0 auto;width:1.2em;height:1.2em;background-color:currentColor;mask:var(--badge-icon) center / contain no-repeat;-webkit-mask:var(--badge-icon) center / contain no-repeat}.card-information__brand{margin:0 0 .5rem;font-size:1.2rem;font-weight:500;letter-spacing:0;line-height:1.3;color:#6b6b6b}.product-card-wrapper .card__heading-slot{position:relative}.product-card-wrapper .card__heading-slot--actions{padding-inline-end:3.6rem}:where(.product-card-wrapper) .card>.card__content .card__heading{min-height:2.6em;margin:0 0 .2rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.3}:where(.product-card-wrapper) .card__heading a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-information__colorway{margin:.2rem 0 0;overflow:hidden;font-size:1.2rem;font-weight:400;line-height:1.5;color:var(--product-card-muted);text-overflow:ellipsis;white-space:nowrap}.card-information__price{margin-top:.6rem}.card-price{display:flex;align-items:center;column-gap:.7rem;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4;color:rgb(var(--color-foreground))}.card-price__amounts{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.7rem;row-gap:.2rem;min-width:0}.card-price__compare{font-size:1.3rem;font-weight:400;color:var(--product-card-muted)}.card-price__discount{flex-shrink:0;padding:.2rem .6rem;white-space:nowrap;font-size:1.2rem;font-weight:600;line-height:1.3;color:#fff;background-color:var(--product-card-accent)}.card-price__club{margin:.5rem 0 0;font-size:1.2rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.4;color:var(--product-card-accent)}.card-price__club-price{font-weight:600}.card-information__colors,.card-information__rating,.card-information__sizes{margin:.6rem 0 0;font-size:1.2rem;font-weight:400;line-height:1.6;color:var(--product-card-muted)}.card-information__rating-star{color:rgb(var(--color-foreground))}.product-card-wrapper .card__content>.card__information{min-width:0}.card-information__rating-slot:has(+.card-information__sizes){display:flow-root;min-height:2rem}.card-information__sizes{min-height:1.5rem;width:0;min-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width:749px){.card-information__brand{font-size:1.2rem}:where(.product-card-wrapper) .card>.card__content .card__heading{font-size:1.4rem}.card-information__colorway{font-size:1.2rem}.card-information__price{min-height:3.6rem}.card-price,.card-price__amounts{column-gap:.5rem}.card-price{font-size:1.5rem}.card-price--on-sale .card-price__current{flex-basis:100%}.card-price__compare{font-size:1.3rem}.card-price__discount,.card-price__club,.card-information__colors,.card-information__rating,.card-information__sizes{font-size:1.2rem}}.card-quick-view{position:absolute;inset-inline-end:0;top:0;z-index:3;display:none}.card-quick-view:before{content:attr(data-tooltip);position:absolute;inset-inline-end:0;bottom:calc(100% + .6rem);padding:.45rem .7rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(.4rem);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease,visibility var(--duration-short) ease}.card-quick-view:hover:before,.card-quick-view:focus-within:before{opacity:1;visibility:visible;transform:none}.card-quick-view__button,.card-variant-panel__toggle{position:relative;align-items:center;justify-content:center;box-sizing:border-box;width:2.8rem;height:2.8rem;padding:0;border:.1rem solid var(--product-card-line);border-radius:0;background:var(--product-card-content-background, rgb(var(--color-background)));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease,border-color var(--duration-short) ease}.card-quick-view__button{display:flex}.card-quick-view__button:hover{border-color:rgb(var(--color-foreground))}.card-quick-view__button .svg-wrapper,.card-variant-panel__toggle .svg-wrapper{display:flex;width:1.4rem;height:1.4rem}.card-quick-add-icon[style]{background-color:currentColor;mask:var(--card-quick-add-icon) center / contain no-repeat;-webkit-mask:var(--card-quick-add-icon) center / contain no-repeat}.card-quick-add-icon[style] svg{opacity:0}.card-quick-view__button.loading,.card-quick-add__button.loading{color:transparent}.card-quick-view__button.loading>.loading__spinner,.card-quick-add__button.loading>.loading__spinner{position:absolute;top:50%;left:50%;display:flex;align-items:center;transform:translate(-50%,-50%)}.card-quick-view__button.loading>.loading__spinner .path,.card-quick-add__button.loading>.loading__spinner .path{stroke:rgb(var(--color-foreground))}@media screen and (hover:hover)and (min-width:750px){.card-quick-view{display:block;opacity:0;visibility:hidden;transform:translateY(.75rem);transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease,transform var(--duration-short) ease}.card-wrapper:hover .card-quick-view,.card-wrapper:focus-within .card-quick-view{opacity:1;visibility:visible;transform:none}.product-card-wrapper .card__heading-slot--actions{padding-inline-end:0}}.quick-add--quick-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.4rem;margin:0;padding:0;background:var(--product-card-content-background, rgb(var(--color-background)));opacity:0;visibility:hidden;transform:translateY(.75rem);transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease,transform var(--duration-short) ease}.product-card-wrapper .card .quick-add--quick-view{position:absolute;z-index:2;margin:0}.card__heading-slot--actions .quick-add--quick-view{padding-inline-end:3.6rem}.quick-add--quick-view .card-variant-panel-wrapper{order:-1}.quick-add--quick-view product-form{flex:1 1 auto;min-width:0}.card-quick-add__button{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:2.8rem;margin:0;padding:0 .8rem;border:.1rem solid var(--product-card-line);border-radius:0;background:var(--product-card-content-background, rgb(var(--color-background)));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;font-weight:500;letter-spacing:0;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease,border-color var(--duration-short) ease}.card-quick-add__button:hover:not([disabled]){border-color:rgb(var(--color-foreground))}.card-quick-add__text{overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card-quick-add__button[disabled]{cursor:not-allowed;opacity:.5}.card-quick-add__button[hidden],.quick-add--quick-view [data-color-variant-add-button][hidden]{display:none}.card-variant-panel-wrapper{display:flex;align-items:center;gap:.4rem;flex:1 1 auto;min-width:0;max-width:100%;background:transparent}.card-variant-panel-wrapper[hidden]{display:none}.card-variant-panel__system{flex:0 0 auto;padding-inline-end:.2rem;font-size:1.2rem;font-weight:500;letter-spacing:0;color:rgb(var(--color-foreground))}.card-variant-panel__system[hidden]{display:none}.card-variant-panel{display:flex;align-items:center;gap:.4rem;flex:1 1 auto;min-width:0;padding:0;overflow-x:auto;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.card-variant-panel::-webkit-scrollbar{display:none}.card-variant-panel[data-dragging]{cursor:grabbing}.card-variant-panel__option{position:relative;flex-shrink:0;box-sizing:border-box;min-width:2.8rem;height:2.8rem;padding:0 .5rem;border:.1rem solid var(--product-card-line);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease,border-color var(--duration-short) ease}.card-variant-panel__option:hover:not(.is-unavailable){border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-variant-panel__option.is-unavailable{border-color:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.35);text-decoration:line-through;cursor:not-allowed}.card-variant-panel__option.loading{cursor:default;border-color:rgb(var(--color-foreground))!important;background-color:rgb(var(--color-foreground))!important}.card-variant-panel__option.loading>[data-variant-option-text]{visibility:hidden}.card-variant-panel__option.loading>.loading__spinner{position:absolute;top:50%;left:50%;display:flex;align-items:center;transform:translate(-50%,-50%)}.card-variant-panel__option.loading>.loading__spinner .path{stroke:rgb(var(--color-background))!important}.card-variant-panel[data-loading] .card-variant-panel__option:not(.loading){opacity:.5;pointer-events:none}.card-variant-panel__arrow,.card-variant-panel__toggle,.card-variant-panel__more{display:none}@media screen and (min-width:750px){.card-variant-panel__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.4rem;height:2.4rem;padding:0;border:.1rem solid var(--product-card-line);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.card-variant-panel__arrow[hidden]{display:none}.card-variant-panel__arrow:hover{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-variant-panel__arrow .svg-wrapper{display:flex;align-items:center}.card-variant-panel__arrow svg{flex-shrink:0;width:1rem;height:1rem}.card-variant-panel__arrow--prev .svg-wrapper{transform:rotate(90deg)}.card-variant-panel__arrow--next .svg-wrapper{transform:rotate(-90deg)}}@media screen and (hover:hover)and (min-width:750px){.card-wrapper:hover .quick-add--quick-view,.card-wrapper:focus-within .quick-add--quick-view{opacity:1;visibility:visible;transform:none}}@media screen and (hover:none),screen and (max-width:749px){.quick-add--quick-view:has(.card-variant-panel[data-expanded]){opacity:1;visibility:visible;transform:none}.quick-add--quick-view .card-variant-panel:not([data-expanded]){display:none}.card-variant-panel__toggle{position:absolute;inset-inline-end:0;top:0;z-index:3;display:flex}.card-variant-panel__toggle[hidden]{display:none}.card-variant-panel__toggle[aria-expanded=true]{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}}@media screen and (max-width:749px){.card__heading-slot--actions .quick-add--quick-view{top:auto;bottom:100%;max-height:calc(50vw - 2rem);padding:.6rem;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -.2rem 1rem #0000001f}.quick-add--quick-view .card-variant-panel-wrapper{flex-wrap:wrap;align-items:flex-start}.card-variant-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.6rem,1fr));flex:1 1 100%;overflow:visible;cursor:auto}.card-variant-panel__option{min-width:0;height:4rem;padding:0 .4rem;font-size:1.3rem}.card-variant-panel__system{flex-basis:100%;font-size:1.2rem}.card-variant-panel.is-overflow-end{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 2rem),transparent 100%)}.card-variant-panel.is-overflow-start{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2rem);mask-image:linear-gradient(to right,transparent 0,#000 2rem)}.card-variant-panel.is-overflow-start.is-overflow-end{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2rem,#000 calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 2rem,#000 calc(100% - 2rem),transparent 100%)}.card-variant-panel-wrapper{position:relative}.card-variant-panel__more{position:absolute;top:50%;right:-.4rem;z-index:3;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .3rem;border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem;font-weight:500;line-height:1;pointer-events:none;opacity:1;transform:translateY(-50%) scale(1);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,display var(--duration-default) allow-discrete}.card-variant-panel-wrapper.is-overflow-end .card-variant-panel__more{display:flex}@starting-style{.card-variant-panel-wrapper.is-overflow-end .card-variant-panel__more{opacity:0;transform:translateY(-50%) scale(.6)}}}.card:has(.quick-add--quick-view:hover) .card__heading a:after,.card:has(.quick-add--quick-view:focus-within) .card__heading a:after{pointer-events:none}@media(prefers-reduced-motion:reduce){.card-quick-view,.card-quick-view:before,.quick-add--quick-view,.card-gallery__dot:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pinflag-card-product.css.map */