.kludi-card{position:relative;display:flex;flex-direction:column;padding-bottom:18px;background-color:rgb(var(--background))}.kludi-card__link{display:block;color:rgb(var(--kludi-ink));text-decoration:none}.kludi-card__media{position:relative;display:block;overflow:hidden;background-color:rgb(var(--kludi-stage))}.kludi-card__badge{position:absolute;inset-block-start:14px;inset-inline-start:14px;z-index:1;padding:5px 11px;background-color:rgb(var(--kludi-ink));color:rgb(var(--background));font-size:10px;font-weight:300;line-height:normal;letter-spacing:.16em;text-transform:uppercase}.kludi-card__image{display:block;width:100%;height:200px;padding:16px;object-fit:contain;mix-blend-mode:multiply}@media screen and (min-width:750px){.kludi-card__image{aspect-ratio:315 / 360;height:auto;padding:26px}.kludi-card--rail .kludi-card__image{aspect-ratio:263.5 / 330}.kludi-card--finder .kludi-card__image{aspect-ratio:318 / 300}}.kludi-card__series{--kludi-series-font-size: 11px;display:block;overflow:hidden;min-height:16px;margin-block:18px 0;margin-inline:18px;font-size:var(--kludi-series-font-size);font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:normal;color:rgb(var(--kludi-ink),.75);white-space:nowrap;text-overflow:ellipsis}.kludi-card__title{display:-webkit-box;min-height:45px;margin-block:8px 0;margin-inline:18px;overflow:hidden;font-size:16px;font-weight:500;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kludi-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block:12px 0;margin-inline:18px}.kludi-card__meta .kludi-card__price{margin-block:0}.kludi-card__price{margin-block:8px 0;min-width:0;overflow:hidden;font-size:16px;font-weight:400;line-height:normal;color:rgb(var(--kludi-ink));white-space:nowrap;text-overflow:ellipsis}.kludi-card__stock{display:flex;flex-shrink:0;align-items:center;gap:6px;margin-block:0;font-size:12px;font-weight:500;letter-spacing:.1em;line-height:normal;text-transform:uppercase;color:rgb(var(--kludi-stock));white-space:nowrap}.kludi-card__stock:before{content:"";width:7px;height:7px;border-radius:50%;background-color:currentcolor}.kludi-card__stock--out{color:rgb(var(--kludi-ink),.45)}.kludi-card__cta{display:flex;align-items:center;justify-content:center;width:calc(100% - 36px);min-height:48px;margin-block:16px 0;margin-inline:18px;border:1px solid rgb(var(--kludi-ink));color:rgb(var(--kludi-ink));font-family:inherit;font-size:12px;font-weight:400;line-height:normal;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background-color:transparent;cursor:pointer;transition:background-color .25s var(--kludi-ease),color .25s var(--kludi-ease)}.kludi-card__cta-label--short,.kludi-card__cta-label--sold,.kludi-card__cta[disabled] .kludi-card__cta-label--long,.kludi-card__cta[disabled] .kludi-card__cta-label--short{display:none}.kludi-card__cta[disabled] .kludi-card__cta-label--sold{display:inline}.kludi-card__cta:hover{background-color:rgb(var(--kludi-ink));color:rgb(var(--background))}.kludi-card__form{margin:0}.kludi-card__cta[disabled]{border-color:rgb(var(--kludi-control-border));color:rgb(var(--kludi-ink),.45);background-color:transparent;cursor:not-allowed}.kludi-card__cta[aria-busy=true]{opacity:.6}.kludi-card__error{position:absolute;inset-block-end:0;inset-inline:18px;margin-block:0;font-size:12px;color:rgb(var(--kludi-ink))}@media screen and (max-width:749px){.kludi-card{padding-bottom:0}.kludi-card__series,.kludi-card__title,.kludi-card__finishes,.kludi-card__meta{margin-inline:14px}.kludi-card__meta{flex-wrap:wrap;row-gap:4px}.kludi-card__meta .kludi-card__stock{flex-basis:100%}.kludi-card__cta{margin-inline:0}.kludi-card__error{inset-inline:14px}.kludi-card__cta-label--long{display:none}.kludi-card__cta-label--short{display:inline}.kludi-card__cta{width:100%;min-height:44px;margin-block:12px 0;font-size:11px;letter-spacing:.14em;background-color:rgb(var(--kludi-ink));color:rgb(var(--background))}.kludi-card__meta{margin-block:10px 0}.kludi-card__price{font-size:14px}.kludi-card__series{margin-block:12px 0;font-size:10px;letter-spacing:.16em}.kludi-card__title{min-height:57px;margin-block:6px 0;font-size:14px;line-height:1.35;-webkit-line-clamp:3}.kludi-card__stock{gap:5px;font-size:10px}.kludi-card__stock:before{width:6px;height:6px}.kludi-card__badge{font-size:9px;letter-spacing:.14em}}@media(prefers-reduced-motion:no-preference){.kludi-card{transition:transform .35s var(--kludi-ease),box-shadow .35s ease}.kludi-card:hover{transform:translateY(-4px);box-shadow:var(--kludi-hover-shadow)}}.kludi-card__finishes{--kludi-finish-item-px: 38;--kludi-finish-gap-px: 8;display:flex;flex-wrap:nowrap;align-items:center;gap:calc(var(--kludi-finish-gap-px) * 1px);margin-block:12px 0;margin-inline:18px;padding:0;border:0;min-width:0;min-height:46px;overflow:hidden}@media screen and (max-width:749px){.kludi-card__finishes{margin-inline:14px;margin-block:10px 0;min-height:38px}}.kludi-card__visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kludi-card__finish{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer}.kludi-card__finish[hidden]{display:none}.kludi-card__finish-input{position:absolute;width:1px;height:1px;opacity:0}.kludi-card__finish-swatch{position:relative;display:block;overflow:hidden;width:38px;height:38px}.kludi-card__finish-colour{display:block;position:relative;width:100%;height:100%;background-color:var(--kludi-swatch-colour, rgb(var(--kludi-stage)));background-image:var(--kludi-swatch-image, none);background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:inset 0 0 0 1px rgb(var(--kludi-control-border))}.kludi-card__finish-colour--unset{background-color:rgb(var(--background))}.kludi-card__finish-dot{display:none;background-color:var(--kludi-swatch-colour, rgb(var(--kludi-stage)));background-image:var(--kludi-swatch-material, none);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.kludi-card__finish-input:checked+.kludi-card__finish-swatch .kludi-card__finish-colour{box-shadow:inset 0 0 0 1px rgb(var(--background)),inset 0 0 0 3px rgb(var(--kludi-ink))}.kludi-card__finish-input:checked+.kludi-card__finish-swatch .kludi-card__finish-dot{box-shadow:inset 0 0 0 2px rgb(var(--kludi-ink))}.kludi-card__finish-input:focus-visible+.kludi-card__finish-swatch .kludi-card__finish-colour,.kludi-card__finish-input:focus-visible+.kludi-card__finish-swatch .kludi-card__finish-dot{box-shadow:inset 0 0 0 2px rgb(var(--kludi-ink))}.kludi-card__finish-swatch--out .kludi-card__finish-colour{opacity:.45}.kludi-card__finish-swatch--out .kludi-card__finish-colour:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--kludi-sold-out-slash);background-repeat:no-repeat;pointer-events:none}.kludi-card__finish-more{position:relative;display:block;flex-shrink:0;overflow:hidden;width:38px;height:38px}.kludi-card__finish-more[hidden]{display:none}.kludi-card__finish-more-dot,.kludi-card__finish-more-thumb{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}.kludi-card__finish-more-thumb{width:100%;height:100%}.kludi-card__finish-more-dot{display:none}.kludi-card__finish-more-thumb{color:rgb(var(--kludi-ink),.55);background-color:rgb(var(--kludi-control-border))}@media screen and (min-width:750px)and (hover:hover)and (prefers-reduced-motion:no-preference){.kludi-card__finishes{--kludi-finish-item-px: 46;gap:7px}.kludi-card:hover .kludi-card__finishes,.kludi-card:focus-within .kludi-card__finishes{gap:8px}.kludi-card__finish-swatch{width:14px;height:46px}.kludi-card__finish-dot{display:block;position:absolute;inset-block-start:50%;inset-inline-start:0;width:14px;height:14px;margin-block-start:-7px;border-radius:50%;opacity:1;transform:translateY(0);box-shadow:inset 0 0 0 1px rgb(var(--kludi-ink),.7);visibility:visible;transition:opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility .3s}.kludi-card__finish-swatch--out .kludi-card__finish-dot{box-shadow:inset 0 0 0 1px rgb(var(--kludi-ink),.5)}.kludi-card__finish-colour{position:absolute;inset-block-start:0;inset-inline-start:0;width:46px;height:46px;box-shadow:none;opacity:0;visibility:hidden;transform:translateY(46px);transition:opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility .3s}.kludi-card__finish-input:checked:not(:focus-visible)+.kludi-card__finish-swatch .kludi-card__finish-colour{box-shadow:none}.kludi-card__finish-input:focus-visible+.kludi-card__finish-swatch .kludi-card__finish-colour{box-shadow:none}.kludi-card__finish-swatch--out .kludi-card__finish-colour{opacity:0}.kludi-card:hover .kludi-card__finish-swatch,.kludi-card:focus-within .kludi-card__finish-swatch{width:46px}.kludi-card:hover .kludi-card__finish-dot,.kludi-card:focus-within .kludi-card__finish-dot{opacity:0;visibility:hidden;transform:translateY(-46px)}.kludi-card:hover .kludi-card__finish-colour,.kludi-card:focus-within .kludi-card__finish-colour{opacity:1;visibility:visible;transform:translateY(0);box-shadow:inset 0 0 0 1px rgb(var(--kludi-control-border))}.kludi-card:hover .kludi-card__finish-input:checked+.kludi-card__finish-swatch .kludi-card__finish-colour,.kludi-card:focus-within .kludi-card__finish-input:checked+.kludi-card__finish-swatch .kludi-card__finish-colour{box-shadow:inset 0 0 0 1px rgb(var(--background)),inset 0 0 0 3px rgb(var(--kludi-ink))}.kludi-card:focus-within .kludi-card__finish-input:focus-visible+.kludi-card__finish-swatch .kludi-card__finish-colour{box-shadow:inset 0 0 0 2px rgb(var(--kludi-ink))}.kludi-card:hover .kludi-card__finish-swatch--out .kludi-card__finish-colour,.kludi-card:focus-within .kludi-card__finish-swatch--out .kludi-card__finish-colour{opacity:.45}.kludi-card__finish-more{display:flex;align-items:center;justify-content:center;width:fit-content;height:46px}.kludi-card__finish-more-dot{display:block;opacity:1;transform:translateY(0);color:rgb(var(--kludi-ink),.65);visibility:visible;transition:opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility .3s}.kludi-card__finish-more-thumb{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0;color:transparent;background-color:transparent;visibility:hidden;transform:translateY(46px);transition:opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility .3s}.kludi-card:hover .kludi-card__finish-more,.kludi-card:focus-within .kludi-card__finish-more{width:46px}.kludi-card:hover .kludi-card__finish-more-dot,.kludi-card:focus-within .kludi-card__finish-more-dot{opacity:0;visibility:hidden;transform:translateY(-46px)}.kludi-card:hover .kludi-card__finish-more-thumb,.kludi-card:focus-within .kludi-card__finish-more-thumb{opacity:1;color:rgb(var(--kludi-ink),.55);background-color:rgb(var(--kludi-control-border));visibility:visible;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kludi-card-product.css.map */