.card{display:block;overflow:hidden;text-decoration:none}.card.card--soft{background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground))}.card__text{display:flex;align-items:center}.card .icon-arrow{width:1.5rem}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card .h1 .icon-arrow,.card .h2 .icon-arrow{padding-bottom:.3rem;padding-top:.3rem}.card--media{display:block;text-decoration:none}.card--text-only{display:flex;justify-content:center}.card--text-only:before{content:"";display:block;padding-bottom:100%}.card--product{position:relative}.card--stretch{height:100%}.card--light-border{border:.1rem solid rgba(var(--color-foreground),.04)}.card--light-border:hover{border:.1rem solid rgba(var(--color-foreground),.3);box-shadow:none}.card__text-spacing{padding:3rem}.card-colored.color-background-1{background-color:rgba(var(--color-foreground),.04)}.card--media .card__text-spacing{padding:2rem}@media screen and (min-width: 750px){.card--media .card__text-spacing{padding-left:3rem;padding-right:3rem}}.card--text-only .card__inner{display:grid;grid-template-rows:1fr auto 1fr;width:100%}.card__content{margin-left:2.5rem;margin-right:2.5rem}.card__content>*{margin:0}.card--text-only .card__content{grid-row:2;justify-self:center;margin-bottom:6rem;margin-top:5rem}.card--text-only .card__badge{align-self:flex-end;grid-row:3}.card--search .card__badge>*,.card--text-only .card__badge>*{margin:0 1.2rem 1.2rem}.card--search .card__badge,.card--text-only .card__badge{position:initial}.card--text-only .card__content+.card__badge{margin-top:-5rem}.card--search .card__content{justify-self:flex-start;text-align:left}.media+.card__content{margin-top:2rem;margin-bottom:1.5rem}@media screen and (min-width: 750px){.card--text-only .card__content{margin-top:7rem;margin-bottom:7rem}.card--text-only .card__content+.card__badge{margin-top:-7rem}}.card__text-spacing>*{margin:0}.card__text-spacing>*:not(.overlay-card)+*{margin-top:1.5rem}.card__text{margin:0;word-break:break-word}.card--text-only .card__text{text-align:center}.card-information__text{display:block;flex:1 1 70%}.card-information{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.card-information>*{letter-spacing:-.33px;line-height:17px;font-size:14px!important;color:rgb(var(--color-foreground))}.card-information>.price{color:rgb(var(--color-foreground))}.card-wrapper{color:inherit;display:block;position:relative;text-decoration:none}.card-wrapper:focus-within .card{box-shadow:none}.card__media-spacer{padding:2rem 2rem 0}@media screen and (min-width: 750px){.card__media-spacer{padding:3rem 3rem 0}}.card__media-full-spacer{padding:2rem}.card-article-info{margin-top:1rem;display:flex;flex-wrap:wrap}.card__badge{display:flex;flex-wrap:wrap;position:absolute}.card__badge--top-right{top:1rem;right:1rem}.card__badge--bottom-right{bottom:1rem;right:1rem}.card__badge--top-left{top:1rem;left:1rem}.card__badge--bottom-left{bottom:1rem;left:1rem}.card__badge .badge+.badge{margin-left:1rem}.overlay-card{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;background:transparent;transition:background-color var(--duration-long) ease}.card:hover .card-colored .overlay-card{background-color:rgba(var(--color-card-hover),.06)}@media screen and (min-width: 990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.card:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;transition:transform var(--duration-long) ease;transform:scale(1.03)}.card-wrapper:hover .card-information__text{text-decoration:underline;text-underline-offset:.3rem}.card-wrapper:hover .card__text{transition:var(--duration-long) ease;transform:scale(1.06)}.card--search img{transition:transform var(--duration-default) ease}.card-wrapper:hover .card--search img{transform:scale(1.05)}.card-wrapper:hover .card__heading{text-decoration:underline;text-underline-offset:.3rem}.card-wrapper:hover .card.card--search{background-color:rgba(var(--color-card-hover),.06);transition:background-color var(--duration-long) ease}}.product-card__hover{opacity:0;transition:opacity var(--duration-long) ease}.card-wrapper:hover .product-card__hover{opacity:1!important;visibility:visible!important}.product-card__hover video,.product-card__hover img{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 749px){.card-information .flex{flex-wrap:wrap}.card-information .price dd{margin-right:1rem;margin-left:0}}.total-colors{font-size:1.2rem;color:rgba(var(--color-foreground),.5)}.card__inner .wk-button-collection{position:absolute;top:0;right:0;opacity:1!important;z-index:3}.grid__item.wide_product_tile .media,.grid__item.wide_product_tile img{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width: 750px){.grid__item.wide_product_tile{width:50%!important;max-width:50%!important}}@media screen and (max-width: 749px){.grid__item.wide_product_tile{width:100%!important;max-width:100%!important}}.promo-text{font-size:1.4rem}.card__badge-mobile{padding-left:1rem}.value-badge{position:absolute;top:15px;right:15px;width:80px;height:80px;background:#a3ccea;text-align:center;line-height:normal;border:1px solid black;border-radius:50%;z-index:5;display:flex;align-items:center}.value-badge__inner{width:100%}.value-badge__amount{font-weight:700;display:block;font-size:18px;margin-bottom:-3px;width:100%;text-align:center}.value-badge__text{font-size:15px;display:block;width:100%;text-align:center}@media screen and (max-width: 749px){.value-badge{width:60px;height:60px}.value-badge__amount{font-size:16px}.value-badge__text{font-size:13px}}.badges--hide-almost-gone .badge--almost-gone{display:none}.card__colors-promo{justify-content:space-between}.card-information .promo-text{font-size:1.2rem}.card__percentage-off{color:#ac0606!important}.card-information__wrapper .price{position:relative}@media screen and (max-width: 749px){.card-information .promo-text{font-size:1rem}.card-information .price--on-sale{text-align:left;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/507/assets/component-card.css.map?v=154073578909133060921742342719 */