:where(.ondo-card){--ondo-card-accent: var(--brand-accent, #5E4133);--ondo-card-fg: var(--white, #FFFFFF);--ondo-card-bg: transparent;--ondo-card-media-bg: var(--white, #FFFFFF);--ondo-card-lavender: #B7B8DB;--ondo-card-lavender-50: rgba(183, 184, 219, .5);--ondo-card-glass: rgba(255, 255, 255, .5);--ondo-card-track: rgba(94, 65, 51, .2);--ondo-card-line: var(--brand-accent, #5E4133);--ondo-card-hair: .075rem;--ondo-card-edges: inset 0 0 0 var(--ondo-card-hair) var(--ondo-card-line);--ondo-card-ratio: 48 / 59;--ondo-card-img-scale: 1;--ondo-card-bar-h: 6.3rem;--ondo-card-motion: var(--duration-default, .735s) var(--cubic-default, cubic-bezier(.65, .05, 0, 1))}.ondo-card{--linkColor: currentColor;--linkHover: currentColor;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:2.4rem;width:100%;height:100%;margin:0;padding:0 0 2.4rem;box-sizing:border-box;background:var(--ondo-card-bg);color:var(--ondo-card-fg);font-family:var(--fontFamily);font-style:normal;font-weight:400;letter-spacing:0;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.ondo-card--bordered:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;box-shadow:var(--ondo-card-edges);pointer-events:none}:where(.ondo-card) button{-webkit-appearance:none;appearance:none;width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-decoration:none;text-transform:none;white-space:nowrap;vertical-align:middle;cursor:pointer}:where(.ondo-card) a{text-decoration:none}.ondo-card.ondo-card :is(a,button):focus-visible{outline:.1rem solid currentColor;outline-offset:.2rem;box-shadow:none}.ondo-card.ondo-card .ondo-card__bar-btn:focus-visible{outline-offset:-.4rem}.ondo-card__media{position:relative;flex:none;width:100%;aspect-ratio:var(--ondo-card-ratio);overflow:hidden;overflow:clip;background:var(--ondo-card-media-bg)}.ondo-card__track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ondo-card__track::-webkit-scrollbar{display:none}.ondo-card--single .ondo-card__track{overflow:hidden}.ondo-card__slide{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;overflow:hidden;overflow:clip;color:inherit;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ondo-card__visual,.ondo-card__visual picture{display:block;width:100%;height:100%}.ondo-card__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(var(--ondo-card-img-scale, 1));pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ondo-card__img[data-src]{visibility:hidden}.ondo-card__placeholder{background:var(--ondo-card-media-bg);fill:var(--ondo-card-track)}.ondo-card__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--ondo-card-glass);color:var(--ondo-card-accent);transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .3s ease,background-color .3s ease}.ondo-card__arrow[disabled]{visibility:hidden}.ondo-card__arrow-icon{display:block;flex:none;width:1rem;height:2rem}.ondo-card__progress{position:absolute;left:0;right:0;bottom:0;z-index:1;height:.2rem;overflow:hidden;overflow:clip;border-radius:20rem;background:var(--ondo-card-track);pointer-events:none;transition:transform var(--ondo-card-motion)}.ondo-card__progress-thumb{display:block;width:calc(100% / var(--count, 1));height:100%;border-radius:inherit;background:var(--ondo-card-accent);transform:translate(calc(var(--ondo-card-pos, 0) * 100%))}.ondo-card__badge{--linkColor: var(--ondo-card-accent);--linkHover: var(--ondo-card-accent);position:absolute;top:2.2rem;right:2.2rem;z-index:2;display:flex;align-items:center;justify-content:center;height:4.4rem;padding:0 2rem;background:var(--ondo-card-lavender);color:var(--ondo-card-accent);font-family:var(--fontFamily);font-size:1.54rem;font-weight:700;line-height:2.464rem;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap}.ondo-card__badge-text--m{display:none}.ondo-card__bar{position:absolute;left:0;right:0;bottom:0;z-index:3;height:var(--ondo-card-bar-h);transform:translateY(100%);transition:transform var(--ondo-card-motion)}.ondo-card__bar-btn{--linkColor: var(--white, #FFFFFF);--linkHover: var(--ondo-card-accent);display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 2rem;background:var(--ondo-card-accent);color:var(--white, #FFFFFF);font-family:var(--fontFamily);font-size:1.54rem;font-weight:700;line-height:2.464rem;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.ondo-card__bar-btn:hover{background:var(--white, #FFFFFF);color:var(--ondo-card-accent)}.ondo-card__bar-label{display:block;transition:opacity .3s ease}.ondo-card__fab{--linkColor: var(--ondo-card-accent);--linkHover: var(--ondo-card-accent);position:absolute;right:.95rem;bottom:.985rem;z-index:3;display:none;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--ondo-card-lavender-50);color:var(--ondo-card-accent)}.ondo-card__fab:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem}.ondo-card__fab-icon{display:block;flex:none;width:3.6rem;height:3.6rem;transition:opacity .3s ease}.ondo-card.is-busy [data-ondo-card-action]{cursor:progress}.ondo-card.is-busy .ondo-card__bar-label,.ondo-card.is-busy .ondo-card__fab-icon{opacity:.5}.ondo-card__error{position:absolute;top:0;left:0;right:0;z-index:3;margin:0;color:var(--ondo-card-accent);font-family:var(--fontFamily);font-size:1.4rem;font-weight:400;line-height:2.24rem;text-align:center;white-space:normal;pointer-events:none}.ondo-card__error:not(:empty){padding:1rem 2rem;background:var(--ondo-card-lavender)}.ondo-card__meta{display:flex;flex-direction:column;gap:1.2rem;flex:1 1 auto;min-width:0;padding:0 2.4rem}.ondo-card__title{margin:0 0 -.1rem;padding:0;color:inherit;font-family:var(--hFontFamily);font-style:normal;font-weight:400;line-height:2rem;letter-spacing:0;text-transform:uppercase}.ondo-card__link{color:inherit;text-decoration:none}.ondo-card__price{margin:0;color:inherit;font-family:var(--fontFamily);font-size:1.4rem;font-weight:400;line-height:2.24rem;white-space:normal}.ondo-card__compare{opacity:.6;text-decoration:line-through}@media only screen and (min-width:768px)and (hover:hover)and (pointer:fine){.ondo-card:is(:hover,:has(:focus-visible)) .ondo-card__bar{transform:none}.ondo-card:is(:hover,:has(:focus-visible)) .ondo-card__arrow{opacity:1;pointer-events:auto}.ondo-card--bar:is(:hover,:has(:focus-visible)) .ondo-card__progress{transform:translateY(calc(-1 * var(--ondo-card-bar-h)))}.ondo-card__arrow:hover{background:#fffc}}@supports not selector(:has(*)){@media only screen and (min-width:768px)and (hover:hover)and (pointer:fine){.ondo-card:focus-within .ondo-card__bar{transform:none}.ondo-card:focus-within .ondo-card__arrow{opacity:1;pointer-events:auto}.ondo-card--bar:focus-within .ondo-card__progress{transform:translateY(calc(-1 * var(--ondo-card-bar-h)))}}}@media only screen and (min-width:768px){.ondo-card--featured .ondo-card__media{flex:1 1 0;min-height:59rem;aspect-ratio:auto}.ondo-card--featured .ondo-card__meta{flex:none;padding-right:4rem}.ondo-card__bar-label{position:relative;top:.1rem}.ondo-card__badge-text--d{position:relative;top:.2rem}}@media only screen and (min-width:768px)and (hover:none){.ondo-card__bar,.ondo-card__arrow{display:none}.ondo-card__fab{display:flex}}@media only screen and (max-width:767px){.ondo-card{gap:.8rem;padding-bottom:1.2rem}.ondo-card__meta{gap:.4rem;padding:0 1.2rem}.ondo-card__price{font-size:1.2rem;line-height:1.6rem}.ondo-card__bar,.ondo-card__arrow{display:none}.ondo-card__fab{display:flex}.ondo-card__badge{top:1rem;right:.95rem;min-width:10rem;height:2rem;padding:0 1rem;font-size:1.2rem;line-height:1.6rem}.ondo-card__badge-text--d{display:none}.ondo-card__badge-text--m{display:inline}.ondo-card__error{font-size:1.2rem;line-height:1.6rem}.ondo-card__error:not(:empty){padding:.6rem 1rem}.ondo-card svg path[vector-effect]{vector-effect:none}.ondo-card--featured .ondo-card__fab{right:1rem;bottom:1rem;background:var(--ondo-card-lavender)}}@media(prefers-reduced-motion:reduce){.ondo-card__bar,.ondo-card__bar-btn,.ondo-card__bar-label,.ondo-card__arrow,.ondo-card__progress,.ondo-card__fab-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ondo-card-product.css.map */