/* ===== HOUSE CONFIG — THE ENTIRE SKIN =================================================
   Generated by tools/tokenize_exact.py from the donor's own measured palette.
   EVERY default below is the donor's EXACT original value, so the render is 1:1.
   Re-skin by overwriting this block and NOTHING else — a colour or font appearing
   anywhere beneath it is a LEAK, not a style.
   ================================================================================== */
:root {

  /* --- ACCENT — the colour that carries the brand (17) --- */
  --hx-gold-01: #030303;  /* 41x */
  --hx-gold-02: #030303;  /* 25x */
  --hx-gold-03: #030303;  /* 18x */
  --hx-gold-04: #030303;  /* 15x */
  --hx-gold-05: #030303;  /* 13x */
  --hx-gold-06: #030303;  /* 5x */
  --hx-gold-07: #030303;  /* 5x */
  --hx-gold-08: #030303;  /* 5x */
  --hx-gold-09: #030303;  /* 5x */
  --hx-gold-10: #030303;  /* 5x */
  --hx-gold-11: #030303;  /* 4x */
  --hx-gold-12: #030303;  /* 3x */
  --hx-gold-13: #030303;  /* 1x */
  --hx-gold-14: #030303;  /* 1x */
  --hx-gold-15: #030303;  /* 1x */
  --hx-gold-16: #030303;  /* 1x */
  --hx-gold-17: #030303;  /* 1x */

  /* --- ACCENT at partial alpha (67) --- */
  --hx-gold-a-01: #03030357;  /* 4x */
  --hx-gold-a-02: #03030366;  /* 4x */
  --hx-gold-a-03: #030303b3;  /* 4x */
  --hx-gold-a-04: rgba(3,3,3,.18);  /* 3x */
  --hx-gold-a-05: #03030326;  /* 3x */
  --hx-gold-a-06: rgba(3,3,3,.4);  /* 3x */
  --hx-gold-a-07: #03030373;  /* 3x */
  --hx-gold-a-08: #03030366;  /* 3x */
  --hx-gold-a-09: #0303033d;  /* 2x */
  --hx-gold-a-10: #0303031f;  /* 2x */
  --hx-gold-a-11: #0303036b;  /* 2x */
  --hx-gold-a-12: #0303032e;  /* 2x */
  --hx-gold-a-13: #03030347;  /* 2x */
  --hx-gold-a-14: #03030314;  /* 2x */
  --hx-gold-a-15: rgba(3,3,3,.05);  /* 2x */
  --hx-gold-a-16: rgba(3,3,3,.04);  /* 2x */
  --hx-gold-a-17: #03030300;  /* 2x */
  --hx-gold-a-18: rgba(3,3,3,.16);  /* 1x */
  --hx-gold-a-19: #03030314;  /* 1x */
  --hx-gold-a-20: #03030347;  /* 1x */
  --hx-gold-a-21: #0303033d;  /* 1x */
  --hx-gold-a-22: #0303035c;  /* 1x */
  --hx-gold-a-23: #03030324;  /* 1x */
  --hx-gold-a-24: #03030329;  /* 1x */
  --hx-gold-a-25: rgba(3,3,3,.6);  /* 1x */
  --hx-gold-a-26: #030303e6;  /* 1x */
  --hx-gold-a-27: #03030314;  /* 1x */
  --hx-gold-a-28: rgba(3,3,3,.25);  /* 1x */
  --hx-gold-a-29: rgba(3,3,3,.25);  /* 1x */
  --hx-gold-a-30: #0303031f;  /* 1x */
  --hx-gold-a-31: #0303032e;  /* 1x */
  --hx-gold-a-32: #0303030a;  /* 1x */
  --hx-gold-a-33: #0303034d;  /* 1x */
  --hx-gold-a-34: rgba(3,3,3,.24);  /* 1x */
  --hx-gold-a-35: #0303031a;  /* 1x */
  --hx-gold-a-36: #030303eb;  /* 1x */
  --hx-gold-a-37: rgba(3,3,3,.14);  /* 1x */
  --hx-gold-a-38: #030303db;  /* 1x */
  --hx-gold-a-39: #03030380;  /* 1x */
  --hx-gold-a-40: #030303e0;  /* 1x */
  --hx-gold-a-41: rgba(3,3,3,.3);  /* 1x */
  --hx-gold-a-42: rgba(3,3,3,.26);  /* 1x */
  --hx-gold-a-43: rgba(3,3,3,.16);  /* 1x */
  --hx-gold-a-44: #03030309;  /* 1x */
  --hx-gold-a-45: #03030305;  /* 1x */
  --hx-gold-a-46: rgba(3,3,3,.3);  /* 1x */
  --hx-gold-a-47: rgba(3,3,3,.24);  /* 1x */
  --hx-gold-a-48: rgba(3,3,3,.1);  /* 1x */
  --hx-gold-a-49: rgba(3,3,3,.055);  /* 1x */
  --hx-gold-a-50: rgba(3,3,3,.02);  /* 1x */
  --hx-gold-a-51: rgba(3,3,3,.11);  /* 1x */
  --hx-gold-a-52: rgba(3,3,3,.08);  /* 1x */
  --hx-gold-a-53: #0303037a;  /* 1x */
  --hx-gold-a-54: rgba(3,3,3,.12);  /* 1x */
  --hx-gold-a-55: #030303b8;  /* 1x */
  --hx-gold-a-56: rgba(3,3,3,.22);  /* 1x */
  --hx-gold-a-57: rgba(3,3,3,.9);  /* 1x */
  --hx-gold-a-58: rgba(3,3,3,.42);  /* 1x */
  --hx-gold-a-59: #03030338;  /* 1x */
  --hx-gold-a-60: #03030380;  /* 1x */
  --hx-gold-a-61: #03030324;  /* 1x */
  --hx-gold-a-62: #0303038c;  /* 1x */
  --hx-gold-a-63: #03030373;  /* 1x */
  --hx-gold-a-64: #03030333;  /* 1x */
  --hx-gold-a-65: rgba(3,3,3,.7);  /* 1x */
  --hx-gold-a-66: #0303030f;  /* 1x */
  --hx-gold-a-67: #03030300;  /* 1x */

  /* --- INK — light text (3) --- */
  --hx-ink-01: #030303;  /* 55x */
  --hx-ink-02: #030303;  /* 19x */
  --hx-ink-03: rgba(3,3,3,12%);  /* 1x */

  /* --- GREY — muted text / dividers (8) --- */
  --hx-grey-01: #969696;  /* 4x */
  --hx-grey-02: #676767;  /* 4x */
  --hx-grey-03: #868686;  /* 3x */
  --hx-grey-04: #c3c3c3;  /* 3x */
  --hx-grey-05: #323232;  /* 2x */
  --hx-grey-06: #b6b6b6;  /* 2x */
  --hx-grey-07: #2c2c2c;  /* 1x */
  --hx-grey-08: #595959;  /* 1x */

  /* --- GROUND — the dark stack (16) --- */
  --hx-ground-01: #e0e0e0;  /* 13x */
  --hx-ground-02: #ffffff;  /* 13x */
  --hx-ground-03: #f2f2f2;  /* 9x */
  --hx-ground-04: #e4e4e4;  /* 6x */
  --hx-ground-05: #f7f7f7;  /* 5x */
  --hx-ground-06: #e2e2e2;  /* 4x */
  --hx-ground-07: #ededed;  /* 3x */
  --hx-ground-08: #dcdcdc;  /* 3x */
  --hx-ground-09: #dedede;  /* 3x */
  --hx-ground-10: #e8e8e8;  /* 2x */
  --hx-ground-11: #f5f5f5;  /* 1x */
  --hx-ground-12: #f0f0f0;  /* 1x */
  --hx-ground-13: #e6e6e6;  /* 1x */
  --hx-ground-14: #fafafa;  /* 1x */
  --hx-ground-15: #fcfcfc;  /* 1x */
  --hx-ground-16: #ebebeb;  /* 1x */

  /* --- SCRIMS — light hairlines & washes (37) --- */
  --hx-scrim-01: rgba(3,3,3,.08);  /* 10x */
  --hx-scrim-02: #03030305;  /* 9x */
  --hx-scrim-03: rgba(3,3,3,.25);  /* 8x */
  --hx-scrim-04: #03030380;  /* 8x */
  --hx-scrim-05: rgba(3,3,3,.2);  /* 8x */
  --hx-scrim-06: #03030366;  /* 6x */
  --hx-scrim-07: rgba(3,3,3,.12);  /* 6x */
  --hx-scrim-08: #030303b3;  /* 6x */
  --hx-scrim-09: #0303030f;  /* 5x */
  --hx-scrim-10: rgba(3,3,3,.1);  /* 4x */
  --hx-scrim-11: #03030300;  /* 4x */
  --hx-scrim-12: #030303bf;  /* 4x */
  --hx-scrim-13: #03030314;  /* 3x */
  --hx-scrim-14: #0303030a;  /* 3x */
  --hx-scrim-15: #030303a6;  /* 3x */
  --hx-scrim-16: #030303b3;  /* 3x */
  --hx-scrim-17: #0303031a;  /* 3x */
  --hx-scrim-18: #03030309;  /* 2x */
  --hx-scrim-19: rgba(3,3,3,.16);  /* 2x */
  --hx-scrim-20: #03030370;  /* 2x */
  --hx-scrim-21: #0303038c;  /* 2x */
  --hx-scrim-22: #030303b8;  /* 2x */
  --hx-scrim-23: #0303031f;  /* 2x */
  --hx-scrim-24: #03030375;  /* 2x */
  --hx-scrim-25: #0303030d;  /* 2x */
  --hx-scrim-26: #03030385;  /* 2x */
  --hx-scrim-27: rgba(3,3,3,.06);  /* 1x */
  --hx-scrim-28: #0303035c;  /* 1x */
  --hx-scrim-29: #030303d1;  /* 1x */
  --hx-scrim-30: #0303030b;  /* 1x */
  --hx-scrim-31: #030303c2;  /* 1x */
  --hx-scrim-32: #0303038f;  /* 1x */
  --hx-scrim-33: #030303c7;  /* 1x */
  --hx-scrim-34: #030303bd;  /* 1x */
  --hx-scrim-35: #03030394;  /* 1x */
  --hx-scrim-36: #03030304;  /* 1x */
  --hx-scrim-37: rgba(3,3,3,.15);  /* 1x */

  /* --- SHADES — dark washes (23) --- */
  --hx-shade-01:         #0000006b;  /* 4x */
  --hx-shade-02:         #1e1e1ebf;  /* 3x */
  --hx-shade-03:         #00000038;  /* 2x */
  --hx-shade-04:         #00000047;  /* 2x */
  --hx-shade-05:         #00000080;  /* 2x */
  --hx-shade-06:         #0e0e0eeb;  /* 1x */
  --hx-shade-07:         #0009;  /* 1x */
  --hx-shade-08:         #0000;  /* 1x */
  --hx-shade-09:         #121212d6;  /* 1x */
  --hx-shade-10:         #00000052;  /* 1x */
  --hx-shade-11:         #1c1c1ceb;  /* 1x */
  --hx-shade-12:         #000000a3;  /* 1x */
  --hx-shade-13:         #101010f5;  /* 1x */
  --hx-shade-14:         #00000094;  /* 1x */
  --hx-shade-15:         #0d0d0deb;  /* 1x */
  --hx-shade-16:         #00000070;  /* 1x */
  --hx-shade-17:         #00000075;  /* 1x */
  --hx-shade-18:         #0a0a0adb;  /* 1x */
  --hx-shade-19:         #0a0a0a00;  /* 1x */
  --hx-shade-20:         rgba(0,0,0,.1);  /* 1x */
  --hx-shade-21:         rgba(0,0,0,.09);  /* 1x */
  --hx-shade-22:         rgba(0,0,0,.05);  /* 1x */
  --hx-shade-23:         #0a0a0acc;  /* 1x */

  /* --- MISC — everything with a hue that is not the accent (3) --- */
  --hx-misc-01:          #313031;  /* 2x */
  --hx-misc-02:          rgba(191,23,29,.4);  /* 1x */
  --hx-misc-03:          #0d0c0d;  /* 1x */

  /* --- SEMANTIC — meaning-bearing, do NOT re-skin these to brand colours (3) --- */
  --hx-err:              #be4545;  /* 2x */
  --hx-err-deep:         #bf171d26;  /* 1x */
  --hx-err-ink:          #ff8b8e;  /* 1x */

  /* --- TYPE — each default is the donor's EXACT original expression, fallback chain
         included. Repoint these at the offer's faces; do not collapse the chain. --- */
  --hx-font-display:     var(--based-font-display, "Paralucent", system-ui, sans-serif);
  --hx-font-display-2:   var(--bbw-font-display, "Based Display", sans-serif);
  --hx-font-text:        var(--bbw-font-text, "Based Text", sans-serif);
  --hx-font-mono:        var(--based-font-mono, ui-monospace, monospace);
  --hx-font-book:        Paralucent Text-Book, Paralucent Condensed, system-ui, sans-serif;
  --hx-font-cond:        Paralucent Condensed, system-ui, sans-serif;
}

@font-face{font-family:Paralucent Condensed;src:url(paralucentcondensedbook.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paralucent Condensed;src:url(paralucentcondensedmedium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Paralucent Condensed;src:url(paralucentcondenseddemi-bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Paralucent Condensed;src:url(paralucentcondensedbold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Paralucent;src:url(Paralucent-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Paralucent;src:url(Paralucent.woff2) format("woff2"),url(Paralucent.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paralucent;src:url(Paralucent-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Paralucent;src:url(Paralucent-DemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Paralucent;src:url(Paralucent-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Paralucent Text-Book;src:url(ParalucentText-Book.woff2) format("woff2"),url(ParalucentText-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--based-color-gold-dark: var(--hx-gold-04);--based-color-gold-mid: var(--hx-gold-03);--based-color-gold-primary: var(--hx-gold-02);--based-color-text-muted: var(--hx-grey-03);--based-gradient-gold: linear-gradient(0deg, var(--hx-gold-04), var(--hx-gold-02));--based-gradient-dark-deep: linear-gradient(0deg, var(--hx-ground-04), var(--hx-ground-03));--based-font-display: "Paralucent", "Paralucent Condensed", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--based-font-mono: "VCR OSD Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}.based-byob-pp{background:var(--hx-ground-05);color:var(--hx-ink-01);font-family:var(--hx-font-display);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}.based-byob-pp__inner{max-width:1280px;margin:0 auto;padding:54px 24px 96px;box-sizing:border-box}.based-byob-pp__header{background:var(--hx-ground-07);border:1px solid var(--hx-ground-01);border-radius:10px;padding:18px 24px;margin-bottom:18px}.based-byob-pp__head-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.based-byob-pp__eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.18em;color:var(--based-color-gold-mid, var(--hx-gold-03));font-weight:600}.based-byob-pp__subhead{margin:0;font-size:22px;font-weight:700;letter-spacing:-.44px;color:var(--hx-ink-01)}.based-byob-pp__count{white-space:nowrap;font-weight:800;letter-spacing:-.8px;line-height:1}.based-byob-pp__count-num{font-size:32px;color:var(--hx-ink-01);transition:color .2s ease}.based-byob-pp__count-denom{font-size:18px;color:var(--hx-grey-01);font-weight:600}.based-byob-pp__count[data-active-tier="1"] .based-byob-pp__count-num{color:var(--based-color-gold-mid, var(--hx-gold-03))}.based-byob-pp__progress-msg{margin:0 0 12px;font-size:13px;color:var(--based-color-gold-mid, var(--hx-gold-03));font-weight:600;min-height:16px}.based-byob-pp__segments{display:grid;grid-template-columns:repeat(var(--byob-top-tier, 6),1fr);gap:4px;margin-bottom:14px}.based-byob-pp__seg{position:relative;height:6px;border-radius:3px;background:var(--hx-scrim-13);border:1px solid var(--hx-gold-a-04);overflow:hidden;transition:background .22s ease-out,border-color .22s ease-out}.based-byob-pp__seg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--based-gradient-gold, linear-gradient(0deg, var(--hx-gold-04), var(--hx-gold-02)));transform:translate(-101%);transition:transform .26s ease-out}.based-byob-pp__seg--tier{box-shadow:inset 0 0 0 1px var(--hx-gold-a-09)}.based-byob-pp__seg--filled:before{transform:translate(0)}.based-byob-pp__seg--just-unlocked{border-color:var(--hx-gold-a-01)}.based-byob-pp__tier-pill[data-active=hit]:after{content:none}@media(prefers-reduced-motion:reduce){.based-byob-pp__seg:before{transition:none}.based-byob-pp__seg--just-unlocked{animation:none}}.based-byob-pp__ladder{display:grid;grid-template-columns:repeat(var(--byob-tiers, 4),1fr);gap:4px;font-size:11px}.based-byob-pp__tier-pill{color:var(--hx-grey-01);text-align:center;padding:6px 4px;border-radius:6px;transition:color .2s ease,background .2s ease}.based-byob-pp__tier-pill strong{display:block;font-size:13px;font-weight:700;color:inherit;margin-bottom:1px}.based-byob-pp__tier-pill[data-active=hit]{color:var(--based-color-gold-mid, var(--hx-gold-03))}.based-byob-pp__tier-pill[data-active=current]{color:var(--hx-ink-01);background:var(--hx-gold-a-10)}.based-byob-pp__gift{margin-top:18px;padding:14px 16px;background:var(--hx-scrim-18);border:1px solid var(--hx-gold-a-18);border-radius:8px;display:flex;align-items:center;gap:14px}.based-byob-pp__gift--unlocked{background:var(--hx-gold-a-19);border-color:var(--hx-gold-a-20)}.based-byob-pp__gift-icon{width:32px;height:32px;flex-shrink:0}.based-byob-pp__gift-icon img{width:100%;height:100%;display:block}.based-byob-pp__gift-text{flex:1}.based-byob-pp__gift-label{margin:0 0 2px;font-size:11px;letter-spacing:.14em;color:var(--based-color-gold-mid, var(--hx-gold-03));font-weight:700}.based-byob-pp__gift-value{margin:0;font-size:13px;font-weight:500;width:fit-content;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__gift-images{display:flex;gap:8px}.based-byob-pp__gift-img{width:42px;height:42px;border-radius:6px;border:1px solid var(--hx-scrim-10);object-fit:cover;opacity:.62;transition:opacity .18s ease-out,border-color .18s ease-out}.based-byob-pp__gift{position:relative;overflow:hidden;transition:border-color .24s ease-out,background .24s ease-out}.based-byob-pp__gift:after{content:none}.based-byob-pp__gift--unlocked .based-byob-pp__gift-img{opacity:.95;border-color:var(--hx-gold-a-21)}@media(prefers-reduced-motion:reduce){.based-byob-pp__gift:after,.based-byob-pp__gift-icon,.based-byob-pp__gift-img{animation:none!important;transition:opacity .2s ease-out!important}}.based-byob-pp__body{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}@media(max-width:1279px){.based-byob-pp__body{grid-template-columns:1fr 400px}}@media(max-width:900px){.based-byob-pp__body{grid-template-columns:1fr}.based-byob-pp__panel{display:none}}.based-byob-pp__tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.based-byob-pp__tabs::-webkit-scrollbar{display:none}.based-byob-pp__tab{box-sizing:border-box;height:34px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--hx-ground-10);border:1px solid var(--hx-ground-01);color:var(--hx-grey-05);font-family:inherit;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}@supports (-webkit-touch-callout: none){.based-byob-pp__tab{padding-top:2px}}@media(hover:hover){.based-byob-pp__tab:hover{background:var(--hx-ground-01)}}.based-byob-pp__tab--active{background:var(--based-gradient-gold, linear-gradient(0deg,var(--hx-gold-04),var(--hx-gold-02)));color:var(--hx-ink-01);border-color:transparent}.based-byob-pp__tabs{position:relative}.based-byob-pp__tab-indicator{display:none;position:absolute;bottom:0;height:2px;background:var(--based-gradient-gold, linear-gradient(0deg, var(--hx-gold-04), var(--hx-gold-02)));border-radius:1px;transition:transform .28s cubic-bezier(.65,0,.35,1),width .28s cubic-bezier(.65,0,.35,1);pointer-events:none;left:0}@media(prefers-reduced-motion:reduce){.based-byob-pp__tab-indicator{transition:opacity .2s ease-out}}@media(max-width:900px){.based-byob-pp__tabs{position:relative;top:0;z-index:20;margin:0 -12px 14px;padding:24px 12px 10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.based-byob-pp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:700px){.based-byob-pp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.based-byob-pp__empty{grid-column:1 / -1;padding:48px 24px;background:var(--hx-ground-10);border:1px dashed var(--hx-ground-01);border-radius:12px;text-align:center;color:var(--hx-grey-07)}.based-byob-pp__card{position:relative;background:var(--based-gradient-dark-deep, linear-gradient(0deg,var(--hx-ground-04),var(--hx-ground-03)));border:1px solid var(--hx-scrim-27);border-radius:18px;padding:8px 8px 10px;display:flex;flex-direction:column;transition:filter .15s ease,border-color .15s ease,box-shadow .15s ease}.based-byob-pp__card[data-pressing="1"]{border-color:var(--hx-gold-a-22);box-shadow:0 0 0 1px var(--hx-gold-a-23) inset}.based-byob-pp__card[data-selected="1"]{border-color:var(--hx-gold-a-11);box-shadow:0 0 0 1px var(--hx-gold-a-24) inset}.based-byob-pp__card-media{position:relative;aspect-ratio:1 / .82;border-radius:6px;overflow:hidden;margin-bottom:7px}.based-byob-pp__card-media-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;display:flex;align-items:center;justify-content:center;font:inherit;text-align:inherit}.based-byob-pp__card-media-btn:after{content:"i";position:absolute;left:12px;top:12px;z-index:3;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hx-gold-a-25);border-radius:99px;background:transparent;color:var(--hx-gold-12);font-family:var(--hx-font-display);font-size:13px;font-style:italic;font-weight:500;opacity:.9;transition:opacity .16s ease-out,border-color .16s ease-out,background .16s ease-out}.based-byob-pp__card-media-btn:hover:after,.based-byob-pp__card-media-btn:focus-visible:after{opacity:1;border-color:var(--hx-gold-a-26);background:var(--hx-gold-a-27)}.based-byob-pp__card-media-btn:after{content:none}.based-byob-pp__card-info{position:absolute;top:8px;left:8px;z-index:4;width:24px;height:24px;pointer-events:none}.based-byob-pp__card-info svg{display:block;width:100%;height:100%}.based-byob-pp__card-info{display:none}.based-byob-pp__card-media .based-byob-pp__card-scents{position:absolute;bottom:12px;left:16px;z-index:5;margin:0}.based-byob-pp__card-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .16s ease-out}.based-byob-pp__card[data-pressing="1"] .based-byob-pp__card-media img{opacity:.92}.based-byob-pp__card-added{position:absolute;top:8px;right:8px;z-index:4;padding:4px 9px;border:.679px solid var(--hx-gold-a-28);border-radius:76px;background-image:linear-gradient(176deg,var(--hx-scrim-11) 13.4%,var(--hx-gold-a-12) 86.6%);box-shadow:0 2.841px 29.836px var(--hx-gold-a-05);color:var(--hx-gold-01);font-size:10px;font-weight:700;line-height:1;letter-spacing:.04em;display:none;align-items:center;gap:4px}.based-byob-pp__card-added-label{line-height:1;text-transform:uppercase;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@supports (-webkit-touch-callout: none){.based-byob-pp__card-added-label{transform:translateY(1px)}}.based-byob-pp__card-added-check{display:block;width:13px;height:13px;color:var(--hx-gold-01)}.based-byob-pp__card[data-selected="1"] .based-byob-pp__card-added{display:inline-flex}.based-byob-pp__card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:0 4px}.based-byob-pp__card-title{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--hx-ink-01);line-height:1.2}.based-byob-pp__card-price{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--based-color-gold-mid, var(--hx-gold-03))}.based-byob-pp__card-scents{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.based-byob-pp__scent{width:14px;height:14px;padding:0;border-radius:99px;background:var(--byob-scent-color, var(--hx-ground-01));border:1px solid var(--hx-scrim-19);box-shadow:inset 0 0 0 1px var(--hx-shade-03);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.based-byob-pp__scent:hover{border-color:var(--hx-scrim-20);transform:translateY(-1px)}.based-byob-pp__scent[aria-pressed=true]{background:var(--byob-scent-color, var(--based-color-gold-mid, var(--hx-gold-03)));border-color:var(--hx-ink-01);box-shadow:0 0 0 2px var(--hx-gold-a-13),inset 0 0 0 1px var(--hx-shade-04)}.based-byob-pp__scent--oos{cursor:not-allowed;opacity:.45;position:relative}.based-byob-pp__scent--oos:after{content:"";position:absolute;top:5px;right:1px;bottom:5px;left:1px;border-top:1px solid var(--hx-grey-01);transform:rotate(45deg);transform-origin:center}.based-byob-pp__scent--oos:hover{transform:none}.based-byob-pp__card-cta{margin-top:auto;padding:8px 12px;background:var(--hx-ground-01);border:1px solid var(--hx-ground-08);border-radius:6px;color:var(--hx-ink-01);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:filter .15s ease,background .15s ease}.based-byob-pp__card-cta:hover{background:var(--hx-ground-08)}.based-byob-pp__card[data-selected="1"] .based-byob-pp__card-cta{background:var(--based-gradient-gold, linear-gradient(0deg,var(--hx-gold-04),var(--hx-gold-02)));border-color:transparent}.based-byob-pp__card-cta--oos{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background:var(--hx-grey-04);border-color:var(--hx-grey-06);color:var(--hx-scrim-21);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center}@supports (-webkit-touch-callout: none){.based-byob-pp__card-cta--oos{padding:9px 12px 7px}}.based-byob-pp__card-action{margin-top:auto}.based-byob-pp__card-add{display:flex;width:100%;align-items:center;justify-content:center;height:42px;padding:0 12px;border-radius:8px;background:linear-gradient(180deg,var(--hx-gold-02),var(--hx-gold-04));border:2px solid var(--hx-scrim-03);color:var(--hx-ink-01);font-size:16px;text-transform:none;letter-spacing:0}.based-byob-pp__card-add:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--hx-gold-02),var(--hx-gold-04))}.based-byob-pp__card-stepper,.based-byob-pp__card-done,.based-byob-pp__card[data-card-state=quantity] .based-byob-pp__card-add,.based-byob-pp__card[data-card-state=completed] .based-byob-pp__card-add{display:none}.based-byob-pp__card[data-card-state=quantity] .based-byob-pp__card-stepper,.based-byob-pp__card[data-card-state=completed] .based-byob-pp__card-done{display:flex}.based-byob-pp__card-stepper{align-items:center;justify-content:space-between;height:42px;border-radius:7.46px;border:2px solid var(--hx-scrim-03);background:linear-gradient(180deg,var(--hx-gold-02),var(--hx-gold-04));overflow:hidden}.based-byob-pp__card-step{flex:1 0 0;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:var(--hx-ink-01);font-family:inherit;font-size:20px;font-weight:500;line-height:1;cursor:pointer;transition:opacity .15s ease}.based-byob-pp__card-step:hover{opacity:.82}.based-byob-pp__card-step:disabled{opacity:.4;cursor:not-allowed}.based-byob-pp__card-step-icon{display:block;width:16px;height:16px}.based-byob-pp__card-qty{width:64px;flex:0 0 auto;text-align:center;color:var(--hx-ink-01);font-size:18px;font-weight:600;line-height:1}.based-byob-pp__card-done{align-items:center;justify-content:center;height:42px;border-radius:7.46px;border:2px solid var(--hx-gold-a-29);background:linear-gradient(180deg,var(--hx-gold-a-10),var(--hx-gold-a-30));color:var(--hx-gold-02)}.based-byob-pp__card-done svg{display:block}.based-byob-pp__panel{position:sticky;top:80px;background:var(--hx-ground-07);border:1px solid var(--hx-ground-01);border-radius:10px;padding:18px;box-sizing:border-box}.based-byob-pp__panel-title{margin:0 0 8px;font-size:14px;letter-spacing:.12em;color:var(--based-color-gold-mid, var(--hx-gold-03));font-weight:700}.based-byob-pp__panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.based-byob-pp__panel-header .based-byob-pp__panel-title,.based-byob-pp__drawer-head .based-byob-pp__panel-title{margin:0}.based-byob-pp__panel-progress{margin:0 0 14px;font-size:12px;color:var(--hx-grey-02);min-height:16px}.based-byob-pp__reveal-banner{display:none;align-items:center;justify-content:flex-start;padding:8px 0 10px;border-top:1px solid var(--hx-gold-a-04);color:var(--hx-scrim-22);font-family:var(--hx-font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;margin-bottom:12px;opacity:0;transition:opacity .18s ease-out}.based-byob-pp__reveal-banner[data-shown="1"]{display:flex;opacity:1}@media(prefers-reduced-motion:reduce){.based-byob-pp__reveal-banner{transition:opacity .2s ease-out}}.based-byob-pp__slots{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.based-byob-pp__slot{padding:8px;background:var(--hx-ground-11);border:1px solid var(--hx-ground-01);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--hx-ink-01)}.based-byob-pp__slot--empty{background:transparent;border-style:dashed;border-color:var(--hx-ground-08);color:var(--hx-grey-01);justify-content:center;padding:14px 8px}.based-byob-pp__slot--gift{background:linear-gradient(90deg,var(--hx-gold-a-31),var(--hx-gold-a-32));border-color:var(--hx-gold-a-33);color:var(--based-color-gold-mid, var(--hx-gold-03));font-weight:600}.based-byob-pp__slot-img{width:36px;height:36px;border-radius:5px;object-fit:cover;flex-shrink:0}.based-byob-pp__slot-info{flex:1;min-width:0}.based-byob-pp__slot-title{font-family:var(--hx-font-display);font-size:12px;font-weight:500;margin:0 0 2px;color:var(--hx-ink-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.based-byob-pp__slot-scent{display:block;width:100%;background:transparent;border:0;color:var(--hx-grey-02);font-family:inherit;font-size:11px;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}select.based-byob-pp__slot-scent{padding-right:14px}.based-byob-pp__slot-scent:focus{outline:1px solid var(--hx-gold-03);outline-offset:2px}.based-byob-pp__slot-remove{background:transparent;border:0;color:var(--hx-grey-03);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px}.based-byob-pp__slot-remove:hover{color:var(--hx-ink-01)}.based-byob-pp__totals{border-top:1px solid var(--hx-ground-01);padding-top:12px;margin-bottom:8px}.based-byob-pp__totals-row{display:flex;justify-content:space-between;font-size:12px;color:var(--hx-grey-02);margin-bottom:4px}.based-byob-pp__totals-row--savings{color:var(--based-color-gold-mid, var(--hx-gold-03))}.based-byob-pp__totals-row--total{margin-top:8px;font-size:14px;font-weight:700;color:var(--hx-ink-01)}.based-byob-pp__totals-row--total>span:last-child{color:var(--based-color-gold-mid, var(--hx-gold-03))}.based-byob-pp__totals-total-value,.based-byob-pp__mobile-total-line{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.based-byob-pp__discount-chip{display:inline-flex;align-items:center;min-height:17px;padding:2px 5px;border:1px solid var(--hx-gold-a-34);border-radius:999px;background:var(--hx-gold-a-35);color:var(--hx-gold-a-36);font-family:var(--hx-font-mono);font-size:8px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.based-byob-pp__discount-chip--drawer{min-height:18px;padding-inline:6px;font-size:9px}.based-byob-pp__discount-chip[hidden]{display:none}.based-byob-pp__totals[data-blurred="1"] [data-byob-total],.based-byob-pp__totals[data-blurred="1"] [data-byob-subtotal],.based-byob-pp__totals[data-blurred="1"] [data-byob-drawer-total],.based-byob-pp__totals[data-blurred="1"] [data-byob-drawer-subtotal]{filter:blur(12px);opacity:.5;transition:filter .6s cubic-bezier(.22,1,.36,1),opacity .6s ease-out}[data-byob-total],[data-byob-subtotal],[data-byob-drawer-total],[data-byob-drawer-subtotal]{filter:blur(0);opacity:1;transition:filter .6s cubic-bezier(.22,1,.36,1),opacity .6s ease-out}.based-byob-pp__price-placeholder{font-family:var(--hx-font-mono);font-size:10px;letter-spacing:.18em;color:var(--based-color-text-muted, var(--hx-grey-03));margin:6px 0 0;opacity:1;transition:opacity .3s ease-out}.based-byob-pp__totals[data-blurred="0"] .based-byob-pp__price-placeholder{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.based-byob-pp__totals [data-byob-total],.based-byob-pp__totals [data-byob-subtotal]{transition:opacity .2s ease-out!important;filter:none!important}}.based-byob-pp__checkout{display:block;width:100%;padding:14px;background:var(--based-gradient-gold, linear-gradient(0deg,var(--hx-gold-04),var(--hx-gold-02)));color:var(--hx-ink-01);border:0;border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:filter .15s ease}.based-byob-pp__checkout:hover:not(:disabled){filter:brightness(1.05)}.based-byob-pp__checkout:disabled{background:var(--hx-ground-01);color:var(--hx-scrim-06);cursor:not-allowed}.based-byob-pp__checkout [data-byob-checkout-total],.based-byob-pp__checkout [data-byob-drawer-checkout-total]{opacity:.92}.based-byob-pp__checkout-note{margin:-4px 0;font-family:var(--hx-font-cond);font-weight:400;font-size:13px;text-align:center;color:var(--hx-scrim-12)}@media(max-width:900px){.based-byob-pp__checkout-note{font-size:12px;margin-top:-2px;margin-bottom:0}}.based-byob-pp__panel-error{margin:10px 0 0;padding:8px 10px;background:var(--hx-err-deep);border:1px solid var(--hx-misc-02);border-radius:6px;color:var(--hx-err-ink);font-size:12px}.based-byob-pp__mobile-bar{display:none;position:fixed;-webkit-tap-highlight-color:transparent;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:80;grid-template-columns:minmax(0,1fr) minmax(88px,auto) minmax(92px,auto);align-items:center;gap:10px;padding:8px 8px 8px 10px;background:var(--hx-shade-06);border:1px solid var(--hx-gold-a-37);border-radius:14px;box-shadow:0 14px 34px var(--hx-shade-01);backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%)}@media(max-width:900px){.based-byob-pp__mobile-bar{display:grid}.based-byob-pp__inner{padding-bottom:132px}}.based-byob-pp__mobile-shelf{min-width:0}.based-byob-pp__mobile-slots{display:grid;grid-template-columns:repeat(var(--byob-top-tier, 6),minmax(0,1fr));gap:5px;margin-bottom:6px}.based-byob-pp__mobile-slot{height:28px;padding:0;border:1px solid var(--hx-scrim-07);border-style:solid;border-radius:7px;background:var(--hx-scrim-14);display:block;overflow:hidden;transition:border-color .18s ease-out,background .18s ease-out,transform .18s ease-out}.based-byob-pp__mobile-slot--filled{border-color:var(--hx-gold-a-13);background:var(--hx-gold-a-14)}.based-byob-pp__mobile-slot img{width:100%;height:100%;object-fit:cover;display:block}.based-byob-pp__mobile-slot[data-just-landed="1"]{transform:translateY(-1px)}.based-byob-pp__mobile-tier-rail{display:flex;justify-content:space-between;gap:4px;margin-top:2px}.based-byob-pp__mobile-tier{position:relative;flex:1;color:var(--hx-scrim-28);font-family:var(--hx-font-mono);font-size:9px;line-height:1;text-align:right;transition:color .16s ease-out}.based-byob-pp__mobile-tier:before{content:"";display:block;height:1px;background:var(--hx-scrim-23);margin:0 0 4px;transition:background .16s ease-out}.based-byob-pp__mobile-tier[data-active=hit]{color:var(--hx-gold-a-38)}.based-byob-pp__mobile-tier[data-active=hit]:before{background:var(--hx-gold-a-39)}.based-byob-pp__mobile-gift{display:inline-block;margin-top:5px;color:var(--hx-gold-a-40);font-family:var(--hx-font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.based-byob-pp__mobile-gift[hidden]{display:none}.based-byob-pp__mobile-meta{min-width:88px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:10.5px;color:var(--hx-grey-05);line-height:1.18}.based-byob-pp__mobile-meta [data-byob-mobile-count]{color:var(--hx-grey-02)}.based-byob-pp__mobile-meta [data-byob-mobile-msrp]{color:var(--hx-scrim-24);white-space:nowrap}.based-byob-pp__mobile-meta [data-byob-mobile-total]{color:var(--based-color-gold-mid, var(--hx-gold-03));font-size:12.5px;font-weight:700}.based-byob-pp__mobile-actions{display:grid;grid-template-rows:1fr 1fr;gap:5px;min-width:92px}.based-byob-pp__mobile-checkout,.based-byob-pp__mobile-cta{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 8px;border-radius:6px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase;cursor:pointer}.based-byob-pp__mobile-checkout{background:linear-gradient(0deg,var(--hx-gold-11),var(--hx-gold-02));border:1px solid var(--hx-gold-a-41);color:var(--hx-ground-03)}.based-byob-pp__mobile-checkout [data-byob-mobile-checkout-total]{display:none}.based-byob-pp__mobile-checkout[data-loading=true]{background:linear-gradient(0deg,var(--hx-gold-11),var(--hx-gold-02));border-color:var(--hx-gold-a-01);color:var(--hx-ground-03);cursor:progress;opacity:.86}.based-byob-pp__mobile-cta{gap:5px;background:var(--hx-scrim-09);border:1px solid var(--hx-gold-a-42);color:var(--hx-scrim-29)}.based-byob-pp__mobile-checkout:disabled:not([data-loading=true]){background:var(--hx-ground-01);border-color:var(--hx-scrim-23);color:var(--hx-scrim-06);cursor:not-allowed}.based-byob-pp__mobile-cta:disabled{background:var(--hx-ground-01);color:var(--hx-scrim-06);cursor:not-allowed}@media(max-width:380px){.based-byob-pp__mobile-bar{left:8px;right:8px;grid-template-columns:minmax(0,1fr) minmax(78px,auto) minmax(82px,auto);gap:7px;padding-inline:8px}.based-byob-pp__mobile-meta{min-width:78px;font-size:10px}.based-byob-pp__mobile-actions{min-width:82px}.based-byob-pp__mobile-checkout,.based-byob-pp__mobile-cta{min-height:32px;padding-inline:6px;font-size:9.5px}}.based-byob-pp__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.based-byob-pp__drawer[hidden]{display:none}.based-byob-pp__drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hx-shade-07)}.based-byob-pp__drawer-panel{position:absolute;left:0;right:0;bottom:0;max-height:90vh;overflow-y:auto;background:var(--hx-ground-07);border-top:1px solid var(--hx-ground-01);border-radius:14px 14px 0 0;padding:18px;box-sizing:border-box}.based-byob-pp__drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.based-byob-pp__drawer-close{background:transparent;border:0;color:var(--hx-ink-01);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px}@media(max-width:700px){.based-byob-pp__inner{padding:0 12px 100px}.based-byob-pp__header{padding:14px}.based-byob-pp__subhead{font-size:16px}.based-byob-pp__count{font-size:18px}.based-byob-pp__ladder-label{font-size:10px}.based-byob-pp__gift-value{font-size:12px}}.based-byob-pp{position:relative;isolation:isolate;overflow-x:hidden;overflow-y:visible}.based-byob-pp{--byob-pp-grid-size: 88px;--byob-pp-grid-line: var(--hx-gold-a-43)}.based-byob-pp[data-byob-pp-drawer-open="1"]{z-index:2147483000}.based-byob-pp:has(.based-byob-pp__scent-sheet:not([hidden])){z-index:2147483000}.based-byob-pp__sr-live,.based-byob-pp__sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.based-byob-pp__atmosphere{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,var(--hx-gold-a-44),var(--hx-gold-a-45) 25%,var(--hx-shade-08) 65%),var(--hx-ground-05)}.based-byob-pp__atmosphere:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;opacity:.64;mask-image:linear-gradient(to bottom,transparent 0%,var(--hx-ground-02) 8%,var(--hx-ground-02) 82%,transparent 100%),radial-gradient(ellipse at 50% 18%,var(--hx-ground-02) 0%,var(--hx-ground-02) 38%,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,var(--hx-ground-02) 8%,var(--hx-ground-02) 82%,transparent 100%),radial-gradient(ellipse at 50% 18%,var(--hx-ground-02) 0%,var(--hx-ground-02) 38%,transparent 78%);mask-composite:intersect;-webkit-mask-composite:source-in}.based-byob-pp__atmosphere:before{background-image:linear-gradient(var(--byob-pp-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--byob-pp-grid-line) 1px,transparent 1px);background-size:var(--byob-pp-grid-size) var(--byob-pp-grid-size);background-position:50% -18px,50% -18px}.based-byob-pp__atmosphere:after{--byob-pp-trace-span: clamp(260px, 34vw, 460px);content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;opacity:.62;background:linear-gradient(90deg,transparent 0%,transparent 34%,var(--hx-gold-a-15) 43%,var(--hx-gold-a-46) 50%,var(--hx-gold-a-15) 57%,transparent 66%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 34%,var(--hx-gold-a-16) 43%,var(--hx-gold-a-47) 50%,var(--hx-gold-a-16) 57%,transparent 66%,transparent 100%);background-repeat:repeat;background-size:var(--byob-pp-trace-span) 100%,100% var(--byob-pp-trace-span);background-position:calc(-1 * var(--byob-pp-trace-span)) 0,0 calc(-1 * var(--byob-pp-trace-span));mix-blend-mode:screen;animation:based-byob-grid-trace 15s linear infinite;will-change:background-position,opacity;mask-image:linear-gradient(to bottom,var(--hx-ground-02) 1px,transparent 1px),linear-gradient(90deg,var(--hx-ground-02) 1px,transparent 1px);mask-position:50% -18px,50% -18px;mask-repeat:repeat,repeat;mask-size:var(--byob-pp-grid-size) var(--byob-pp-grid-size),var(--byob-pp-grid-size) var(--byob-pp-grid-size);mask-composite:add;-webkit-mask-image:linear-gradient(to bottom,var(--hx-ground-02) 1px,transparent 1px),linear-gradient(90deg,var(--hx-ground-02) 1px,transparent 1px);-webkit-mask-position:50% -18px,50% -18px;-webkit-mask-repeat:repeat,repeat;-webkit-mask-size:var(--byob-pp-grid-size) var(--byob-pp-grid-size),var(--byob-pp-grid-size) var(--byob-pp-grid-size);-webkit-mask-composite:source-over}@keyframes based-byob-grid-trace{0%{opacity:.42;background-position:calc(-1 * var(--byob-pp-trace-span)) 0,0 calc(-1 * var(--byob-pp-trace-span))}35%{opacity:.72}65%{opacity:.62}to{opacity:.42;background-position:var(--byob-pp-trace-span) 0,0 var(--byob-pp-trace-span)}}.based-byob-pp__atmosphere-noise{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.03;mix-blend-mode:overlay}.based-byob-pp__inner{position:relative;z-index:1}.based-byob-pp__panel,.based-byob-pp__drawer-panel{background:var(--hx-shade-09);backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%);border:1px solid var(--hx-gold-a-48);border-radius:10px;box-shadow:0 10px 28px var(--hx-shade-10),inset 0 1px var(--hx-scrim-14)}@supports not (backdrop-filter: blur(1px)){.based-byob-pp__panel,.based-byob-pp__drawer-panel{background:var(--hx-shade-11)}}.based-byob-pp__grid{perspective:none}.based-byob-pp__card{transition:border-color .16s ease-out,box-shadow .16s ease-out;position:relative;overflow:hidden}.based-byob-pp__card[data-tilt-active="1"]{transition:border-color .16s ease-out,box-shadow .16s ease-out}.based-byob-pp__card-media,.based-byob-pp__card-body{transform:none;transition:none}.based-byob-pp__card-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),var(--hx-gold-a-49) 0%,var(--hx-gold-a-50) 18%,var(--hx-shade-08) 45%);opacity:0;transition:opacity .32s ease-out;z-index:2}.based-byob-pp__card[data-tilt-active="1"] .based-byob-pp__card-shine{opacity:0}@media(prefers-reduced-motion:reduce),(pointer:coarse){.based-byob-pp__card,.based-byob-pp__card-media,.based-byob-pp__card-body{transform:none!important;transition:none!important}.based-byob-pp__card-shine{display:none}}.based-byob-pp__card-ignite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.based-byob-pp__card-ignite-rect{transition:stroke-dashoffset .26s ease-out,opacity .18s ease-out;opacity:0}.based-byob-pp__card[data-selected="1"] .based-byob-pp__card-ignite-rect{opacity:1;stroke-dashoffset:0}.based-byob-pp__card[data-selected="1"][data-ignite-done="1"] .based-byob-pp__card-ignite-rect{opacity:.18;transition:opacity .24s ease-out}@media(prefers-reduced-motion:reduce){.based-byob-pp__card-ignite-rect{transition:opacity .2s ease-out}.based-byob-pp__card[data-selected="1"] .based-byob-pp__card-ignite-rect{stroke-dashoffset:0}}.based-byob-pp__slot{transition:transform .18s ease-out}.based-byob-pp__slot[data-just-landed="1"]{transform:scale(1.015);animation:based-byob-pp-slot-settle .18s 60ms forwards}@keyframes based-byob-pp-slot-settle{to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.based-byob-pp__slot{transition:none}.based-byob-pp__slot[data-just-landed="1"]{transform:none;animation:none}}.based-byob-pp__checkout{position:relative;overflow:hidden;background:var(--hx-scrim-09);color:var(--hx-scrim-04);border:1px solid var(--hx-scrim-07);transition:color .18s ease-out,border-color .18s ease-out,background .18s ease-out,filter .15s ease-out}.based-byob-pp__checkout:not(:disabled){color:var(--hx-ground-12);border-color:var(--hx-gold-a-01);background:linear-gradient(0deg,var(--hx-gold-11),var(--hx-gold-02))}@media(prefers-reduced-motion:reduce){.based-byob-pp__checkout{transition:none}}.based-byob-pp__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:flex-end;pointer-events:none}.based-byob-pp__drawer:not([hidden]){pointer-events:auto}.based-byob-pp__drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hx-shade-05);opacity:0;transition:opacity .2s ease-out}.based-byob-pp__drawer[data-open="1"] .based-byob-pp__drawer-backdrop{opacity:1}.based-byob-pp__drawer-panel{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:88vh;overflow:hidden;transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1),max-height .26s ease-out;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));touch-action:none}.based-byob-pp__drawer[data-open="1"] .based-byob-pp__drawer-panel{transform:translateY(0)}.based-byob-pp__drawer[data-dragging="1"] .based-byob-pp__drawer-panel{transition:none}@media(max-width:900px){.based-byob-pp{--byob-pp-grid-size: 64px;--byob-pp-grid-line: var(--hx-gold-a-51)}.based-byob-pp__panel,.based-byob-pp__drawer-panel,.based-byob-pp__mobile-bar{backdrop-filter:none;-webkit-backdrop-filter:none}.based-byob-pp__atmosphere-noise{display:none}.based-byob-pp__drawer[data-snap=peek] .based-byob-pp__drawer-panel{max-height:min(90dvh,calc(100dvh - 20px))}.based-byob-pp__drawer[data-snap=full] .based-byob-pp__drawer-panel{height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)}.based-byob-pp__drawer-panel .based-byob-pp__drawer-head{margin-bottom:6px}.based-byob-pp__drawer-panel .based-byob-pp__panel-progress{margin-bottom:10px}.based-byob-pp__drawer-panel [data-byob-drawer-slots]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px;gap:6px;margin-bottom:10px}.based-byob-pp__drawer-panel .based-byob-pp__slot{min-height:46px;padding:6px 8px}.based-byob-pp__drawer-panel .based-byob-pp__slot-img{width:34px;height:34px}.based-byob-pp__drawer-panel .based-byob-pp__slot--empty{min-height:46px;padding:8px}.based-byob-pp__drawer-panel .based-byob-pp__totals,.based-byob-pp__drawer-panel [data-byob-drawer-checkout],.based-byob-pp__drawer-panel [data-byob-drawer-error]{flex:0 0 auto}.based-byob-pp__drawer-panel .based-byob-pp__totals{margin-top:12px;margin-bottom:10px}.based-byob-pp__drawer-panel [data-byob-drawer-checkout]{min-height:48px;padding:13px 12px}}.based-byob-pp__drawer-grabber{width:40px;height:4px;border-radius:2px;background:var(--hx-gold-a-02);margin:0 auto 12px}.based-byob-pp__detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483002;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.based-byob-pp__detail[hidden]{display:none}.based-byob-pp__detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,var(--hx-gold-a-52),transparent 42%),var(--hx-shade-12);opacity:0;transition:opacity .22s ease-out}.based-byob-pp__detail-panel{position:relative;width:min(820px,calc(100vw - 48px));max-height:min(720px,calc(100dvh - 48px));display:grid;grid-template-columns:minmax(260px,.95fr) minmax(280px,1.05fr);gap:22px;padding:18px;overflow:hidden;border:1px solid var(--hx-gold-a-43);border-radius:14px;background:linear-gradient(135deg,var(--hx-scrim-30),var(--hx-scrim-11)),var(--hx-shade-13);box-shadow:0 26px 70px var(--hx-shade-14),inset 0 1px var(--hx-scrim-25);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .26s ease-out,transform .26s cubic-bezier(.22,1,.36,1);pointer-events:auto}.based-byob-pp__detail[data-open="1"]{pointer-events:auto}.based-byob-pp__detail[data-open="1"] .based-byob-pp__detail-backdrop{opacity:1}.based-byob-pp__detail[data-open="1"] .based-byob-pp__detail-panel{opacity:1;transform:translateY(0) scale(1)}.based-byob-pp__detail-loader{position:absolute;left:50%;top:50%;z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 16px;border:1px solid var(--hx-gold-a-04);border-radius:999px;background:linear-gradient(135deg,var(--hx-scrim-09),var(--hx-scrim-11)),var(--hx-shade-15);box-shadow:0 18px 52px var(--hx-shade-01);color:var(--hx-scrim-31);font-family:var(--hx-font-mono);font-size:10px;letter-spacing:.12em;line-height:1;text-transform:uppercase;opacity:0;transform:translate(-50%,calc(-50% + 8px));transition:opacity .18s ease-out,transform .22s cubic-bezier(.22,1,.36,1);pointer-events:auto}.based-byob-pp__detail-loader[hidden]{display:none}.based-byob-pp__detail-loader-mark{width:10px;height:10px;border-radius:999px;background:var(--based-color-gold-mid, var(--hx-gold-03));box-shadow:0 0 var(--hx-gold-a-02);animation:based-byob-loader-pulse .9s ease-in-out infinite}.based-byob-pp__detail[data-open="1"][data-loading="1"] .based-byob-pp__detail-loader{opacity:1;transform:translate(-50%,-50%)}.based-byob-pp__detail[data-loading="1"] .based-byob-pp__detail-panel{opacity:0;visibility:hidden;pointer-events:none}@keyframes based-byob-loader-pulse{0%,to{box-shadow:0 0 var(--hx-gold-a-02);transform:scale(1)}50%{box-shadow:0 0 18px var(--hx-gold-a-53);transform:scale(.72)}}.based-byob-pp__detail-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:1px solid var(--hx-scrim-07);border-radius:99px;background:var(--hx-shade-16);color:var(--hx-ink-01);font:inherit;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px;cursor:pointer}.based-byob-pp__detail-media{min-height:360px;padding:22px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hx-gold-a-54),transparent 45%),linear-gradient(145deg,var(--hx-ground-13),var(--hx-ground-14))}.based-byob-pp__detail-media img{width:100%;height:100%;box-sizing:border-box;display:block;object-fit:contain}.based-byob-pp__detail-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:30px 34px 24px 0}.based-byob-pp__detail-eyebrow{margin:0 0 8px;color:var(--based-color-gold-mid, var(--hx-gold-03));font-family:var(--hx-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.based-byob-pp__detail-title{margin:0;color:var(--hx-ink-01);font-size:32px;line-height:1.04;font-weight:800}.based-byob-pp__detail-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:10px 0 18px}.based-byob-pp__detail-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;color:var(--based-color-gold-mid, var(--hx-gold-03));font-size:15px;font-weight:700}.based-byob-pp__detail-price-was{color:var(--hx-scrim-20);font-size:13px;font-weight:600}.based-byob-pp__detail-price-note{color:var(--hx-gold-a-55);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.based-byob-pp__detail-price-facts{margin:0;color:var(--hx-scrim-26);font-size:12px;line-height:1.35}.based-byob-pp__detail-price-facts[hidden]{display:none}.based-byob-pp__detail-summary{margin:0;color:var(--hx-scrim-22);font-size:15px;line-height:1.5}.based-byob-pp__detail-facts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.based-byob-pp__detail-facts span{display:inline-flex;align-items:center;gap:4px;color:var(--hx-scrim-32);font-size:12px;line-height:1.35}.based-byob-pp__detail-facts span span{color:var(--hx-scrim-33)}.based-byob-pp__detail-facts span[hidden]{display:none}.based-byob-pp__detail-extra{display:flex;flex-direction:column;gap:12px;margin:0 0 22px}.based-byob-pp__detail-extra[hidden]{display:none}.based-byob-pp__detail-extra-status{margin:0;color:var(--hx-scrim-24);font-size:12px;line-height:1.35}.based-byob-pp__detail-extra-content{display:flex;flex-direction:column;gap:12px}.based-byob-pp__detail-extra-section{padding-top:12px;border-top:1px solid var(--hx-scrim-01)}.based-byob-pp__detail-extra-heading{margin:0 0 8px;color:var(--based-color-gold-mid, var(--hx-gold-03));font-family:var(--hx-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.based-byob-pp__detail-extra-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.based-byob-pp__detail-extra-item{padding:6px 8px;border:1px solid var(--hx-scrim-10);border-radius:6px;color:var(--hx-scrim-34);background:var(--hx-scrim-18);font-size:11px;line-height:1.2}.based-byob-pp__detail-add{min-height:48px;padding:14px 18px;border:1px solid var(--hx-gold-a-56);border-radius:7px;background:linear-gradient(0deg,var(--hx-gold-11),var(--hx-gold-02));color:var(--hx-ground-03);font:inherit;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.based-byob-pp__detail-add:disabled{opacity:.48;cursor:not-allowed}@media(max-width:700px){.based-byob-pp__detail{align-items:flex-end;padding:0}.based-byob-pp__detail-panel{width:100%;height:min(86dvh,calc(100dvh - 28px));max-height:min(86dvh,calc(100dvh - 28px));grid-template-columns:1fr;gap:12px;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;transform:translateY(100%);overflow-y:auto}.based-byob-pp__detail[data-open="1"] .based-byob-pp__detail-panel{transform:translateY(0)}.based-byob-pp__detail-media{min-height:0;height:min(38dvh,280px);padding:18px}.based-byob-pp__detail-copy{padding:0 4px}.based-byob-pp__detail-title{font-size:24px}.based-byob-pp__detail-summary{font-size:14px}}@media(max-width:700px){.based-byob-pp__detail-loader{top:auto;bottom:calc(32px + env(safe-area-inset-bottom,0px));transform:translate(-50%,8px)}.based-byob-pp__detail[data-open="1"][data-loading="1"] .based-byob-pp__detail-loader{transform:translate(-50%)}}.based-byob-pp__scent-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;display:flex;align-items:flex-end;pointer-events:none}.based-byob-pp__scent-sheet[hidden]{display:none}.based-byob-pp__scent-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hx-shade-17);opacity:0;transition:opacity .18s ease-out}.based-byob-pp__scent-sheet-panel{position:relative;width:100%;background:var(--hx-shade-02);border:0;border-top:1px solid var(--hx-gold-a-06);border-radius:20px 20px 0 0;box-shadow:0 -14px 34px var(--hx-shade-01);backdrop-filter:blur(20px) saturate(112%);-webkit-backdrop-filter:blur(20px) saturate(112%);padding:16px 24px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .22s ease-out;pointer-events:auto}.based-byob-pp__scent-sheet[data-open="1"]{pointer-events:auto}.based-byob-pp__scent-sheet[data-open="1"] .based-byob-pp__scent-sheet-backdrop{opacity:1}.based-byob-pp__scent-sheet[data-open="1"] .based-byob-pp__scent-sheet-panel{transform:translateY(0)}.based-byob-pp__scent-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.based-byob-pp__scent-sheet-options{display:grid;gap:8px}.based-byob-pp__scent-option{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:12px;border-radius:8px;border:1px solid var(--hx-scrim-10);background:var(--hx-scrim-14);color:var(--hx-ink-01);font:inherit;text-align:left}.based-byob-pp__scent-option--selected{border-color:var(--hx-gold-a-01);background:var(--hx-gold-a-14)}.based-byob-pp__scent-option:disabled{opacity:.46}.based-byob-pp__scent-option-dot{width:14px;height:14px;border-radius:99px;border:1px solid var(--hx-scrim-19);background:var(--byob-scent-color, var(--hx-gold-a-54));box-shadow:inset 0 0 0 1px var(--hx-shade-03)}.based-byob-pp__scent-option--selected .based-byob-pp__scent-option-dot{background:var(--byob-scent-color, var(--hx-gold-a-57));border-color:var(--hx-ink-01);box-shadow:0 0 0 2px var(--hx-gold-a-09),inset 0 0 0 1px var(--hx-shade-04)}.based-byob-pp__scent-option-label{min-width:0;font-size:14px;font-weight:600}.based-byob-pp__scent-option-state{color:var(--hx-scrim-26);font-family:var(--hx-font-book);font-size:10px;letter-spacing:.08em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.based-byob-pp__drawer-panel{transition:opacity .2s ease-out;transform:translateY(0);opacity:0}.based-byob-pp__drawer[data-open="1"] .based-byob-pp__drawer-panel{opacity:1}.based-byob-pp__atmosphere:before,.based-byob-pp__atmosphere:after{animation:none}.based-byob-pp__atmosphere:after{opacity:0;transform:none}.based-byob-pp__detail-backdrop,.based-byob-pp__detail-panel,.based-byob-pp__detail-loader,.based-byob-pp__scent-sheet-backdrop,.based-byob-pp__scent-sheet-panel{transition:none}.based-byob-pp__detail-panel{transform:none}.based-byob-pp__detail-loader-mark{animation:none}}.based-byob-pp button:focus-visible,.based-byob-pp a:focus-visible,.based-byob-pp [role=tab]:focus-visible,.based-byob-pp [tabindex]:focus-visible{outline:2px solid var(--based-color-gold-primary, var(--hx-gold-02));outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.based-byob-pp,.based-byob-pp *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.based-byob-pp__card-subtitle,.based-byob-pp__card-compare{display:none}.based-byob-pp__slots--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.based-byob-pp__slots--grid .based-byob-pp__slot{position:relative;aspect-ratio:4 / 3;min-height:0;padding:10px;background:var(--hx-scrim-02);border:1px solid var(--hx-scrim-07);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;color:var(--hx-scrim-04);font-size:12px;text-align:center}.based-byob-pp__slots--grid .based-byob-pp__slot-num{align-self:flex-end;flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:5px;background:var(--hx-scrim-13);color:var(--hx-ink-01);font:inherit;font-size:11px;line-height:1;letter-spacing:0;text-indent:0}.based-byob-pp__slots--grid .based-byob-pp__slot--empty .based-byob-pp__slot-num{box-sizing:border-box;padding-top:2px}.based-byob-pp__slots--grid .based-byob-pp__slot-reward{font-family:var(--hx-font-display);font-size:24px;font-weight:600;line-height:.85;color:var(--hx-scrim-04)}.based-byob-pp__slots--grid .based-byob-pp__slot-hint{font-family:var(--hx-font-display);font-size:10px;color:var(--hx-scrim-04)}.based-byob-pp__slots--grid .based-byob-pp__slot--filled{justify-content:space-between;color:var(--hx-ink-01);padding:8px 0 0;gap:0px;background:linear-gradient(180deg,var(--hx-ground-03),var(--hx-ground-04));border:1px solid var(--hx-gold-a-58)}.based-byob-pp__slots--grid .based-byob-pp__slot--filled .based-byob-pp__slot-img{width:100%;flex:1 1 auto;min-height:0;object-fit:contain}.based-byob-pp__slots--grid .based-byob-pp__slot--filled .based-byob-pp__slot-title{width:100%;min-height:16px;margin:0;display:flex;align-items:flex-end;justify-content:center;padding:0 8px;font-family:var(--hx-font-display);font-size:10px;font-weight:500;line-height:1.1;color:var(--hx-ink-01);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.based-byob-pp__slots--grid .based-byob-pp__slot--filled .based-byob-pp__slot-title:last-child{margin-bottom:16px}.based-byob-pp__slots--grid .based-byob-pp__slot--filled .based-byob-pp__slot-scent{flex:0 0 auto;width:100%;margin:-1px 0 8px;padding:0 8px;color:var(--hx-scrim-35);font-size:9px;line-height:1;text-align:center;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.based-byob-pp__slots--grid .based-byob-pp__slot--filled .based-byob-pp__slot-num{position:absolute;top:10px;right:10px;z-index:3;cursor:pointer;font-size:14px;transition:background .15s ease,color .15s ease}.based-byob-pp__slots--grid .based-byob-pp__slot--filled .based-byob-pp__slot-num:hover{background:var(--hx-scrim-05);color:var(--hx-ink-01)}.based-byob-pp__gift-cards{display:flex;gap:6px;margin-top:-4px}.based-byob-pp__panel .based-byob-pp__gift-cards{margin-top:-14px}.based-byob-pp__gift-card{position:relative;flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:18px 8px;border:1px solid var(--hx-scrim-05);border-radius:12px;background:var(--hx-scrim-02);overflow:hidden;box-shadow:0 0 var(--hx-gold-a-17);transition:box-shadow .32s ease,border-color .32s ease}.based-byob-pp__gift-card-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:blur(4px);opacity:.5;transform:scale(1.08);transition:filter .32s ease,opacity .32s ease,transform .32s ease}.based-byob-pp__gift-card-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;font-family:var(--hx-font-book);line-height:.8}.based-byob-pp__gift-card-status{margin:0;font-size:9px;letter-spacing:.02em}.based-byob-pp__gift-card-status-locked{color:var(--hx-scrim-04)}.based-byob-pp__gift-card-status-unlocked{color:var(--hx-gold-02);display:none}.based-byob-pp__gift-card-name{margin:0;font-size:11px;color:var(--hx-ink-01)}[data-gifts-unlocked="1"] .based-byob-pp__gift-card-img,.based-byob-pp__gift-card[data-unlocked="1"] .based-byob-pp__gift-card-img{filter:none;opacity:1;transform:none}[data-gifts-unlocked="1"] .based-byob-pp__gift-card,.based-byob-pp__gift-card[data-unlocked="1"]{border-color:var(--hx-gold-a-03);box-shadow:0 0 12px var(--hx-gold-a-07)}[data-gifts-unlocked="1"] .based-byob-pp__gift-card-status-locked,.based-byob-pp__gift-card[data-unlocked="1"] .based-byob-pp__gift-card-status-locked{display:none}[data-gifts-unlocked="1"] .based-byob-pp__gift-card-status-unlocked,.based-byob-pp__gift-card[data-unlocked="1"] .based-byob-pp__gift-card-status-unlocked{display:inline}.based-byob-pp__gift-cards--grouped{flex-direction:column;gap:12px}.based-byob-pp__gift-group{display:flex;flex-direction:column;gap:6px}.based-byob-pp__gift-group-head{margin:0;font-family:var(--hx-font-book);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-scrim-04);transition:color .32s ease}.based-byob-pp__gift-group:not(:has(.based-byob-pp__gift-card[data-unlocked="0"])) .based-byob-pp__gift-group-head{color:var(--hx-gold-02)}.based-byob-pp__gift-group-cards{display:flex;gap:6px}.based-byob-pp__gift-group-cards .based-byob-pp__gift-card{flex:1 1 0;min-width:0}.based-byob-pp__gift-cards--grouped .based-byob-pp__gift-card--featured{border-color:var(--hx-gold-a-07)}.based-byob-pp__gift-card-desc{margin:4px 0 0;font-size:9.5px;line-height:1.35;color:var(--hx-scrim-15);max-width:38ch}.based-byob-pp__gift-card[data-near="1"]{border-color:var(--hx-gold-a-08);box-shadow:0 0 8px var(--hx-gold-a-59)}.based-byob-pp__mobile-gift-tile[data-near="1"]{border-color:var(--hx-gold-a-60)}.based-byob-pp__mobile-gift-tile[data-near="1"] img{filter:blur(2px);opacity:.7}.based-byob-pp__config-warning{margin:16px auto;padding:12px 16px;max-width:760px;border:1px solid var(--hx-gold-13);border-radius:8px;background:var(--hx-gold-a-61);color:var(--hx-gold-14);font:12px/1.5 ui-monospace,monospace}@media(min-width:901px){.based-byob-pp__panel{position:sticky;top:132px;margin-top:49px;background:linear-gradient(180deg,var(--hx-ground-03),var(--hx-ground-04));border:2px solid var(--hx-ink-03);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:20px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.based-byob-pp__panel-top{display:flex;flex-direction:column;gap:10px;margin-top:-4px}.based-byob-pp__panel-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.based-byob-pp__panel-progress{margin:0;font-size:13px;line-height:1.3;letter-spacing:-.03em;text-align:left;text-wrap:balance;min-height:18px;color:var(--hx-ink-01)}.based-byob-pp__panel-progress strong{display:inline;font-weight:600;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__panel-bar{width:100%;height:4px;border-radius:99px;background:var(--hx-scrim-05);overflow:hidden}.based-byob-pp__panel-bar-fill{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--hx-gold-04),var(--hx-gold-02));transition:width .32s cubic-bezier(.22,1,.36,1)}.based-byob-pp__panel-heading{margin:-4px 0 0;font-family:var(--hx-font-display);font-size:33px;line-height:1;font-weight:500;letter-spacing:-.5px;text-align:left;color:var(--hx-ink-01)}.based-byob-pp__panel-heading-lead{font-family:var(--hx-font-book)}.based-byob-pp__panel-heading-accent{background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__panel .based-byob-pp__totals{margin:0;padding:0;border-top:0;display:flex;flex-direction:column;gap:6px}.based-byob-pp__panel .based-byob-pp__totals-row{margin:0;font-family:var(--hx-font-display);font-size:14px;font-weight:500}.based-byob-pp__panel .based-byob-pp__totals-row>span:first-child{color:var(--hx-scrim-08);font-weight:500}.based-byob-pp__panel .based-byob-pp__totals-row>span:last-child{color:var(--hx-ink-01);font-weight:500}.based-byob-pp__panel .based-byob-pp__totals-row--savings>span{color:var(--hx-gold-02)}.based-byob-pp__panel .based-byob-pp__totals-row--total{margin-top:0;font-size:14px;font-weight:500}.based-byob-pp__panel .based-byob-pp__totals-row--total>span:last-child{color:var(--hx-ink-01)}.based-byob-pp__panel .based-byob-pp__checkout{height:52px;padding:0 16px;border-radius:8px;font-size:18px;font-weight:600;letter-spacing:0;text-transform:none}.based-byob-pp__panel .based-byob-pp__checkout:disabled{background:var(--hx-ground-06);border:2px solid var(--hx-scrim-07);color:var(--hx-scrim-15)}.based-byob-pp__card{background:linear-gradient(180deg,var(--hx-ground-03),var(--hx-ground-04));border:2px solid var(--hx-misc-01);border-radius:18px;padding:0;overflow:hidden}.based-byob-pp__card-media{aspect-ratio:265 / 245;border-radius:0;margin-bottom:0}.based-byob-pp__card-body{padding:12px 16px 16px}.based-byob-pp__card-title{margin:0 0 5px;font-size:22px;font-weight:500;line-height:1.15;color:var(--hx-ink-01)}.based-byob-pp__card-subtitle{display:block;margin:0 0 4px;font-family:var(--hx-font-book);font-size:14px;font-weight:400;line-height:1.3;color:var(--hx-ink-01)}.based-byob-pp__card-price{margin:0 0 12px;display:flex;align-items:center;gap:4px;font-family:var(--hx-font-display);font-size:18px;font-weight:500;color:var(--hx-gold-12)}.based-byob-pp__card-compare{display:inline;font-size:16px;font-weight:500;color:var(--hx-scrim-12);text-decoration:line-through}.based-byob-pp__card-cta{height:42px;border-radius:7.462px;font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;background:linear-gradient(180deg,var(--hx-gold-02),var(--hx-gold-04));border:2px solid var(--hx-scrim-03);color:var(--hx-ink-01)}.based-byob-pp__card-cta:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--hx-gold-02),var(--hx-gold-04))}}@media(max-width:900px){.based-byob-pp__card{background:linear-gradient(180deg,var(--hx-ground-03),var(--hx-ground-04));border:2px solid var(--hx-misc-01);border-radius:18px;padding:0;overflow:hidden}.based-byob-pp__card[data-selected="1"]{border-color:var(--hx-gold-a-11)}.based-byob-pp__card-media{aspect-ratio:265 / 245;border-radius:0;margin-bottom:0}.based-byob-pp__card-body{padding:10px 12px 12px}.based-byob-pp__card-title{margin:0 0 2px;font-family:var(--hx-font-display);font-size:clamp(14px,4vw,18px);font-weight:500;line-height:1.15;color:var(--hx-ink-01)}.based-byob-pp__card-subtitle{display:block;margin:0 0 4px;font-family:var(--hx-font-book);font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.01em;color:var(--hx-ink-01)}.based-byob-pp__card-price{margin:0 0 10px;display:flex;align-items:center;gap:4px;font-family:var(--hx-font-display);font-size:clamp(13px,3.6vw,16px);font-weight:500;color:var(--hx-gold-12)}.based-byob-pp__card-added{transform:scale(.8);transform-origin:top right}.based-byob-pp__card-compare{display:inline;font-size:clamp(11px,3vw,14px);font-weight:500;color:var(--hx-scrim-12);text-decoration:line-through}.based-byob-pp__card-add,.based-byob-pp__card-cta{height:36px;box-sizing:border-box;border-radius:7.462px;font-size:clamp(13px,3.6vw,16px);font-weight:500;letter-spacing:0;text-transform:none;background:linear-gradient(180deg,var(--hx-gold-02),var(--hx-gold-04));border:2px solid var(--hx-scrim-03);color:var(--hx-ink-01)}.based-byob-pp__card-stepper,.based-byob-pp__card-done{height:36px;box-sizing:border-box}.based-byob-pp__card-qty{font-size:clamp(13px,3.6vw,16px)}.based-byob-pp__card-info{top:8px;left:8px;width:20px;height:20px}}@media(max-width:900px){.based-byob-pp__mobile-bar{display:flex;flex-direction:column;align-items:center;gap:12px;left:0;right:0;bottom:0;z-index:999;padding:16px 24px calc(24px + env(safe-area-inset-bottom,0px));background:var(--hx-shade-02);border:0;border-top:1px solid var(--hx-gold-a-06);border-radius:20px 20px 0 0;backdrop-filter:blur(20px) saturate(112%);-webkit-backdrop-filter:blur(20px) saturate(112%);box-shadow:0 -14px 34px var(--hx-shade-01);transform:translateY(120%);pointer-events:none;transition:transform .46s cubic-bezier(.22,1,.36,1)}.based-byob-pp__mobile-bar.is-visible{transform:translateY(0);pointer-events:auto}.based-byob-pp__mobile-bar.is-suppressed{transform:translateY(120%);pointer-events:none}.based-byob-pp__mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:var(--hx-shade-05);opacity:0;pointer-events:none;transition:opacity .3s ease}.based-byob-pp__mobile-scrim.is-visible{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.based-byob-pp__mobile-bar{transition:none}}.based-byob-pp__mobile-bar[data-expanded="1"]{max-height:88vh;overflow-y:auto}.based-byob-pp__mobile-head{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:0;background:transparent;border:0;font-family:var(--hx-font-display);line-height:1;cursor:pointer}.based-byob-pp__mobile-head-title{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--hx-ink-01)}.based-byob-pp__mobile-head-accent{background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__mobile-head-chevron{flex:0 0 auto;color:var(--hx-scrim-08);transition:transform .2s ease}.based-byob-pp__mobile-bar[data-expanded="1"] .based-byob-pp__mobile-head-chevron{transform:rotate(180deg)}.based-byob-pp__mobile-detail{display:none;flex-direction:column;gap:12px;width:100%}.based-byob-pp__mobile-bar[data-expanded="1"] .based-byob-pp__mobile-detail{display:flex}.based-byob-pp__mobile-bar[data-expanded="1"] .based-byob-pp__mobile-tiles{display:none}.based-byob-pp__mobile-detail .based-byob-pp__totals{display:flex;flex-direction:column;gap:6px;width:100%}.based-byob-pp__mobile-detail .based-byob-pp__totals-row{margin:0;display:flex;justify-content:space-between;font-size:14px}.based-byob-pp__mobile-detail .based-byob-pp__totals-row>span:first-child{color:var(--hx-scrim-08);font-family:var(--hx-font-display);font-weight:500}.based-byob-pp__mobile-detail .based-byob-pp__totals-row>span:last-child{color:var(--hx-ink-01);font-family:var(--hx-font-display);font-weight:500}.based-byob-pp__mobile-detail .based-byob-pp__totals-row--savings>span{color:var(--hx-gold-02)}.based-byob-pp__mobile-detail .based-byob-pp__totals-row--savings>span[data-byob-drawer-savings]{font-family:var(--hx-font-display);font-weight:700;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__mobile-detail .based-byob-pp__totals-row--total{display:none}.based-byob-pp__mobile-tiles{display:flex;justify-content:center;gap:4px;width:100%}.based-byob-pp__mobile-slot{position:relative;width:48px;height:48px;flex:0 0 auto;padding:0;border:.8px solid var(--hx-scrim-05);border-radius:8px;background:var(--hx-ground-06);overflow:hidden;display:flex;align-items:center;justify-content:center}.based-byob-pp__mobile-slot-reward{font-family:inherit;font-weight:700;font-size:9px;line-height:.85;color:var(--hx-scrim-04);text-align:center}.based-byob-pp__mobile-slot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.based-byob-pp__mobile-slot--filled{border-color:var(--hx-gold-a-02)}.based-byob-pp__mobile-slot--filled .based-byob-pp__mobile-slot-reward{display:none}.based-byob-pp__mobile-tiles{align-items:center;gap:3.196px}.based-byob-pp__mobile-slot,.based-byob-pp__mobile-gift-tile{flex:1 1 0;width:auto;height:auto;min-width:0;max-width:38.355px;aspect-ratio:1 / 1}.based-byob-pp__mobile-gift-sep{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px}.based-byob-pp__mobile-gift-sep img{display:block;width:100%;height:100%}.based-byob-pp__mobile-gift-tile{position:relative;border:.8px solid var(--hx-scrim-05);border-radius:6.393px;background:var(--hx-ground-06);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 var(--hx-gold-a-17);transition:box-shadow .32s ease,border-color .32s ease}.based-byob-pp__mobile-gift-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(3px);opacity:.5;transform:scale(1.08);transition:filter .32s ease,opacity .32s ease,transform .32s ease}.based-byob-pp__mobile-bar[data-gifts-unlocked="1"] .based-byob-pp__mobile-gift-tile,.based-byob-pp__mobile-gift-tile[data-unlocked="1"]{border-color:var(--hx-gold-a-03);box-shadow:0 0 12px var(--hx-gold-a-62),0 0 4px var(--hx-gold-a-07)}.based-byob-pp__mobile-bar[data-gifts-unlocked="1"] .based-byob-pp__mobile-gift-tile img,.based-byob-pp__mobile-gift-tile[data-unlocked="1"] img{filter:none;opacity:1;transform:none}.based-byob-pp__mobile-progress-wrap{display:flex;flex-direction:column;gap:10px;width:100%}.based-byob-pp__mobile-progress{margin:0;font-family:var(--hx-font-book);font-size:13px;line-height:1.3;letter-spacing:-.03em;color:var(--hx-ink-01);text-align:center}.based-byob-pp__mobile-progress strong{display:inline;font-weight:600;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__mobile-bar-track{width:100%;height:4px;margin-bottom:12px;border-radius:99px;background:var(--hx-scrim-05);overflow:hidden}.based-byob-pp__mobile-bar-fill{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--hx-gold-04),var(--hx-gold-02));transition:width .32s cubic-bezier(.22,1,.36,1)}.based-byob-pp__mobile-cta-full{width:100%;height:42px;padding:0 16px;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}.based-byob-pp__mobile-cta-full:disabled{background:var(--hx-ground-06);border:2px solid var(--hx-scrim-07);color:var(--hx-scrim-15)}.based-byob-pp__mobile-cta-full [data-byob-mobile-checkout-label],.based-byob-pp__mobile-cta-full [data-byob-mobile-checkout-total]{font-family:var(--hx-font-display);font-weight:500}.based-byob-pp__drawer-panel{gap:16px;padding:16px 24px calc(24px + env(safe-area-inset-bottom,0px));background:var(--hx-shade-02);border:0;border-top:1px solid var(--hx-gold-a-06);border-radius:20px 20px 0 0;backdrop-filter:blur(20px) saturate(112%);-webkit-backdrop-filter:blur(20px) saturate(112%)}.based-byob-pp__drawer-head-btn{margin:0}.based-byob-pp__drawer-panel [data-byob-drawer-slots]{flex:0 0 auto;overflow:visible;margin:0}}.based-byob-pp__checkout{border:2px solid var(--hx-scrim-03)}.based-byob-pp__checkout:not(:disabled){color:var(--hx-ink-01);border:2px solid var(--hx-scrim-03);text-transform:uppercase;letter-spacing:.02em}.based-byob-pp__glitter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483600;overflow:hidden;pointer-events:none}.based-byob-pp__glitter-bit{position:absolute;top:-28px;border-radius:1px;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);box-shadow:0 0 6px var(--hx-gold-a-63);opacity:0;will-change:transform,opacity;animation-name:based-byob-glitter-fall;animation-timing-function:cubic-bezier(.33,.45,.4,1);animation-fill-mode:forwards}@keyframes based-byob-glitter-fall{0%{opacity:0;transform:translate(0) rotate(var(--rot, 0deg)) scale(.6)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--drift, 0px),105vh) rotate(calc(var(--rot, 0deg) + 540deg)) scale(1)}}@media(prefers-reduced-motion:reduce){.based-byob-pp__glitter{display:none}}.based-byob-pp__header{display:none}.based-byob-pp__hero{position:relative;width:100%;display:flex;align-items:center;padding:clamp(56px,9.72vw,140px) 0;box-sizing:border-box;background-color:var(--hx-ground-02);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.based-byob-pp__hero-inner{width:100%;max-width:1232px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.based-byob-pp__hero-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border:.679px solid var(--hx-gold-15);border-radius:76px;background-image:linear-gradient(176deg,var(--hx-scrim-11) 13.4%,var(--hx-gold-a-12) 86.6%);box-shadow:0 2.841px 29.836px var(--hx-gold-a-05)}.based-byob-pp__hero-eyebrow-text{font-family:var(--hx-font-display);font-size:clamp(13px,1.11vw,16px);font-weight:500;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__hero-headings{display:flex;flex-direction:column;gap:0;max-width:985px;text-transform:capitalize}.based-byob-pp__hero-title{margin:0;font-family:var(--hx-font-book);font-size:clamp(28px,2.92vw,42px);line-height:1;letter-spacing:-.05em;color:var(--hx-ink-01)}.based-byob-pp__hero-title-accent{font-family:var(--hx-font-display);font-size:clamp(40px,5.14vw,74px);line-height:1;margin:0 0 0 -2px;padding-right:.06em;font-weight:500;letter-spacing:-.05em;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.based-byob-pp__hero-body{margin:0;max-width:600px;font-family:var(--hx-font-book);font-size:clamp(15px,1.46vw,21px);line-height:1.3;letter-spacing:-.04em;color:var(--hx-ink-01);text-wrap:balance}.based-byob-pp__hero-body strong{font-weight:700}.based-byob-pp__hero--responsive{background-image:url(jh-hero.jpg)}@media(max-width:749px){.based-byob-pp__hero{padding:0;align-items:flex-start;height:auto;background-position:center;background-size:cover}.based-byob-pp__hero--responsive{background-image:url(jh-hero-mobile.jpg)}.based-byob-pp__hero--custom-mobile{background-image:var(--byob-hero-custom-mobile)!important}.based-byob-pp__hero-inner{padding:104px 20px 45px;gap:12px;max-width:none}.based-byob-pp__hero-eyebrow{padding:3px 10px;border-width:.326px;border-color:var(--hx-gold-a-64);border-radius:36.63px;box-shadow:0 1.364px 14.321px var(--hx-gold-a-05)}.based-byob-pp__hero-eyebrow-text{font-size:9px}.based-byob-pp__hero-headings{gap:0px}.based-byob-pp__hero-title{font-size:18px}.based-byob-pp__hero-title-accent{font-size:30px}.based-byob-pp__hero-body{max-width:184px;font-size:10px;letter-spacing:-.04em;margin-top:-6px}}.based-byob-pp__totals-row--total{display:none}.based-byob-pp__checkout{margin-top:-10px}.based-byob-pp__panel .based-byob-pp__totals-row--savings>span[data-byob-savings]{font-family:var(--hx-font-display);font-weight:700;background:linear-gradient(122deg,var(--hx-gold-01) 1.1% 25.77%,var(--hx-gold-05) 58.66%,var(--hx-gold-01) 91.12%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}html body:not(.bbw-redesign),html .color-scheme-1,html .color-scheme-2,html .color-scheme-3,html .color-scheme-4,html .color-scheme-5,html .color-scheme-6,html .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7{background-color:var(--hx-ground-05)}html,html body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}html body iframe[style*="position: fixed"][style*="height: 56px"][style*="bottom: 12px"],html body div[style*="position: fixed"][style*="height: 56px"][style*="bottom: 12px"]{display:none!important}.based-byob-pp .based-byob-pp__card-cta--oos{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background:var(--hx-grey-04);border-color:var(--hx-grey-06);color:var(--hx-scrim-21);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center}.based-byob-pp .based-byob-pp__card-cta--oos:hover{background:var(--hx-grey-04);filter:none}
/*# sourceMappingURL=/cdn/shop/t/174/assets/based-byob.css.map?v=2391845336011887061786119896 */