.bae-card{--bae-card-text: var(--text, var(--COLOR-TEXT, #401216));--bae-card-text-light: var(--text-light, var(--COLOR-TEXT-LIGHT, #795A5C));--bae-card-brand: var(--bae-brand, #6B1F2A);--bae-card-strike: var(--secondary, var(--COLOR-SECONDARY, #8B6F72));--bae-swatch-line: rgba(64, 18, 22, .16);--bae-swatch-ring: var(--bae-card-text);--bae-swatch-gap: var(--bg, #FFFFFF);--bae-card-qa-ink-rgb: 64 18 22;--bae-card-qa-ink: rgb(var(--bae-card-qa-ink-rgb));--bae-card-qa-on-ink-rgb: 255 255 255;--bae-card-focus: var(--bae-focus-inner, #B5707B);--bae-card-qa-dur: .35s;--bae-card-bar-dur: .3s;--bae-card-ease: var(--bae-ease-out, cubic-bezier(.22, .61, .36, 1));--bae-card-pad-top: 10px;--bae-card-step: 3px;--bae-card-sw-top: 10px;--bae-swatch-size: 11px;--bae-card-sw-gap: 5px;--bae-card-kicker: 9.5px;min-width:0}@media(min-width:768px){.bae-card{--bae-card-pad-top: 14px;--bae-card-step: 4px;--bae-card-sw-top: 12px;--bae-swatch-size: 12px;--bae-card-sw-gap: 6px;--bae-card-kicker: 10px}}.bae-card .product__grid__info{padding-top:var(--bae-card-pad-top);min-width:0}.bae-card .product__grid__info>a{min-width:0;font-size:calc(var(--font-3) * var(--FONT-ADJUST-BODY));line-height:1.4}.bae-card .bae-card__kicker{margin:0 0 var(--bae-card-step);font-family:var(--FONT-STACK-ACCENT);font-style:normal;font-weight:500;font-size:var(--bae-card-kicker);line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--bae-card-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bae-card .product__grid__title{margin:0;font-family:var(--FONT-STACK-BODY);font-style:normal;font-weight:400;font-size:calc(var(--font-4) * var(--FONT-ADJUST-BODY));line-height:1.42;letter-spacing:.005em;text-transform:none;color:var(--bae-card-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.84em;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty}.bae-card .product__grid__price{margin:var(--bae-card-step) 0 0;font-family:var(--FONT-STACK-BODY);font-style:normal;font-weight:400;font-size:calc(var(--font-3) * var(--FONT-ADJUST-BODY));line-height:1.4;letter-spacing:0;color:var(--bae-card-text);font-variant-numeric:tabular-nums lining-nums}.bae-card .product__grid__price .price{color:var(--bae-card-text)}.bae-card .product__grid__price .price.on-sale{color:var(--bae-card-brand);font-weight:500}.bae-card .product__grid__price .compare-at{margin-top:0;color:var(--bae-card-strike);font-weight:300}.bae-card .product__grid__price__sold,.bae-card .product__grid__price__unit{margin:2px 0 0;font-family:var(--FONT-STACK-BODY);font-size:calc(var(--font-2) * var(--FONT-ADJUST-BODY));line-height:1.4;color:var(--bae-card-text-light)}.bae-card .product__grid__price__sold em{font-style:normal}.bae-card .product__grid__price{display:inline-flex;flex-wrap:wrap;align-items:baseline;max-width:100%;vertical-align:baseline}.bae-card .product__grid__price--nowrap:has(.product__grid__cutline:not(:empty)){flex-wrap:nowrap}.bae-card .product__grid__price+.product__grid__price__sold{display:inline-block;margin:0 0 0 .6em;font-size:calc(var(--font-3) * var(--FONT-ADJUST-BODY))}.bae-card .bae-card__swatches{display:flex;flex-wrap:wrap;align-items:center;min-height:0;overflow:visible;margin:calc(var(--bae-card-sw-top) - 3px) 0 0;min-width:0}.bae-card .bae-card__swatches .grid__swatch__placeholder{display:none}.bae-card .bae-card__swatches .grid__swatch__hover{position:static;top:auto;height:auto;display:flex;flex-flow:row wrap;align-items:center;gap:var(--bae-card-sw-gap);max-width:100%;min-width:0;margin:0;padding:3px 0;overflow:visible;opacity:1;visibility:visible;z-index:auto}.bae-card .bae-card__swatches .tabs__arrow{display:none}.bae-card .bae-card__swatches .swatch__button{--swatch-size: var(--bae-swatch-size);position:relative;display:block;flex:0 0 auto;width:var(--bae-swatch-size);height:var(--bae-swatch-size);min-width:0;min-height:0;margin:0}.bae-card .bae-card__swatches .swatch__button[data-bae-over-m],.bae-card .bae-card__swatches .bae-card__more--d{display:none}.bae-swatch,.bae-card .bae-card__swatches .swatch__label{position:relative;display:block;width:var(--bae-swatch-size, 12px);height:var(--bae-swatch-size, 12px);min-width:0;min-height:0;border-radius:1px;background:var(--swatch, var(--bae-swatch-fallback, #C9BBA8));box-shadow:inset 0 0 0 1px var(--bae-swatch-line, rgba(64, 18, 22, .16));overflow:hidden;transition:box-shadow var(--bae-dur-hover, .15s) var(--bae-ease-out, cubic-bezier(.22, .61, .36, 1))}.bae-swatch>div,.bae-swatch img,.bae-swatch svg,.bae-card .bae-card__swatches .swatch__label>div,.bae-card .bae-card__swatches .swatch__label img,.bae-card .bae-card__swatches .swatch__label svg{display:none}.bae-swatch:after,.bae-card .bae-card__swatches .swatch__label:after{content:none}.bae-swatch:focus-visible,input:focus-visible+.bae-swatch,input:checked+.bae-swatch,.bae-swatch[aria-selected=true],.bae-swatch[aria-checked=true],.bae-swatch.is-selected,.bae-card .bae-card__swatches .swatch__label:focus-visible,.bae-card .bae-card__swatches .swatch__label[aria-selected=true]{outline:none;box-shadow:inset 0 0 0 1px var(--bae-swatch-line, rgba(64, 18, 22, .16)),0 0 0 2px var(--bae-swatch-gap, var(--bg, #FFFFFF)),0 0 0 3px var(--bae-swatch-ring, var(--text, #401216))}@media(hover:hover){.bae-swatch:hover,.bae-card .bae-card__swatches .swatch__label:hover{box-shadow:inset 0 0 0 1px var(--bae-swatch-line, rgba(64, 18, 22, .16)),0 0 0 2px var(--bae-swatch-gap, var(--bg, #FFFFFF)),0 0 0 3px var(--bae-swatch-ring, var(--text, #401216))}}.bae-swatch.is-sold-out,input.sold-out+.bae-swatch,input.unavailable+.bae-swatch,input:disabled+.bae-swatch,.bae-card .bae-card__swatches .swatch__button.sold-out .swatch__label{opacity:.45}.bae-swatch.is-sold-out:before,input.sold-out+.bae-swatch:before,input.unavailable+.bae-swatch:before,input:disabled+.bae-swatch:before,.bae-card .bae-card__swatches .swatch__button.sold-out .swatch__label:before{content:"";position:absolute;top:-20.72%;left:50%;z-index:2;width:1px;height:141.42%;margin-left:-.5px;border-radius:0;background:var(--bae-swatch-ring, var(--text, #401216));transform:rotate(45deg)}.bae-card .bae-card__swatches .bae-card__more{align-items:center;width:auto;height:var(--bae-swatch-size);margin:0;padding:0 0 0 1px;font-family:var(--FONT-STACK-BODY);font-style:normal;font-weight:400;font-size:calc(var(--font-2) * var(--FONT-ADJUST-BODY));line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;color:var(--bae-card-text-light)}.bae-card .bae-card__swatches .bae-card__more--m{display:inline-flex}@media(min-width:768px){.bae-card .bae-card__swatches .swatch__button[data-bae-over-m]{display:block}.bae-card .bae-card__swatches .bae-card__more--d{display:inline-flex}.bae-card .bae-card__swatches .bae-card__more--m{display:none}}.bae-card .product-grid-item__container>a[data-grid-link]:focus-visible .product-grid-item__images:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;box-shadow:inset 0 0 0 2px var(--bae-card-text);pointer-events:none}.bae-card .bae-qa{top:0;right:0;bottom:0;left:0;padding:0 6px 6px 0}.bae-card .bae-qa__btn{--rgb-button-contrast: var(--bae-card-qa-ink-rgb);position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;aspect-ratio:auto;border:0;border-radius:0;background:transparent;color:var(--bae-card-qa-ink);font-family:var(--FONT-STACK-ACCENT);font-weight:500}.bae-card .bae-qa__btn:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:0;border-radius:5px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgb(var(--bae-card-qa-ink-rgb) / .12),0 4px 14px rgb(var(--bae-card-qa-ink-rgb) / .08);transition:background-color var(--bae-card-qa-dur) var(--bae-card-ease),transform var(--bae-card-qa-dur) var(--bae-card-ease)}.bae-card .bae-qa__btn>.text-button-contrast{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--bae-card-qa-ink)}.bae-card .bae-qa__btn>.text-button-contrast .icon-theme{font-size:16px}.bae-card .bae-qa__btn .icon-theme-stroke{stroke-width:1.4}.bae-card .bae-qa__btn>.btn-state-loading,.bae-card .bae-qa__btn>.btn-state-complete{z-index:2}.bae-card .bae-qa__btn>.btn-state-complete{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;margin:0;border:0;transform:translate(-50%,-50%);color:rgb(var(--bae-card-qa-on-ink-rgb));white-space:nowrap}.bae-card .bae-qa__btn .bae-card__added-text{display:none}.bae-card .bae-qa__btn .bae-card__check{display:block;width:14px;height:14px}.bae-card .bae-qa__btn .bae-card__check path{stroke-width:.8}.bae-card .bae-qa__btn.loading{--rgb-button-contrast: var(--bae-card-qa-on-ink-rgb);opacity:1;cursor:progress}.bae-card .bae-qa__btn.loading:before,.bae-card .bae-qa__btn.has-success:before{background:var(--bae-card-qa-ink)}.bae-card .bae-qa__btn.has-success:before{transform:scale(1.06)}.bae-card .bae-qa__btn:disabled:not(.loading){opacity:.5;cursor:not-allowed}.bae-card .bae-qa__btn:focus,body.focus-enabled .bae-card .bae-qa__btn:focus{outline:none!important}body.focus-enabled .bae-card .bae-qa__btn:focus:before{box-shadow:inset 0 0 0 2px var(--bae-card-focus),0 4px 14px rgb(var(--bae-card-qa-ink-rgb) / .08)}.bae-card .bae-qa__btn:focus-visible:before{box-shadow:inset 0 0 0 2px var(--bae-card-focus),0 4px 14px rgb(var(--bae-card-qa-ink-rgb) / .08)}@media(min-width:768px){.bae-card .bae-qa,.bae-card:hover .bae-qa,.bae-card:focus-within .bae-qa{padding:0;overflow:clip;opacity:1;transform:none;transition:none}.bae-card .bae-qa>div,.bae-card .bae-qa form{width:100%}.bae-card .bae-qa__btn{width:100%;height:48px;min-height:48px;padding:0 8px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px rgb(var(--bae-card-qa-ink-rgb) / .1);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;transform:translateY(101%);transition:transform .45s var(--bae-card-ease);will-change:transform}.bae-card .bae-qa__btn:before{content:"";top:0;right:0;bottom:0;left:0;border-radius:0;background:var(--bae-card-qa-ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transform:scaleY(0);transform-origin:50% 100%;transition:transform var(--bae-card-bar-dur) var(--bae-card-ease)}.bae-card .bae-qa__btn.loading:before,.bae-card .bae-qa__btn.has-success:before{transform:scaleY(1)}.bae-card:hover .bae-qa__btn,.bae-card:focus-within .bae-qa__btn,.bae-card .bae-qa__btn.has-success,.bae-card .bae-qa__btn.loading{transform:translateY(0)}.bae-card .bae-qa__btn>.text-button-contrast>span{display:block}.bae-card .bae-qa__btn>.text-button-contrast>span[aria-hidden]{display:none;order:-1}.bae-card .bae-qa__btn>.text-button-contrast,.bae-card .bae-qa__btn>.text-button-contrast>span{white-space:normal;text-align:center;line-height:1.25;text-wrap:balance}.bae-card .bae-qa__btn .bae-card__check{width:12px;height:12px}.bae-card .bae-qa__btn .bae-card__check path{stroke-width:1}.bae-card .bae-qa__btn>.btn-state-ready{transition:color var(--bae-card-bar-dur) var(--bae-card-ease),opacity .2s,visibility .2s}.bae-card .bae-qa__btn>.text-button-contrast .icon-theme{font-size:15px}.bae-card .bae-qa__btn .bae-card__added-text{display:inline}body.focus-enabled .bae-card .bae-qa__btn:focus:before,.bae-card .bae-qa__btn:focus-visible:before{box-shadow:none}body.focus-enabled .bae-card .bae-qa__btn:focus:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;box-shadow:inset 0 0 0 2px var(--bae-card-focus);pointer-events:none}.bae-card .bae-qa__btn:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;box-shadow:inset 0 0 0 2px var(--bae-card-focus);pointer-events:none}}@media(min-width:768px){.bae-card .bae-qa{container:bae-qa / inline-size}}@container bae-qa (min-width: 220px){.bae-card .bae-qa__btn{padding:0 16px;letter-spacing:.16em}.bae-card .bae-qa__btn>.text-button-contrast{gap:10px}.bae-card .bae-qa__btn>.text-button-contrast>span[aria-hidden]{display:block}}@media(min-width:768px)and (hover:hover){.bae-card .bae-qa__btn:not(:disabled):hover:before{transform:scaleY(1)}.bae-card .bae-qa__btn:not(:disabled):hover>.text-button-contrast{color:rgb(var(--bae-card-qa-on-ink-rgb))}}@media(min-width:768px)and (hover:hover)and (prefers-reduced-motion:no-preference){.bae-card .bae-qa__btn:not(:disabled):hover>.btn-state-ready{transition:color .12s var(--bae-card-ease) .06s,opacity .2s,visibility .2s}}@media(min-width:768px)and (hover:none){.bae-card .bae-qa__btn{transform:none}}@media(prefers-reduced-motion:reduce){.bae-card .bae-qa__btn,.bae-card .bae-qa__btn:before,.bae-card .bae-qa__btn>.btn-state-ready{transition:none}}@media(prefers-reduced-motion:reduce){.bae-swatch,.bae-card .bae-card__swatches .swatch__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/baesics-card.css.map */