.bl-variant-panel{--bl-vp-navy: var(--bartini-color-navy, #0a1f3d);--bl-vp-border: rgba(10, 31, 61, .12);--bl-vp-muted: rgba(10, 31, 61, .55);margin-top:.75rem;border:1px solid var(--bl-vp-border);border-radius:4px;background:#fff;overflow:hidden;max-height:0;opacity:0;display:flex;flex-direction:column;transition:max-height .22s ease-out,opacity .18s ease-out}.bl-variant-panel.is-open{max-height:360px;opacity:1}.bl-variant-panel__header{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .6rem;border-bottom:1px solid var(--bl-vp-border)}.bl-variant-panel__title{font-size:.85rem;font-weight:600;color:var(--bl-vp-navy);margin:0;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1.75rem;max-width:100%}.bl-variant-panel__close{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:1px solid var(--bl-vp-border);background:#fff;color:var(--bl-vp-navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.bl-variant-panel__close:hover,.bl-variant-panel__close:focus-visible{background:var(--bl-vp-navy);color:#fff}.bl-variant-panel__close svg{width:12px;height:12px}.bl-variant-panel__body{flex:0 1 auto;max-height:180px;overflow-y:auto;padding:.5rem .6rem;display:flex;flex-direction:column;gap:0}.bl-variant-panel__loading,.bl-variant-panel__error{font-size:.8rem;color:var(--bl-vp-muted);text-align:center;margin:0;padding:.5rem 0}.bl-variant-panel__option{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.bl-variant-panel__option-label{display:flex;justify-content:center;align-items:baseline;gap:.4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:0;padding-inline:0;width:100%;text-align:center;color:var(--bl-vp-navy)}.bl-variant-panel__option-name{font-weight:600}.bl-variant-panel__option-value{font-weight:400;color:var(--bl-vp-muted);text-transform:none;letter-spacing:0}.bl-variant-panel__swatches{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.bl-variant-panel .color-swatch,.bl-variant-panel .block-swatch{font-family:inherit;font-size:.75rem;cursor:pointer;padding:0;background-color:#fff;transition:border-color .15s,box-shadow .15s,opacity .15s}.bl-variant-panel .color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--bl-vp-border);background-size:cover;background-position:center}.bl-variant-panel .color-swatch.is-selected{border-color:var(--bl-vp-navy);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--bl-vp-navy)}.bl-variant-panel .block-swatch{min-width:38px;height:30px;padding:0 .6rem;border:1px solid var(--bl-vp-border);border-radius:2px;color:var(--bl-vp-navy);font-weight:500;letter-spacing:.05em}.bl-variant-panel .block-swatch.is-selected{border-color:var(--bl-vp-navy);background:var(--bl-vp-navy);color:#fff}.bl-variant-panel .is-disabled{cursor:not-allowed;opacity:.45;text-decoration:line-through}.bl-variant-panel__footer{flex:0 0 auto;display:flex;justify-content:center;padding:.4rem .6rem;border-top:1px solid var(--bl-vp-border)}.bl-variant-panel__add{width:75%;min-height:44px;background:var(--bl-vp-navy)!important;color:#fff!important;border:none!important;padding:.6rem .8rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity .2s,background-color .2s;border-radius:2px;font-family:inherit}.bl-variant-panel__add:hover:not(:disabled){opacity:.85}.bl-variant-panel__add:disabled{opacity:.5;cursor:not-allowed}bl-upsell .bl-upsell-card__button[data-state=selecting],.bl-upsell .bl-upsell-card__button[data-state=selecting]{background:#fff!important;color:var(--bartini-color-navy, #0a1f3d)!important;border:1px solid var(--bartini-color-navy, #0a1f3d)!important;opacity:1!important}.bl-variant-panel .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bl-variant-panel--mobile{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:80vh;margin-top:0;border:none;border-radius:1rem 1rem 0 0;box-shadow:0 -4px 20px #00000026;background:#fff;transform:translateY(100%);transition:transform .28s ease;opacity:1;z-index:9999!important}.bl-variant-panel--mobile.is-open{transform:translateY(0);max-height:80vh;z-index:9999!important}.bl-variant-panel--mobile:before{content:"";display:block;width:40px;height:4px;background:#0003;border-radius:2px;margin:.5rem auto;flex:0 0 auto}.bl-variant-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9998;opacity:0;transition:opacity .28s ease;pointer-events:none}.bl-variant-panel-backdrop.is-open{opacity:1;pointer-events:auto}@media(min-width:700px){.bl-variant-panel-backdrop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bl-variant-panel.css.map */