/** Shopify CDN: Minification failed

Line 7:0 Unexpected "500"
Line 7:56 Unterminated string token

**/
500;700&family=Instrument+Serif:ital@0;1&display=swap');
    #bslay-wheel-preview {
      color: #2f2523;
      font-family: var(--font-heading, serif);
      padding: 24px;
    }
    #bslay-wheel-preview .stage {
      align-items: stretch;
      background: #f7ece7;
      color: #2f2523;
      display: grid;
      gap: 0;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
      margin: auto;
      max-width: 720px;
      min-height: 420px;
      overflow: hidden;
    }
    #bslay-wheel-preview .wheel-side {
      align-items: center;
      background: radial-gradient(circle at 58% 40%, #fffdfb 0 11%, transparent 12%), linear-gradient(135deg, #f2d8d2 0%, #f8eeea 47%, #e8bdc3 100%);
      display: flex;
      justify-content: center;
      min-height: 360px;
      padding: 28px;
      position: relative;
    }
    #bslay-wheel-preview .wheel-assembly { position: relative; width: 304px; max-width: 100%; aspect-ratio: 1; flex: 0 0 auto; }
    #bslay-wheel-preview .pointer {
      height: 48px;
      left: calc(85.355% - 18px);
      position: absolute;
      top: calc(14.645% - 23px);
      transform: rotate(-45deg);
      transform-origin: 18px 23px;
      width: 88px;
      z-index: 4;
    }
    #bslay-wheel-preview .pointer-arm {
      background: #2d2523;
      clip-path: polygon(0 50%, 18% 9%, 100% 30%, 100% 70%, 18% 91%);
      filter: drop-shadow(0 3px 3px rgb(45 37 35 / .25));
      height: 17px;
      left: -28px;
      position: absolute;
      top: 14px;
      width: 46px;
    }
    #bslay-wheel-preview .pointer-hub {
      background: #d8a7a0;
      border: 3px solid #fffdfc;
      border-radius: 50%;
      box-shadow: 0 3px 8px rgb(45 37 35 / .2);
      height: 30px;
      left: 0;
      position: absolute;
      top: 5px;
      width: 30px;
    }
    @keyframes bslay-pointer-click {
      0%, 100% { transform: rotate(-45deg); }
      25% { transform: rotate(-29deg); }
    }
    #bslay-wheel-preview .pointer.clicking { animation: bslay-pointer-click .12s ease-out; }
    @media (prefers-reduced-motion: reduce) {
      #bslay-wheel-preview .pointer.clicking { animation: none; }
    }
    #bslay-wheel-preview .wheel {
      align-items: center;
      --spin-angle: 0deg;
      background: conic-gradient(#f4e8e3 0 16.66%, #9a4251 16.66% 33.33%, #fffdfc 33.33% 50%, #76333e 50% 66.66%, #d8a7a0 66.66% 83.33%, #2d2523 83.33%);
      border: 5px solid #fffdfc;
      border-radius: 50%;
      box-shadow: 0 18px 38px rgb(45 37 35 / .22), inset 0 0 0 1px rgb(45 37 35 / .08);
      display: flex;
      box-sizing: border-box;
      height: 100%;
      justify-content: center;
      position: relative;
      transform: rotate(var(--spin-angle));
      width: 100%;
    }
    #bslay-wheel-preview .wheel.spinning { will-change: transform; }
    #bslay-wheel-preview .wheel::before {
      background: repeating-conic-gradient(from 0deg, #fffdfc 0 2deg, transparent 2deg 30deg);
      border-radius: 50%;
      content: '';
      inset: -17px;
      mask: radial-gradient(circle, transparent 0 calc(100% - 7px), #000 calc(100% - 6px));
      pointer-events: none;
      position: absolute;
    }
    #bslay-wheel-preview .wheel::after {
      border: 1px solid rgb(255 253 252 / .72);
      border-radius: 50%;
      content: '';
      inset: 11px;
      pointer-events: none;
      position: absolute;
    }
    #bslay-wheel-preview .wheel-label {
      color: #4a272d;
      font-family: var(--font-body, sans-serif);
      font-size: 11px;
      font-weight: 700;
      align-items: center;
      display: flex;
      justify-content: center;
      left: var(--x);
      letter-spacing: .07em;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: var(--y);
      transform: translate(-50%, -50%);
      width: 68px;
    }
    #bslay-wheel-preview .wheel-label.light { color: #fffaf6; }
    #bslay-wheel-preview .wheel-core {
      align-items: center;
      background: #fffdfc;
      border: 3px solid #9a4251;
      border-radius: 50%;
      box-shadow: 0 3px 12px rgb(45 37 35 / .18);
      display: flex;
      font-size: 12px;
      height: 76px;
      justify-content: center;
      color: #9a4251;
      letter-spacing: .1em;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      width: 76px;
      z-index: 2;
    }
    #bslay-wheel-preview .form-side {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 36px 30px;
    }
    #bslay-wheel-preview h2 { color: #2f2523; font-size: 38px; font-weight: 400; letter-spacing: -.035em; line-height: .95; margin: 0 0 16px; }
    #bslay-wheel-preview h2 em { color: #a33f57; font-weight: 400; }
    #bslay-wheel-preview p { color: #70615d; font-family: var(--font-body, sans-serif); font-size: 14px; line-height: 1.5; margin: 0 0 22px; }
    #bslay-wheel-preview label { color: #2f2523; display: block; font-family: var(--font-body, sans-serif); font-size: 12px; font-weight: 700; margin: 0 0 8px; }
    #bslay-wheel-preview input[type=email] { background: #fffaf6; border: 1px solid #c9aab0; border-radius: 24px; box-sizing: border-box; color: #2f2523; font-family: var(--font-body, sans-serif); font-size: 15px; margin: 0 0 12px; padding: 13px 15px; width: 100%; }
    #bslay-wheel-preview input[type=email]::placeholder { color: #9c8885; }
    #bslay-wheel-preview .consent { align-items: flex-start; color: #70615d; display: flex; font-family: var(--font-body, sans-serif); font-size: 12px; gap: 9px; line-height: 1.35; margin-bottom: 20px; }
    #bslay-wheel-preview .consent input { accent-color: #a33f57; margin: 2px 0 0; }
    #bslay-wheel-preview button { background: #a33f57; border: 0; border-radius: 24px; color: #fffaf6; cursor: pointer; font-family: var(--font-body, sans-serif); font-size: 12px; font-weight: 700; letter-spacing: .12em; min-height: 48px; text-transform: uppercase; width: 100%; }
    #bslay-wheel-preview button:disabled { cursor: not-allowed; opacity: .62; }
    #bslay-wheel-preview .result { color: #2f2523; font-family: var(--font-body, sans-serif); font-size: 14px; line-height: 1.5; margin-top: 16px; min-height: 44px; }
    #bslay-wheel-preview .result strong { color: #a33f57; font-family: var(--font-heading, serif); font-size: 22px; font-weight: 400; }
    #bslay-wheel-preview .note { color: #9c8885; font-family: var(--font-body, sans-serif); font-size: 11px; margin-top: 16px; }
    #bslay-wheel-preview .ticker { background: #2f2523; color: #fffaf6; font-size: 19px; font-style: italic; letter-spacing: .02em; overflow: hidden; padding: 15px 0; white-space: nowrap; }
    #bslay-wheel-preview .ticker span { display: inline-block; padding-left: 12px; }
    #bslay-wheel-preview .ticker b { color: #dca7b4; font-style: normal; padding: 0 14px; }
    @media (max-width: 560px) {
      #bslay-wheel-preview { padding: 12px; }
      #bslay-wheel-preview .stage { grid-template-columns: 1fr; }
      #bslay-wheel-preview .wheel-side { min-height: 286px; padding: 28px 20px; }
      #bslay-wheel-preview .wheel-assembly { width: 248px; }
      #bslay-wheel-preview .wheel-label { width: 60px; }
      #bslay-wheel-preview .form-side { padding: 28px 24px 32px; }
    }
    #bslay-wheel-preview { padding: 20px 8px; }
    #bslay-wheel-preview .stage {
      background: #fffdfc;
      border-radius: 18px;
      box-shadow: 0 24px 64px rgb(45 37 35 / .12);
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      max-width: 720px;
      min-height: 470px;
    }
    #bslay-wheel-preview .wheel-side {
      background: #f0ded7;
      flex-direction: column;
      gap: 46px;
      min-width: 0;
      padding: 38px 28px;
    }
    #bslay-wheel-preview .brand-name { color: #76333e; font-size: 28px; letter-spacing: -.04em; }
    #bslay-wheel-preview .wheel-assembly { width: 270px; }
    #bslay-wheel-preview .wheel {
      background: conic-gradient(#fff8f0 0 60deg, #a55664 60deg 120deg, #f0c4bb 120deg 180deg, #76333e 180deg 240deg, #fff8f0 240deg 300deg, #a55664 300deg 360deg);
      border: 4px solid #fffdfc;
      box-shadow: 0 12px 20px rgb(118 51 62 / .12);
    }
    #bslay-wheel-preview .wheel::after { display: none; }
    #bslay-wheel-preview .wheel::before { inset: -12px; }
    #bslay-wheel-preview .wheel-label { font-family: var(--font-heading, serif); font-size: 29px; font-weight: 400; letter-spacing: -.04em; text-transform: none; width: 64px; line-height: 1; }
    #bslay-wheel-preview .wheel-label small { display: block; font-family: var(--font-body, sans-serif); font-size: 9px; letter-spacing: .12em; margin-top: 5px; text-transform: uppercase; }
    #bslay-wheel-preview .wheel-label.bonus { font-family: var(--font-body, sans-serif); font-size: 11px; line-height: 1.4; letter-spacing: .04em; }
    #bslay-wheel-preview .wheel-core { background: #fffdfc; border: 0; box-shadow: 0 3px 9px rgb(45 37 35 / .12); font-style: italic; font-size: 30px; height: 58px; width: 58px; letter-spacing: -.06em; text-transform: none; }
    #bslay-wheel-preview .pointer-arm { background: #76333e; }
    #bslay-wheel-preview .pointer-hub { background: #9a4251; height: 24px; width: 24px; top: 8px; left: 3px; }
    #bslay-wheel-preview .form-side { padding: 44px 32px; min-width: 0; }
    #bslay-wheel-preview .invitation { color: #9a4251; font-family: var(--font-body, sans-serif); font-size: 10px; font-weight: 500; letter-spacing: .16em; margin-bottom: 22px; text-transform: uppercase; }
    #bslay-wheel-preview h2 { font-size: 44px; line-height: 1.02; letter-spacing: -.045em; margin-bottom: 18px; }
    #bslay-wheel-preview h2 em { color: #9a4251; }
    #bslay-wheel-preview p { color: #7d6761; font-size: 13px; line-height: 1.65; margin-bottom: 26px; }
    #bslay-wheel-preview label { font-size: 11px; font-weight: 400; }
    #bslay-wheel-preview input[type=email] { background: #fffdfc; border: 1px solid #e6deda; border-radius: 100px; padding: 13px 18px; font-size: 16px; margin-bottom: 18px; }
    #bslay-wheel-preview .consent { font-size: 11px; font-weight: 400; line-height: 1.5; gap: 8px; margin-bottom: 22px; }
    #bslay-wheel-preview button { background: #9a4251; border-radius: 100px; font-size: 11px; font-weight: 500; letter-spacing: .09em; min-height: 48px; transition: background .18s ease; }
    #bslay-wheel-preview button:hover { background: #76333e; }
    #bslay-wheel-preview .result { min-height: 0; margin-top: 16px; font-size: 12px; }
    #bslay-wheel-preview .result:empty { display: none; }
    #bslay-wheel-preview .note { color: #8c7670; font-size: 10px; line-height: 1.5; margin-top: 14px; }
    #bslay-wheel-preview .ticker { display: none; }
    @media (max-width: 600px) {
      #bslay-wheel-preview { padding: 12px 4px; }
      #bslay-wheel-preview .stage { grid-template-columns: 1fr; max-width: 390px; }
      #bslay-wheel-preview .wheel-side { min-height: 0; padding: 24px 26px 30px; gap: 24px; }
      #bslay-wheel-preview .brand-name { font-size: 25px; }
      #bslay-wheel-preview .wheel-assembly { width: 228px; }
      #bslay-wheel-preview .wheel-label { font-size: 25px; width: 56px; }
      #bslay-wheel-preview .form-side { padding: 28px; }
      #bslay-wheel-preview .invitation { margin-bottom: 14px; }
      #bslay-wheel-preview h2 { font-size: 40px; }
      #bslay-wheel-preview p { margin-bottom: 20px; }
    }
  
#bslay-wheel-preview[hidden]{display:none!important}
#bslay-wheel-preview{position:fixed;inset:0;z-index:10000;overflow-y:auto;padding:32px 16px;box-sizing:border-box;background:rgb(45 37 35 / .42);display:grid;align-items:center;}
#bslay-wheel-preview .stage{position:relative;width:100%;margin:auto;}
#bslay-wheel-preview .wheel-close{position:absolute;right:10px;top:10px;z-index:6;width:40px;min-height:40px;margin:0;padding:0;background:transparent;color:#76333e;font-size:26px;letter-spacing:0;}
#bslay-wheel-preview .wheel-close:hover{background:#f4e8e3;}
#bslay-wheel-preview button:focus-visible,#bslay-wheel-preview input:focus-visible{outline:2px solid #9a4251;outline-offset:3px;}
@media(max-width:600px){#bslay-wheel-preview{padding:16px 12px;align-items:start;}#bslay-wheel-preview .stage{margin:auto;}#bslay-wheel-preview .wheel-side{gap:16px;padding:22px;}#bslay-wheel-preview .wheel-assembly{width:210px;}#bslay-wheel-preview .form-side{padding:24px;}#bslay-wheel-preview .stage{min-height:0;}}