bead-bucks-panel{--bb-ink: #111;--bb-brand: #2e3192;--bb-accent: #ffe800;--bb-tint: #f5f5fa;display:block;min-width:0;color:var(--bb-ink);font:inherit;line-height:1.65;text-align:left}bead-bucks-panel *,bead-bucks-panel *:before,bead-bucks-panel *:after{box-sizing:border-box}bead-bucks-panel [hidden],[data-bb-total][hidden],[data-cart-express][hidden]{display:none!important}bead-bucks-panel :is(h2,h3,p){margin:0;font-family:inherit;line-height:inherit;letter-spacing:.03em;text-transform:none}bead-bucks-panel :is(button,select,a){font-family:inherit}bead-bucks-panel strong{font-weight:500}bead-bucks-panel .bb-icon{width:19px;height:19px;flex:0 0 auto;fill:none!important;stroke:currentColor;stroke-width:1.6;vertical-align:middle}bead-bucks-panel .bb-card{overflow:hidden;border:1px solid #ccc;border-radius:5px;background:#fff}bead-bucks-panel .bb-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 13px;color:#fff;background:var(--bb-brand)}bead-bucks-panel .bb-heading h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;color:inherit}bead-bucks-panel .bb-heading a{flex-shrink:0;padding-block:5px;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}bead-bucks-panel .bb-heading>span{font-size:12px}bead-bucks-panel .bb-body{padding:15px}bead-bucks-panel .bb-balance-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:4px}bead-bucks-panel .bb-balance-line strong{font-size:15px}bead-bucks-panel .bb-balance-line>span{color:var(--bb-brand);font-size:16px;font-weight:500}bead-bucks-panel .bb-fine{color:#666;font-size:12px;line-height:1.7}bead-bucks-panel .bb-learn-more{color:var(--bb-brand);text-decoration:underline;text-underline-offset:3px}bead-bucks-panel .bb-picker{margin-top:16px}bead-bucks-panel .bb-picker label{display:block;margin-bottom:6px;font-size:12px;font-weight:500}bead-bucks-panel .bb-controls{display:flex;align-items:stretch;gap:8px}bead-bucks-panel .bb-controls select{flex:1 1 auto;min-width:0;width:auto;padding-right:35px}bead-bucks-panel .bb-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border:2px solid var(--bb-brand);border-radius:5px;background:var(--bb-brand);color:#fff;font-size:15px;font-weight:500;line-height:24px;letter-spacing:.03em;text-decoration:none;text-align:center;cursor:pointer}bead-bucks-panel .bb-controls .bb-button{padding:7px 15px;font-size:14px}bead-bucks-panel .bb-button:hover{background:var(--bb-accent);color:#232323}bead-bucks-panel .bb-button--yellow{background:var(--bb-accent);color:#232323}bead-bucks-panel .bb-button--yellow:hover{background:var(--bb-brand);color:#fff}bead-bucks-panel button:disabled,bead-bucks-panel select:disabled{opacity:.5;cursor:default}bead-bucks-panel :is(button,select,a):focus-visible{outline:3px solid var(--bb-brand);outline-offset:3px}bead-bucks-panel .bb-selection{margin-top:15px;padding:11px;background:var(--bb-tint);border-radius:4px}bead-bucks-panel .bb-selection-title{display:flex;align-items:center;gap:7px;color:var(--bb-brand);font-size:13px;font-weight:500}bead-bucks-panel .bb-selection .bb-fine{margin-top:5px;font-size:11px}bead-bucks-panel .bb-link{min-height:36px;padding:6px 0;border:0;background:transparent;color:var(--bb-brand);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}bead-bucks-panel .bb-earning{display:flex;align-items:flex-start;gap:9px;padding:11px 15px;border-top:1px solid #e4e4e4;background:#fafafa;font-size:12px}bead-bucks-panel .bb-earning .bb-icon{width:17px;height:17px;margin-top:2px;color:var(--bb-brand)}bead-bucks-panel .bb-earning strong{color:var(--bb-brand)}bead-bucks-panel .bb-earning small{display:block;color:#777;font-size:11px}bead-bucks-panel .bb-message{margin-top:10px;color:#444;font-size:12px;overflow-wrap:anywhere}bead-bucks-panel .bb-error{color:#a02020}bead-bucks-panel .bb-loading{padding:24px 12px;color:#666;font-size:13px}bead-bucks-panel .bb-guest .button{margin-top:12px;font-family:var(--btn-1-font-family);padding-top:calc(var(--btn-1-padding-top) - 5px);padding-bottom:calc(var(--btn-1-padding-bottom) - 5px)}bead-bucks-panel[data-view=cart],bead-bucks-panel[data-view=drawer]{margin:21px 0 18px;font-family:var(--font-body-family, inherit);font-size:var(--font-body-size, 14px);font-weight:var(--font-body-weight, 300);line-height:var(--body-line-height, 1.65);letter-spacing:var(--body-letter-spacing, .03em)}bead-bucks-panel:is([data-view=cart],[data-view=drawer]) :is(p,label,.bb-earning){font-size:var(--font-body-size, 14px);line-height:var(--body-line-height, 1.65);letter-spacing:var(--body-letter-spacing, .03em)}bead-bucks-panel:is([data-view=cart],[data-view=drawer]) .bb-heading h2{font-family:var(--font-heading-family, inherit);font-size:var(--font-heading-size, 15px);font-weight:var(--font-heading-weight, 500);letter-spacing:var(--heading-letter-spacing, .03em)}bead-bucks-panel:is([data-view=cart],[data-view=drawer]) :is(.bb-earning small,.bb-heading a){font-size:calc(var(--font-body-size, 14px) - 2px)}bead-bucks-panel[data-view=account] .bb-card{padding:15px;margin-bottom:20px}bead-bucks-panel[data-view=account] .bb-heading{padding:10px 12px;border-radius:5px}bead-bucks-panel[data-view=account] [data-bb-history-card] .bb-heading{border-radius:4px 4px 0 0}bead-bucks-panel[data-view=account] .bb-history,bead-bucks-panel[data-view=account] .bb-history :is(thead,tbody,tr,th,td){border-radius:0}bead-bucks-panel[data-view=account] .bb-history{border:1px solid #ccc;border-top:0;box-shadow:none}bead-bucks-panel[data-view=account] .bb-heading h2{font-size:16px;letter-spacing:.03em}bead-bucks-panel .bb-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,.85fr);align-items:center;gap:30px;padding:30px 15px}bead-bucks-panel .bb-eyebrow{margin-bottom:4px;color:#444;font-size:14px}bead-bucks-panel .bb-points{color:var(--bb-brand);font-size:44px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}bead-bucks-panel .bb-points small{margin-left:5px;font-size:17px;color:var(--bb-ink);font-weight:300}bead-bucks-panel .bb-value{min-width:0;padding-left:30px;border-left:1px solid #e2e2e2}bead-bucks-panel .bb-value-amount{color:var(--bb-brand);font-size:30px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}bead-bucks-panel .bb-value-label{margin-bottom:15px;color:#444;font-size:13px}bead-bucks-panel .bb-held{margin-top:9px;color:var(--bb-brand);font-size:12px}bead-bucks-panel .bb-history{display:table;table-layout:auto;border-collapse:collapse;width:100%;margin:0;border:0;box-shadow:none;font-size:13px;letter-spacing:.03em}bead-bucks-panel .bb-history thead{display:table-header-group;background:transparent}bead-bucks-panel .bb-history tbody{display:table-row-group}bead-bucks-panel .bb-history tr{display:table-row;width:auto;margin:0;padding:0;border:0}bead-bucks-panel .bb-history :is(th,td){display:table-cell;border:0;text-align:left;text-transform:none;letter-spacing:.03em;background:transparent}bead-bucks-panel .bb-history th{padding:14px 8px 10px;border-bottom:1px solid #ddd;color:#555;font-size:12px;font-weight:500}bead-bucks-panel .bb-history td{padding:14px 8px;border-bottom:1px solid #ededed;vertical-align:middle}bead-bucks-panel .bb-history tr:last-child td{border:0}bead-bucks-panel .bb-history :is(th,td):last-child{text-align:right}bead-bucks-panel .bb-history td:before,bead-bucks-panel .bb-history thead:after{display:none;content:none}bead-bucks-panel .bb-activity{display:flex;align-items:center;gap:11px}bead-bucks-panel .bb-activity-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--bb-tint);color:var(--bb-brand)}bead-bucks-panel .bb-activity-icon .bb-icon{width:22px;height:22px}bead-bucks-panel .bb-activity-icon--earned{color:#237044;background:#edf7ef}bead-bucks-panel .bb-activity-icon--returned,bead-bucks-panel .bb-activity-icon--reversed{color:#946200;background:#fff5cc}bead-bucks-panel .bb-activity-icon--adjustment{color:#59616d;background:#f0f2f5}bead-bucks-panel .bb-activity small{display:block;color:#707070;font-size:11px}bead-bucks-panel .bb-history .bb-mobile-date{display:none}bead-bucks-panel .bb-credit,bead-bucks-panel .bb-debit{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}bead-bucks-panel .bb-credit{color:var(--bb-brand)}bead-bucks-panel .bb-debit{color:#555}bead-bucks-panel .bb-history-note{margin:10px 8px 0;font-size:11px;color:#777}bead-bucks-panel .bb-pagination{padding:20px 0 10px;text-align:center}bead-bucks-panel .bb-page-range{color:#707070;font-size:13px}bead-bucks-panel .bb-page-progress{display:block;width:190px;max-width:100%;height:3px;margin:7px auto 20px;background:#e6e6e6}bead-bucks-panel .bb-page-progress>span{display:block;height:100%;background:#4b6cc0}bead-bucks-panel .bb-page-controls,bead-bucks-panel .bb-page-numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}bead-bucks-panel .bb-page-button{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid var(--bb-brand);border-radius:4px;background:#fff;color:var(--bb-ink);font:inherit;font-size:13px;line-height:1;letter-spacing:.03em;cursor:pointer}bead-bucks-panel .bb-page-button[aria-current=page]{color:#fff;background:var(--bb-brand);font-weight:500}bead-bucks-panel .bb-page-button:hover{box-shadow:inset 0 0 0 1px var(--bb-brand)}bead-bucks-panel .bb-page-button:focus-visible{outline:2px solid var(--bb-brand);outline-offset:3px}bead-bucks-panel .bb-page-button .bb-icon{width:17px;height:17px}bead-bucks-panel .bb-page-previous .bb-icon{transform:rotate(180deg)}bead-bucks-panel .bb-page-gap{color:#707070}@media(max-width:550px){bead-bucks-panel .bb-page-controls,bead-bucks-panel .bb-page-numbers{gap:6px}}bead-bucks-panel .bb-how{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:15px;border-radius:5px;background:var(--bb-tint)}bead-bucks-panel .bb-how h3{display:flex;align-items:center;gap:9px;margin-bottom:6px;font-size:14px;font-weight:500}bead-bucks-panel .bb-how .bb-icon{width:18px;height:18px;color:var(--bb-brand)}bead-bucks-panel .bb-how p{color:#666;font-size:12px}bead-bucks-panel .bb-how .bb-how-rate{margin-bottom:4px;color:var(--bb-ink);font-size:13px;font-weight:500}.bb-cart-slot{display:block!important;margin:0!important;padding:0!important;border:0!important;list-style:none;clear:both}[data-bb-total]{display:flex;justify-content:space-between;gap:12px;color:#2e3192;font-size:var(--font-body-size, 14px)}.my-account-page:has(bead-bucks-panel) .account-content{min-width:0}@media(max-width:1100px){bead-bucks-panel .bb-overview{grid-template-columns:minmax(0,1fr) minmax(215px,.95fr);gap:20px;padding:24px 9px}bead-bucks-panel .bb-value{padding-left:20px}bead-bucks-panel .bb-overview .bb-button{padding:9px 12px;font-size:13px}}@media(max-width:750px){bead-bucks-panel .bb-overview{grid-template-columns:1fr;gap:20px;padding:22px 8px}bead-bucks-panel .bb-value{padding:18px 0 0;border-left:0;border-top:1px solid #e2e2e2}bead-bucks-panel .bb-value .bb-button{width:100%;font-size:14px}bead-bucks-panel .bb-heading>span{display:none}bead-bucks-panel .bb-points{font-size:41px}bead-bucks-panel .bb-value-amount{font-size:28px}bead-bucks-panel .bb-history .bb-desktop-date{display:none}bead-bucks-panel .bb-history .bb-mobile-date{display:block}bead-bucks-panel[data-view=account] .bb-history :is(th,td){padding-left:12px;padding-right:12px}bead-bucks-panel .bb-activity{gap:8px}bead-bucks-panel .bb-activity strong{font-size:12px}bead-bucks-panel .bb-how{grid-template-columns:1fr;gap:16px;padding:14px 12px}}@media(max-width:380px){bead-bucks-panel .bb-body{padding:12px}bead-bucks-panel .bb-controls{flex-wrap:wrap}bead-bucks-panel .bb-controls select{flex-basis:100%}bead-bucks-panel .bb-controls .bb-button{width:100%}bead-bucks-panel .bb-activity-icon{display:none}}@media(min-width:551px)and (max-width:991px){.my-account-page:has(bead-bucks-panel) .account-menu{flex-wrap:wrap;gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/bead-bucks.css.map */