.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:var(--text-alignment);display:flex;flex-direction:column;justify-content:center;height:100%;transition:all .3s}.card .card__media:before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(var(--color-on-background),0),rgba(var(--color-background),.3),rgba(var(--color-on-background),0));filter:blur(20px);transform:skew(-25deg)}.card:hover .card__media:before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{to{left:125%}}@keyframes shine{to{left:125%}}.card--collection:not(.ratio){flex-direction:initial}.card .card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-on-background),var(--border-opacity))}.card .card__inner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius)}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card.card--text{background-color:transparent}.card-information{text-align:var(--text-alignment)}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding));background:rgb(var(--color-background))}.card .card__media{margin:var(--image-padding)}.card__inner{width:100%;position:relative}.card--media .card__inner .card__content{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 mark{background:rgb(var(--color-highlight));color:rgb(var(--color-on-highlight));padding:0 8px}.card__content--into{position:absolute;bottom:0;left:0;right:0;top:0;z-index:1;display:flex}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__button{position:absolute;z-index:2;bottom:1rem;left:1rem}.card__button .button,.card--mini .button{min-width:auto;padding:0;width:3.8rem;height:3.8rem;min-height:auto}.card__button .button[disabled]{opacity:.4}.card__button .quick-add{margin:0}.card:hover .card__button,.card .card__button{opacity:1;transform:translateY(0)}@media screen and (min-width: 750px){.card .card__button{opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translateY(5px)}}.card__information{grid-row-start:2;padding:1.3rem 1rem 4rem}.card__information.ratio{align-items:center;justify-content:center;padding:0}.card>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}@media screen and (min-width: 990px){.card__information{padding:1.7rem 0 4rem}}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.card__inner:not(.ratio)>.card__content{height:100%;border-radius:var(--border-radius)}.card__heading{margin-top:0;margin-bottom:0}.card__heading:last-child{margin-bottom:0}.card.card--text a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a:after{outline-offset:.3rem}.card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-on-background),.3);outline:.2rem solid rgba(var(--color-on-background),.5)}.card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-on-background),.3);outline:.2rem solid rgba(var(--color-on-background),.5)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card__heading a:focus{box-shadow:none;outline:0}@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-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}.underline-links-hover:hover a{text-underline-offset:.3rem}}.card.card--media .card__inner .card__information,.card.card--text>.card__content .card__heading,.card.card--text.article-card>.card__content .card__information,.card>.card__content .card__caption{display:none}.card>.card__content{padding:0}.card--extend-height{height:100%}.card--extend-height.card.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card__variant{position:relative;z-index:1;margin-top:.5rem}.card__variant-input{padding:0;margin:0;border:none}.card__variant-label{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.card-information{width:100%}.card-information>*{line-height:calc(1 + .4 / var(--font-body-scale));color:rgb(var(--color-on-background))}.card-information>.price{color:rgb(var(--color-on-background))}.card-information>.rating{margin-top:.4rem}.card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}.card__full-unstyled-button{position:absolute;top:0;left:0;width:100%;height:100%}.card__full-unstyled-button button{width:100%;height:100%;cursor:pointer;background:transparent;border:0}.card--horizontal{display:grid;grid-template-columns:135px 1fr}.card--horizontal .card__inner{height:135px}.card--mini{background:rgb(var(--color-background));box-shadow:var(--shadow-subtle)}.card--mini .card__inner{flex-basis:40%}.card--mini .quick-add,.card--mini modal-opener,.card--mini modal-opener .button{position:unset}.card--mini modal-opener .button.loading>.loading-overlay__spinner{top:auto;left:auto;transform:none;height:auto}.card--mini .card__content{grid-template-columns:1fr;padding:1rem}.card--mini .card__heading{grid-area:1 / 1 / 1 / 3;font-weight:700}.card--mini .card-information{grid-area:2 / 1;align-self:end}.card--mini .quick-add{grid-area:2 / 2;margin:0;align-self:end}.card--mini .price-item{display:block}.card--mini.card--horizontal .card__button{left:auto;right:1rem}.card .badges{position:absolute;left:0;top:0;transform:translateY(-1.5rem)}.card--promo:not(.ratio){flex-direction:initial}.card--promo .card__before,.card--promo .card__after{margin:0;color:rgb(var(--color-on-background))}.card--promo .card__heading,.card--promo .card__discount{font-weight:700}.card--promo .card__heading{margin-bottom:20px}.card--promo .button{margin-top:20px}.card--promo .card__discount{line-height:1}@media screen and (max-width: 749px){.card--mini .card-information .card-information__price .price-item i,.card--mini .card-information .card-information__price s.price-item--regular{display:none}.card--mini .card__content{display:flex;flex-direction:column;width:auto;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card.css.map */