@property --bbe-border-reveal{syntax:'<angle>';inherits:false;initial-value:0deg}
.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity__surface,.bb-quantity-offers__surface){position:relative}
.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity,.bb-quantity-offers__card)>input:checked+span{border-color:transparent;box-shadow:none}
.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity__surface,.bb-quantity-offers__surface)::before,.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity__surface,.bb-quantity-offers__surface)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:2px;background:linear-gradient(100deg,#00cfa5,#00b5b0);opacity:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity,.bb-quantity-offers__card)>input:checked+span:not(.bbe-is-tracing)::before{opacity:1}
.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity,.bb-quantity-offers__card)>input:checked+span.bbe-is-tracing::after{opacity:1;animation:bbe-selection-border-trace 680ms cubic-bezier(.45,0,.2,1) both;-webkit-mask:conic-gradient(from 45deg,#000 0deg var(--bbe-border-reveal),transparent var(--bbe-border-reveal) 180deg,#000 180deg calc(180deg + var(--bbe-border-reveal)),transparent calc(180deg + var(--bbe-border-reveal)) 360deg),linear-gradient(#000 0 0) border-box,linear-gradient(#000 0 0) content-box;-webkit-mask-composite:source-in,xor;mask:conic-gradient(from 45deg,#000 0deg var(--bbe-border-reveal),transparent var(--bbe-border-reveal) 180deg,#000 180deg calc(180deg + var(--bbe-border-reveal)),transparent calc(180deg + var(--bbe-border-reveal)) 360deg),linear-gradient(#000 0 0) border-box,linear-gradient(#000 0 0) content-box;mask-composite:intersect,exclude}
@keyframes bbe-selection-border-trace{0%,10%{--bbe-border-reveal:0deg}100%{--bbe-border-reveal:180deg}}
@media(prefers-reduced-motion:reduce){.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity,.bb-quantity-offers__card)>input:checked+span::before{opacity:1}}

@media(prefers-reduced-motion:reduce){.bb-pdp :is(.bbn-offer,.bb-quantity-offers) :is(.bbn-quantity__surface,.bb-quantity-offers__surface)::after{animation:none!important}}