.byob-card{display:flex;flex-direction:column;width:100%;overflow:hidden}.byob-card__image-container{--byob-corner-size: clamp(30px, 2.1vw, 2.1vw);--byob-corner-inset-x: clamp(10px, .69vw, .69vw);--byob-corner-inset-y: clamp(10px, .69vw, .69vw);position:relative;background:var(--dss-ozone);width:100%;min-height:200px;overflow:hidden;border-radius:clamp(10px,.7vw,.7vw);display:flex;flex-direction:column}.byob-card__image-link{display:block;aspect-ratio:1}.byob-card__image-link:focus{outline:2px solid var(--dss-pink, #ff1493);outline-offset:2px}.byob-card__image-link:focus:not(:focus-visible){outline:none}.byob-card__image{position:absolute;z-index:1;top:0;width:100%;height:auto;transition:opacity .2s ease}.byob-card__hover-image{display:none}@media(min-width:1001px){.byob-card[data-show-hover-image=true] .byob-card__hover-image{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:.4s ease all;pointer-events:none;z-index:0}.byob-card[data-show-hover-image=true] .byob-card__image-container:hover .byob-card__hover-image{opacity:1}.byob-card[data-show-hover-image=true] .byob-card__image-container:hover .byob-card__image{opacity:0}}.byob-card__descriptor{width:fit-content;height:var(--byob-corner-size);padding:0 clamp(12px,.83vw,.83vw);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--byob-corner-size) / 2);background-color:var(--dss-light-pink);position:absolute;left:var(--byob-corner-inset-x);top:var(--byob-corner-inset-y);transition:.3s ease all;z-index:2}.byob-card__descriptor.card-super-pink{background-color:var(--dss-pink);color:#fff}.byob-card__peek{position:absolute;right:var(--byob-corner-inset-x);top:var(--byob-corner-inset-y);z-index:2;width:var(--byob-corner-size);height:var(--byob-corner-size);padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:#fff;color:var(--dss-pink, #E23185);cursor:pointer;transition:.3s ease all}.byob-card__peek:hover{background-color:var(--dss-light-pink)}.byob-card__peek:focus-visible{outline:2px solid var(--dss-pink, #E23185);outline-offset:2px}.byob-card__peek-icon{width:clamp(20px,1.35vw,1.35vw);height:auto;display:block}.byob-card__quick-add{display:flex;flex-direction:column;flex-grow:1;justify-content:end;align-items:stretch;padding:clamp(7px,.7vw,.7vw);position:relative;z-index:2}.byob-card__add,.byob-card__qty{width:100%;min-height:clamp(32px,2.2vw,2.2vw);padding:3px;border:1px solid var(--dss-pink);border-radius:999px;background:var(--dss-white)}.byob-card__add{display:flex;align-items:center;justify-content:center;font-family:var(--dss-font-brown-regular),sans-serif;font-size:clamp(11px,.76vw,.79vw);letter-spacing:1px;line-height:1;text-transform:uppercase;color:var(--dss-pink);cursor:pointer;transition:.3s ease all}.byob-card__add-label:before{content:"";display:inline-block;width:.72em;height:.72em;margin-right:.45em;vertical-align:baseline;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat}.byob-card__add:hover:not(:disabled){background:var(--dss-pink);color:var(--dss-white)}.byob-card__add:active:not(:disabled){transform:scale(.97)}.byob-card__add:disabled{color:var(--dss-gray);border-color:var(--dss-gray);opacity:.6;cursor:not-allowed}.byob-card__add:focus-visible{outline:2px solid var(--dss-pink);outline-offset:2px}.byob-card__qty{display:none;align-items:center;justify-content:space-between;gap:8px}byob-qty-stepper.is-active .byob-card__add{display:none}byob-qty-stepper.is-active .byob-card__qty{display:flex;background:var(--dss-light-pink)}.byob-card__qty-btn{position:relative;flex:0 0 auto;width:clamp(24px,1.65vw,1.65vw);aspect-ratio:1;display:inline-flex;border:none;border-radius:50%;background:none;color:var(--dss-pink);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.byob-card__qty-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:clamp(9px,.62vw,.62vw);height:clamp(9px,.62vw,.62vw)}.byob-card__qty-btn--minus:before{background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat}.byob-card__qty-btn--plus:before{background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat}.byob-card__qty-btn:hover:not(:disabled){background:var(--dss-white)}.byob-card__qty-btn:disabled{opacity:.3;cursor:not-allowed}.byob-card__qty-btn:focus-visible{outline:2px solid var(--dss-pink);outline-offset:1px}.byob-card__qty-value{flex:1 1 auto;text-align:center;font-family:var(--dss-font-brown-regular),sans-serif;font-size:clamp(13px,.9vw,.9vw);color:var(--dss-text-color);font-variant-numeric:tabular-nums}.byob-card__details{margin-top:clamp(12px,.83vw,.83vw)}.byob-card__reviews-wrapper{height:clamp(12px,.83vw,.83vw);display:flex;align-items:center;justify-content:start}.byob-card__reviews-wrapper .yotpo-rating-stars svg{height:clamp(12px,.83vw,.83vw);width:clamp(12px,.83vw,.83vw)}.byob-card__reviews-wrapper .yotpo-rating-stars svg path{fill:var(--dss-text-color);stroke:var(--dss-text-color)}.byob-card__reviews-wrapper .yotpo-sr-bottom-line-score,.byob-card__reviews-wrapper .yotpo-sr-bottom-line-text{color:var(--dss-text-color)!important;padding:0!important;font-size:clamp(var(--dss-font-size-10-min),var(--dss-font-size-10),var(--dss-font-size-10-max))!important}.byob-card__reviews-wrapper .yotpo-sr-bottom-line-button{display:flex;gap:clamp(6px,.4vw,.4vw);justify-content:start;align-items:center}.byob-card__reviews-wrapper .yotpo-reviews-star-ratings-widget{margin:0}.byob-card__variant-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dss-gray)}.byob-card--unsellable .byob-card__image,.byob-card--unsellable .byob-card__descriptor{opacity:.45}.byob-card--unsellable .byob-card__title,.byob-card--unsellable .byob-card__variant-title{opacity:.6}.byob-card__oos-label{display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(32px,2.2vw,2.2vw);padding:3px;border:1px solid var(--dss-gray, #A1A1A1);border-radius:999px;background:var(--dss-white);font-family:var(--dss-font-brown-regular),sans-serif;font-size:clamp(11px,.76vw,.79vw);letter-spacing:1px;line-height:1;text-transform:uppercase;color:var(--dss-gray, #A1A1A1)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/byob-card.css.map */