.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bl-variants{margin:22px 0;display:flex;flex-direction:column;gap:20px}.bl-variant-head{display:flex;align-items:baseline;gap:9px;margin-bottom:10px;flex-wrap:wrap}.bl-variant-label{font-family:Poppins,monospace;font-size:8.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#ffffff70}.bl-variant-selected{font-size:12px;font-weight:700;color:var(--bp-edge, #7fe4f6)}.bl-variant-opts{display:flex;flex-wrap:wrap;gap:9px}.bl-variant-opt{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.bl-variant-opt:not(.bl-variant-opt--swatch){min-height:38px;padding:9px 17px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fffc;background:#ffffff0a;border:1px solid rgba(var(--bp-accent-rgb, 39,188,221),.24)}.bl-variant-opt:not(.bl-variant-opt--swatch):hover{border-color:rgba(var(--bp-accent-rgb, 39,188,221),.58);background:rgba(var(--bp-accent-rgb, 39,188,221),.1)}.bl-variant-opt--swatch{width:42px;height:42px;border-radius:50%;padding:3px;background:transparent;border:2px solid rgba(255,255,255,.14)}.bl-swatch-chip{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000006b}.bl-variant-opt--swatch:hover{transform:translateY(-2px);border-color:rgba(var(--bp-accent-rgb, 39,188,221),.65)}.bl-variant-input:checked+.bl-variant-opt:not(.bl-variant-opt--swatch){color:#fff;background:rgba(var(--bp-accent-rgb, 39,188,221),.2);border-color:var(--bp-accent, #27bcdd);box-shadow:0 0 16px rgba(var(--bp-accent-rgb, 39,188,221),.28)}.bl-variant-input:checked+.bl-variant-opt--swatch{border-color:var(--bp-accent, #27bcdd);box-shadow:0 0 0 2px rgba(var(--bp-accent-rgb, 39,188,221),.28),0 0 18px rgba(var(--bp-accent-rgb, 39,188,221),.34);transform:translateY(-2px)}.bl-variant-input:focus-visible+.bl-variant-opt{outline:2px solid var(--bp-edge, #7fe4f6);outline-offset:3px}.bl-variant-opt.is-unavailable{opacity:.34}.bl-variant-opt.is-unavailable .bl-variant-strike{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(255,255,255,.55) calc(50% - 1px),rgba(255,255,255,.55) calc(50% + 1px),transparent calc(50% + 1px));border-radius:inherit}.bl-variant-opt.is-nonexistent{opacity:.16}@media(prefers-reduced-motion:reduce){.bl-variant-opt{transition:none!important;transform:none!important}}@media(max-width:480px){.bl-variant-opts{gap:7px}.bl-variant-opt--swatch{width:38px;height:38px}.bl-variant-opt:not(.bl-variant-opt--swatch){min-height:34px;padding:8px 14px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/brutech-variant-picker.css.map */