.card.card--default{--loba-card-spacer-y:1.5rem;--loba-card-spacer-x:1.5rem;--loba-card-border-color:transparent;--loba-card-border-width:0;--loba-card-border-radius:0;--loba-card-cap-padding-y:1.5rem;--loba-card-cap-padding-x:1.5rem;--loba-card-cap-bg:transparent;--loba-card-height:100%;--loba-card-img-overlay-padding:1rem;--loba-card-group-margin:.75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow:hidden}.card.card--default .card-header{border:0}.card.card--default .card-header .ratio:after,.card.card--default .card-header img{clip-path:polygon(0 22%,31% 0,100% 0,100% 100%,0 100%)}.card.card--default .card-header:before{background-color:var(--loba-primary);clip-path:polygon(100% 28.01%,51.65% 100%,0 100%,0 48.34%,71.98% 0,100% 0);content:"";width:calc(100% + 2px);height:calc(100% + 2px);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;position:absolute;top:-1px;left:-1px}.card.card--default .card-header .ratio:after{content:"";opacity:.4;background:linear-gradient(240deg,#50087800 7.33%,#500878 91.71%),linear-gradient(240deg,#ef334066 5.39%,#50087866 92.95%);width:100%;height:100%;position:absolute;top:0;left:0}.card.card--default .card__date-highlight{width:8.5625rem;height:8.5625rem}.card.card--default .card__date-highlight .card__date-year{color:#dccee4}.card.card--default .card-footer{border:0;padding-top:0}.card.card--default .card__badge{background-color:var(--loba-gray-300);color:var(--loba-gray-700)}.card.card--default .card__badge:before{background-color:var(--loba-gray-500);content:"";border-radius:50%;width:.375rem;min-width:.375rem;height:.375rem;margin-right:1ch}.card.card--default .card__badge--sale{background-color:var(--loba-primary);color:var(--loba-white)}.card.card--default .card__badge--sale:before{display:none}.card.card--default:focus-within,.card.card--default:hover{background-color:var(--loba-primary)}.card.card--default:focus-within .card-header:before,.card.card--default:hover .card-header:before{background-color:var(--loba-secondary)}.card.card--default:focus-within .btn--fake,.card.card--default:hover .btn--fake{background-color:var(--loba-btn-hover-bg);border-color:var(--loba-btn-hover-border-color);color:var(--loba-btn-hover-color)}