.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:var(--text-alignment)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card--horizontal{--text-alignment: left;--image-padding: 0rem;flex-direction:row;align-items:flex-start;gap:1.5rem}.card--horizontal.ratio:before{padding-bottom:0}.card--card{height:100%;position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.card--card:after,.card--standard .card__inner:after{content:"";position:absolute;z-index:-1;top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card--card.card--horizontal{padding:1.2rem}.card--card.card--horizontal.card--text{column-gap:0}.card--card.gradient,.card__inner.gradient{transform:perspective(0)}.card__inner.color-scheme-1{background:transparent}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card--card .card__inner .card__media{border-bottom-left-radius:0;border-bottom-right-radius:0}.card--standard.card--text{background-color:transparent}.card-information{text-align:var(--text-alignment)}.card__media,.card .media{position:absolute;top:0;bottom:0}.card .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%}.card--media .card__inner .card__content{position:relative;padding:calc(var(--image-padding) + 1rem)}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1rem;width:100%;flex-grow:1}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{grid-row-start:2;padding:1.3rem 1rem}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}.card-information .card__information-volume-pricing-note{margin-top:.6rem;line-height:calc(.5 + .4 / var(--font-body-scale));color:rgba(var(--color-foreground),.75)}.card__information-volume-pricing-note--button,.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label{position:relative;z-index:1;cursor:pointer;padding:0;margin:0;text-align:var(--text-alignment);min-width:auto}.card__information-volume-pricing-note--button:hover{text-decoration:underline}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{top:auto;bottom:4rem;max-width:20rem;width:calc(95% + 2rem);transform:initial}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info span:first-of-type{padding-right:.3rem}.card__information-volume-pricing-note--button-right+.global-settings-popup.quantity-popover__info{right:0;left:auto}.card__information-volume-pricing-note--button-center+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%)}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info .quantity__rules{text-align:left}@media screen and (min-width: 990px){.grid--6-col-desktop .card__content quick-add-bulk .quantity{width:auto}.grid--6-col-desktop .card__content quick-add-bulk .quantity__button{width:calc(3rem / var(--font-body-scale))}.grid--6-col-desktop .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%);width:calc(100% + var(--border-width) + 3.5rem)}.grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:calc(100% + var(--border-width) + 1rem)}}@media screen and (max-width: 749px){.grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button{width:calc(3.5rem / var(--font-body-scale))}.grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info,.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%)}.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:100%}.grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:calc(100% + var(--border-width) + 4rem)}.grid--2-col-tablet-down .card__content quick-add-bulk .quantity{width:auto}}.card-information quantity-popover volume-pricing{margin-top:0}@media screen and (max-width: 989px){.card-information quantity-popover .quantity__rules~volume-pricing{margin-top:0}.card-information quantity-popover volume-pricing{margin-top:4.2rem}}@media screen and (min-width: 750px){.card__information{padding:1.7rem 1rem}}.card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{justify-self:flex-end}.card:not(.card--horizontal)>.card__content>.card__badge{margin:1.3rem}.card__media .media img{width:100%;height:100%;object-fit:cover;object-position:center center}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin:0}.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.2rem)}@media only screen and (min-width: 750px){.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.3rem)}}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))}.card--standard.card--text a:after,.card--card .card__heading a:after{content:"";position:absolute;top:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);z-index:1;outline-offset:.3rem}.card__heading a:focus:after{box-shadow:0 0 0 .2rem rgba(var(--color-shadow),.5)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card.css.map */