.tracker-selector{background:var(--COLOR-BG);color:var(--COLOR-TEXT)}.tracker-selector__intro{text-align:center;margin-bottom:24px}.tracker-selector__question{margin:28px 0 0;text-align:center}.tracker-selector__question[hidden]{display:none}.tracker-selector__question-label{display:block;font-family:var(--FONT-STACK-NAV);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--COLOR-TEXT-A80);margin-bottom:14px}.tracker-selector__options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tracker-selector__option{font-family:var(--FONT-STACK-NAV);font-weight:var(--FONT-WEIGHT-NAV-BOLD, var(--FONT-WEIGHT-NAV));font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--COLOR-TEXT);border:1px solid var(--COLOR-BORDER);padding:15px 32px;min-width:170px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.tracker-selector__option:hover{border-color:var(--BTN-PRIMARY-BG, var(--COLOR-ACCENT));color:var(--BTN-PRIMARY-BG, var(--COLOR-ACCENT))}.tracker-selector__option:focus-visible{outline:2px solid var(--COLOR-ACCENT);outline-offset:2px}.tracker-selector__option[aria-pressed=true]{background:var(--BTN-PRIMARY-BG, var(--COLOR-ACCENT));border-color:var(--BTN-PRIMARY-BG, var(--COLOR-ACCENT));color:var(--BTN-PRIMARY-TEXT, #ffffff)}.tracker-selector__option[aria-pressed=true]:hover{color:var(--BTN-PRIMARY-TEXT, #ffffff)}.tracker-selector__unavailable{max-width:560px;margin:28px auto 0;padding:16px 18px;border-left:2px solid var(--COLOR-ACCENT);background:var(--COLOR-ACCENT-FADE, rgba(171, 140, 82, .08));text-align:left}.tracker-selector__unavailable[hidden],.tracker-instructions--waiting{display:none}.tracker-instructions{background:var(--COLOR-BG);color:var(--COLOR-TEXT)}.tracker-instructions__header{text-align:center;margin-bottom:8px}.tracker-instructions__lede{text-align:center;color:var(--COLOR-TEXT-A80);margin:8px 0 0}.tracker-instructions__modes{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:32px 0 40px;border-top:1px solid var(--COLOR-BORDER);border-bottom:1px solid var(--COLOR-BORDER);padding:12px 0}.tracker-instructions__mode-tab{font-family:var(--FONT-STACK-NAV);font-weight:var(--FONT-WEIGHT-NAV);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:none;border:none;color:var(--COLOR-TEXT-A80);padding:10px 18px;cursor:pointer;position:relative;transition:color .2s}.tracker-instructions__mode-tab:after{content:"";position:absolute;left:18px;right:18px;bottom:2px;height:1px;background:var(--COLOR-ACCENT);transform:scaleX(0);transition:transform .25s}.tracker-instructions__mode-tab:hover,.tracker-instructions__mode-tab[aria-selected=true]{color:var(--COLOR-TEXT)}.tracker-instructions__mode-tab[aria-selected=true]:after{transform:scaleX(1)}.tracker-instructions__mode-tab:focus-visible{outline:2px solid var(--COLOR-ACCENT);outline-offset:2px}.tracker-instructions__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.tracker-instructions__card-zone{position:sticky;top:calc(var(--header-height, 80px) + 16px)}.tracker-instructions__hint{font-family:var(--FONT-STACK-NAV);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--COLOR-TEXT-A80);text-align:center;margin-bottom:18px}.tracker-instructions__card{--tracker-led-red: #e04a3a;width:100%;max-width:320px;margin:0 auto;display:block;position:relative}.tracker-instructions__card-image{display:block;width:100%;height:auto}.tracker-instructions__hotspot{position:absolute;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0}.tracker-instructions__hotspot:focus-visible{outline:2px solid var(--COLOR-ACCENT);outline-offset:4px;border-radius:50%}.tracker-instructions__hotspot--a{width:56px;height:56px}.tracker-instructions__hotspot--b{width:36px;height:36px}.tracker-instructions__dot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;position:relative;transition:transform .15s}.tracker-instructions__hotspot--a .tracker-instructions__dot{background:radial-gradient(circle at 35% 30%,#3c362d,#171410 70%);box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff0f}.tracker-instructions__hotspot--b .tracker-instructions__dot{width:14px;height:14px;margin:11px;background:#3a3129;box-shadow:inset 0 1px 3px #000c;transition:background .25s,box-shadow .25s}.tracker-instructions__card.is-led-on .tracker-instructions__hotspot--b .tracker-instructions__dot{background:var(--tracker-led-color, var(--tracker-led-red));box-shadow:0 0 14px 4px color-mix(in srgb,var(--tracker-led-color, var(--tracker-led-red)) 55%,transparent)}.tracker-instructions__tag{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--COLOR-ACCENT);color:var(--COLOR-TEXT-LIGHT, #fff);font-family:var(--FONT-STACK-NAV);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000059}.tracker-instructions__ring-halo{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid var(--COLOR-ACCENT);opacity:0;transition:opacity .2s;animation:tracker-breathe 2.4s ease-in-out infinite}@keyframes tracker-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.tracker-instructions__hotspot:hover .tracker-instructions__ring-halo,.tracker-instructions__hotspot.is-lit .tracker-instructions__ring-halo{opacity:.9}.tracker-instructions__hotspot.is-lit .tracker-instructions__tag{background:var(--COLOR-TEXT);color:var(--COLOR-BG)}.tracker-instructions__card.is-pressing .tracker-instructions__hotspot--a .tracker-instructions__dot{animation:tracker-press .45s ease}@keyframes tracker-press{40%{transform:scale(.82)}to{transform:scale(1)}}.tracker-instructions__card.is-ringing{animation:tracker-ringing .7s ease-in-out 2}@keyframes tracker-ringing{0%,to{transform:rotate(0)}25%{transform:rotate(.6deg)}75%{transform:rotate(-.6deg)}}.tracker-instructions__beeps{display:flex;gap:8px;justify-content:center;margin-top:22px;height:10px}.tracker-instructions__beeps span{width:8px;height:8px;border-radius:50%;background:var(--COLOR-BORDER);transition:background .2s,transform .2s}.tracker-instructions__beeps span.is-on{background:var(--COLOR-ACCENT);transform:scale(1.25)}.tracker-instructions__beeps-label{text-align:center;font-family:var(--FONT-STACK-NAV);font-size:11px;letter-spacing:.1em;color:var(--COLOR-TEXT-A80);margin-top:10px;min-height:16px}.tracker-instructions__panel-title{margin-bottom:6px}.tracker-instructions__panel-lede{color:var(--COLOR-TEXT-A80);font-style:italic;margin-bottom:26px}.tracker-instructions__mode-panel[hidden]{display:none}.tracker-instructions__steps{list-style:none;margin:0;padding:0}.tracker-instructions__step{display:flex;gap:16px;padding:16px 14px;border-left:2px solid var(--COLOR-BORDER);cursor:pointer;transition:background .2s,border-color .2s}.tracker-instructions__step:hover{background:var(--COLOR-ACCENT-FADE, rgba(171, 140, 82, .08))}.tracker-instructions__step.is-active{border-color:var(--COLOR-ACCENT);background:var(--COLOR-ACCENT-FADE, rgba(171, 140, 82, .12))}.tracker-instructions__step-num{font-family:var(--FONT-STACK-NAV);font-size:11px;color:var(--COLOR-ACCENT);letter-spacing:.08em;min-width:24px;padding-top:3px}.tracker-instructions__step-title{font-size:calc(var(--font-body-medium, 16px) + 1px);margin:0 0 4px}.tracker-instructions__step-button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.tracker-instructions__step-button:focus-visible{outline:2px solid var(--COLOR-ACCENT);outline-offset:2px}.tracker-instructions__step-text{font-size:var(--font-body-small, 14.5px);line-height:1.55;color:var(--COLOR-TEXT-A80)}.tracker-instructions__step-text p{margin:0}.tracker-instructions__ref{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--COLOR-ACCENT);color:var(--COLOR-TEXT-LIGHT, #fff);font-family:var(--FONT-STACK-NAV);font-size:10px;font-weight:700;vertical-align:-3px;margin:0 2px}.tracker-instructions__note{margin-top:24px;padding:16px 18px;background:var(--COLOR-ACCENT-FADE, rgba(171, 140, 82, .08));border-left:2px solid var(--COLOR-ACCENT);font-size:var(--font-body-small, 14px);line-height:1.6;color:var(--COLOR-TEXT-A80)}.tracker-instructions__note p{margin:0}@media only screen and (max-width:749px){.tracker-instructions__stage{grid-template-columns:1fr;gap:36px}.tracker-instructions__card-zone{position:static}.tracker-instructions__card{max-width:240px}.tracker-instructions__modes{margin:24px 0 28px}.tracker-selector__option{min-width:0;flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.tracker-instructions__ring-halo{animation:none}.tracker-instructions__card.is-pressing .tracker-instructions__hotspot--a .tracker-instructions__dot{animation:none;transform:scale(.9)}.tracker-instructions__card.is-ringing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/tracker-instructions.css.map */