.ub-card{--ub-card-content-inset-inline: 0px;display:block;min-width:0;color:var(--ub-ink, var(--color-foreground))}.ub-card__media-shell{position:relative;isolation:isolate;min-width:0;aspect-ratio:1 / 1.13;background:var(--ub-card-media-background, #302f2c)}.ub-card[data-model-colour] .ub-card__media-shell{aspect-ratio:4 / 5}.ub-card__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:transparent;aspect-ratio:auto}.ub-card__image,.ub-card__alternate{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .32s var(--ub-motion-ease),transform var(--ub-motion-reveal) var(--ub-motion-ease)}.ub-card__image.ub-product-cutout,.ub-card__alternate.ub-product-cutout{mix-blend-mode:normal}.ub-card__model{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;opacity:0;visibility:hidden;transition:opacity .32s var(--ub-motion-ease)}.ub-card[data-model-active=true]:not([data-card-model-failed=true]) .ub-card__model{opacity:1;visibility:visible}.ub-card[data-card-model-setup=true]:not([data-card-model-ready=true]) .ub-card__model{opacity:0;visibility:hidden}.ub-card__alternate{z-index:2}.ub-card[data-model-active=true]:not([data-card-model-setup]):not([data-card-model-failed=true]) .ub-card__model{opacity:1;visibility:visible}.ub-card__alternate{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:none}.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:focus-visible .ub-card__image{opacity:0}.ub-card__media:focus-visible,.ub-card__meta h3 a:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--ub-ink, var(--color-foreground));outline-offset:var(--focus-outline-offset, .2em)}.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:focus-visible .ub-card__alternate{opacity:1}.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:focus-visible .ub-card__model{visibility:hidden}@media(hover:hover)and (pointer:fine){.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:hover .ub-card__image{opacity:0}.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:hover .ub-card__alternate{opacity:1}.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:hover .ub-card__model{visibility:hidden}}.ub-card__view{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;background:var(--ub-ink, #171715);color:var(--ub-bone, #f1eee7);font:600 .7rem/1.3 var(--font-body--family, sans-serif);letter-spacing:.04em;transform:translateY(101%);transition:transform var(--ub-motion-response) var(--ub-motion-ease);pointer-events:none}.ub-card__media:focus-visible .ub-card__view{transform:translateY(0)}@media(hover:hover)and (pointer:fine){.ub-card__media:hover .ub-card__view{transform:translateY(0)}}.ub-card__quick-add{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ub-card .quick-add{--quick-add-inset-inline-end: .65rem;--quick-add-inset-block-end: .65rem;--quick-add-display: flex;--quick-add-mobile-display: flex;--quick-add-mobile-opacity: 1;top:0;right:0;bottom:0;left:0;pointer-events:none}.ub-card .quick-add__button{position:absolute;inset-inline-end:var(--quick-add-inset-inline-end);inset-block-end:var(--quick-add-inset-block-end);display:inline-flex;width:auto;min-width:0;max-width:calc(100% - 1.3rem);min-height:2.75rem;height:auto;align-items:center;justify-content:center;gap:.45rem;padding-inline:.9rem;border:1px solid var(--ub-ink, #171715);border-radius:0;background:var(--ub-ink, #171715);color:var(--ub-bone, #f1eee7);font:700 .68rem/1.2 var(--font-body--family, sans-serif);letter-spacing:.045em;text-transform:uppercase;opacity:1;overflow:visible;pointer-events:auto;white-space:normal;-webkit-backdrop-filter:none;backdrop-filter:none}.ub-card .quick-add__button:hover{background:var(--ub-bone, #f1eee7);border-color:var(--ub-ink, #171715);color:var(--ub-ink, #171715)}.ub-card .quick-add__button:focus-visible{background:var(--ub-ink, #171715);border-color:var(--ub-ink, #171715);color:var(--ub-bone, #f1eee7);outline:var(--focus-outline-width, 2px) solid var(--ub-ink, #171715);outline-offset:var(--focus-outline-offset, .2em)}.ub-card .quick-add__button:active{scale:1;transform:translateY(1px)}.ub-card .quick-add__button .svg-wrapper{width:1rem;flex:0 0 1rem}.ub-card__unavailable{position:absolute;inset-inline-start:.65rem;inset-block-end:.65rem;padding:.75rem .9rem;background:var(--ub-bone, #f1eee7);color:var(--ub-ink, #171715);font:700 .68rem/1.2 var(--font-body--family, sans-serif);letter-spacing:.045em;text-transform:uppercase}.ub-card__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.55rem .75rem;padding-inline:var(--ub-card-content-inset-inline);padding-block-start:.9rem}.ub-card__meta .ub-eyebrow{min-width:0;overflow-wrap:anywhere}.ub-card__meta h3{grid-column:1 / -1;min-width:0;margin:0;font:600 .9rem/1.35 var(--font-body--family, sans-serif);letter-spacing:-.015em;text-wrap:balance}.ub-card__meta h3 a{color:inherit;text-decoration:none}.ub-card__meta h3 a:hover{text-decoration:none}.ub-card__price{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:.15rem .4rem;color:var(--ub-ink, var(--color-foreground));font-size:.78rem;line-height:1.4;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ub-card__price>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.15rem .4rem}.ub-card__price .compare-at-price{color:var(--ub-muted, var(--color-foreground));font-size:.9em}.ub-card__colours{display:grid;min-width:0;gap:.2rem;margin-block-start:.25rem;padding-inline:var(--ub-card-content-inset-inline)}.ub-card__colour-label{flex:0 0 100%;min-inline-size:0;margin-block-end:.2rem;font-size:.7rem;line-height:1.4;overflow-wrap:anywhere}.ub-card .ub-swatch{box-sizing:border-box;min-inline-size:2.75rem;min-block-size:2.75rem;flex:0 0 2.75rem;border-color:transparent}.ub-card__colour-options{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:center;gap:var(--gap-sm, .7rem);padding-block:var(--padding-xs, .5rem)}.ub-card__more-colours{display:inline-flex;min-inline-size:2.75rem;min-block-size:2.75rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.3rem;padding-inline:.5rem;border-inline-start:1px solid var(--ub-line, var(--color-border));color:var(--ub-ink, var(--color-foreground));font-size:.62rem;font-weight:700;line-height:1.2;text-decoration-color:currentColor;text-underline-offset:.18em;white-space:nowrap}.ub-card__more-colours:hover{color:var(--ub-ink, var(--color-foreground))}.ub-card__more-colours:focus-visible{outline:2px solid var(--ub-ink, var(--color-foreground));outline-offset:2px}.ub-card__more-colours-label{text-decoration:underline}.ub-card .ub-swatch:hover,.ub-card .ub-swatch[aria-current=true]{border-color:var(--ub-ink, var(--color-foreground))}.ub-card .ub-swatch[aria-current=true]{outline:1px solid var(--ub-ink, var(--color-foreground));outline-offset:1px}.ub-card .ub-swatch[data-variant-available=false]{position:relative;opacity:.6}.ub-card .ub-swatch[data-variant-available=false]:after{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:1.35rem;border-block-start:1px solid var(--ub-ink, var(--color-foreground));content:"";pointer-events:none;transform:translate(-50%,-50%) rotate(-45deg)}.ub-card .ub-swatch:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--ub-ink, var(--color-foreground));outline-offset:var(--focus-outline-offset, .2em)}.ub-card[data-preview-colour] .ub-card__alternate{visibility:hidden}.ub-card[data-preview-colour] .ub-card__image{opacity:1;transform:none;transition:none}@media(max-width:749px){.ub-card__meta{gap:.4rem .5rem;padding-block-start:.7rem}.ub-card__meta h3{font-size:.78rem;line-height:1.35}.ub-card__colour-label{font-size:.68rem}.ub-card .quick-add__button{inset-inline-end:.45rem;inset-block-end:.45rem;max-width:calc(100% - .9rem);min-height:2.75rem;padding-inline:.65rem;font-size:.61rem}.ub-card__price{font-size:.7rem}.ub-card__more-colours{font-size:.6rem}}@media(max-width:989px){.ub-card .quick-add__button{inset-inline-end:calc(var(--ub-gutter, 24px) / 2)}}@media(max-width:749px){.ub-card{--ub-card-content-inset-inline: var(--ub-card-content-inset-mobile, 16px)}.ub-section .ub-card{--ub-card-content-inset-inline: 0px}.collection-wrapper--full-width-on-mobile .ub-card{--ub-card-content-inset-inline: var(--ub-gutter, 24px)}}@media(prefers-reduced-motion:reduce){.ub-card__image,.ub-card__alternate,.ub-card__model,.ub-card__view{transition:none}.ub-card__image,.ub-card__alternate,.ub-card__model{transform:none}.ub-card[data-card-alternate-ready]:not([data-preview-colour]) .ub-card__media:is(:hover,:focus-visible) .ub-card__alternate,.ub-card__media:where(:hover,:focus-visible) .ub-card__view{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/unbribed-cards.css.map */