@import url('./purchase-base.css');
.bpv-family-ui .bpv-family{position:relative;width:100%;padding:0!important;background:transparent!important;border:0!important;border-radius:0;overflow:visible;font-family:inherit;color:#444e60}
.bpv-family-ui .bpv-family-title{display:none!important}
.bpv-family-ui .bpv-family-stage{position:relative;aspect-ratio:1;width:min(100%,var(--bpv-stage-size,820px));margin-inline:auto;border-radius:24px;overflow:hidden;background:#eeeae3;box-shadow:0 18px 40px #2b324014}
.bpv-family-ui .bpv-family canvas{display:block!important;width:100%!important;height:auto!important;max-width:none!important}
.bpv-family-hardware{position:absolute;inset:0;pointer-events:none}.bpv-family-hardware svg{width:100%;height:100%}
.bpv-family-ui .bpv-family-overlay{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;z-index:2}
.bpv-family-ui .bpv-family-badge{padding:10px 14px;border-radius:999px;background:#444e60;color:#fff;font-size:12.5px;font-weight:700;line-height:1.15;max-width:100%;overflow-wrap:anywhere;box-shadow:0 4px 14px #14192329}
.bpv-family-ui .bpv-family-positions{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0;border-radius:999px;background:#ffffffe6;box-shadow:0 4px 14px #14192329;backdrop-filter:blur(6px)}
.bpv-family-ui .bpv-family-positions>button{min-height:34px;padding:0 13px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#444e60!important;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1.1;box-shadow:none!important;cursor:pointer}
.bpv-family-ui .bpv-family-positions>button[aria-pressed=true]{background:#444e60!important;color:#fff!important}
.bpv-family-ui .bpv-family-positions>button:disabled{opacity:.45;cursor:default}
.bpv-family-ui .bpv-family [data-zoom]{position:absolute;right:12px;top:12px;min-height:38px;padding:7px 12px!important;border:0!important;border-radius:999px!important;background:#ffffffe6!important;color:#444e60!important;font-size:12px!important;font-weight:700;cursor:pointer;z-index:2}
.bpv-family-ui .bpv-family button:focus-visible{outline:3px solid #17606a!important;outline-offset:3px}
.bpv-family-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.bpv-family-ui .bpv-family-note{font-size:11px;line-height:1.45;margin:12px auto 0;max-width:var(--bpv-stage-size,820px);color:#737970}
.bpv-family-unavailable .bpv-family-stage{opacity:.3}
.bpv-family-dialog{border:0;padding:14px;border-radius:18px;max-height:94dvh;width:min(920px,94vw);background:#f8f7f4;color:#444e60;box-shadow:0 15px 70px #14282d55}
.bpv-family-dialog::backdrop{background:#1b2838b8}.bpv-family-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bpv-family-dialog-head button{border:1px solid #b8c5c2;background:white;color:#444e60;border-radius:999px;padding:8px 16px;cursor:pointer}
.bpv-family-dialog-stage{position:relative;max-width:80dvh;margin:auto;aspect-ratio:1}.bpv-family-dialog canvas{width:100%;height:auto;display:block}.bpv-family-dialog-hardware{position:absolute;inset:0;pointer-events:none}.bpv-family-dialog-hardware svg{width:100%;height:100%}
body.bpv-family-ui:has(.bpv-family-dialog[open]) :is(#bpv-purchase-bar,#bpv-edge-menu){display:none!important}
body.bpv-family-ui .mdb-product-media-sticky{position:sticky;top:var(--bpv-sticky-top,110px)}
body.bpv-family-ui #bpv-mini-proof,body.bpv-family-ui #bpv-bar-mini-proof{border-radius:50%;width:24px;height:24px;object-fit:cover}
@media(max-width:1000px){body.bpv-family-ui .mdb-product-media-sticky{position:static}.bpv-family-ui .bpv-family-stage{width:100%;max-width:650px;border-radius:20px}.bpv-family-ui .bpv-family-overlay{left:10px;right:10px;bottom:10px;gap:6px}.bpv-family-ui .bpv-family-positions>button{min-height:36px;padding:0 10px!important;font-size:12px!important}.bpv-family-ui .bpv-family-badge{font-size:12px;padding:9px 12px}}