.xxg{--xxg-ar:1.18;--xxg-gold:#d3ab57;--xxg-bone:#efe6d4;--xxg-bone-2:rgba(239,230,212,.74);--xxg-bone-3:rgba(239,230,212,.15);position:relative;margin:0;color:var(--xxg-bone)}.xxg__stage{position:relative;display:block;width:100%;aspect-ratio:var(--xxg-ar);padding:0;margin:0;border:0;border-radius:0;background:#0b0a09;color:inherit;font:inherit;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;isolation:isolate}.xxg__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.xxg__stage:focus{outline:none}.xxg__stage:focus-visible:after{box-shadow:inset 0 0 0 2px var(--xxg-gold),inset 0 0 0 4px #0b0a09e6}.xxg__cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transition:opacity .45s ease}.xxg:not(.is-ready) .xxg__cv{opacity:0}.xxg__cv--field{z-index:1}.xxg__cv--20{z-index:2}.xxg__cv--xx{z-index:3}.xxg__cv--air{z-index:4;pointer-events:none}.xxg__light{position:absolute;z-index:5;top:10px;right:10px;bottom:10px;left:10px;border-radius:3px;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(75% 85% at 20% 14%,#ffdeb414,#ffdeb406 45%,#ffdeb400 72%);transition:opacity .45s ease}.xxg:not(.is-ready) .xxg__light{opacity:0}.xxg__cv.is-fading{transition:opacity 1.6s ease .5s;opacity:0}.xxg__needle{position:absolute;left:0;top:0;z-index:6;width:3px;height:58px;margin:-58px 0 0 -1.5px;opacity:0;pointer-events:none;transform-origin:50% 100%;will-change:transform,opacity;transition:opacity .28s ease;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.6))}.xxg__needle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5px 1.5px 0 0;background:linear-gradient(90deg,#5d6269 0,#c9ced4 30%,#fbfcfd 46%,#dfe3e7 58%,#8b9199 80%,#4a4e54);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.xxg__needle:after{content:"";position:absolute;left:1px;top:5px;width:1px;height:7px;border-radius:1px;background:#0d0f12}.xxg__thread{position:absolute;left:1px;bottom:calc(100% - 9px);width:1.5px;height:900px;opacity:0;background:linear-gradient(0deg,#e2c47c 0,#c9a458 22%,#a8863f);box-shadow:1px 0 #00000059;transition:opacity .2s ease}.xxg[data-phase=sew] .xxg__thread{opacity:.95}.xxg[data-phase=sew] .xxg__needle,.xxg[data-phase=unpick] .xxg__needle{opacity:1}.xxg__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:16px 0 0}.xxg__why{grid-column:1 / -1;margin:0;font:italic 400 18px/1.35 var(--serif,"Libre Caslon Text",Georgia,serif);color:var(--xxg-bone)}.xxg__now{display:flex;align-items:center;gap:10px;margin:0;font:400 15px/1 var(--gothic,"League Gothic","Arial Narrow",Impact,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--xxg-bone-2)}.xxg__now b{font-weight:400;color:var(--xxg-gold)}.xxg__dot{flex:none;width:8px;height:8px;border-radius:50%;border:1px solid var(--xxg-gold);background:transparent;transition:background-color .3s}.xxg[data-phase=unpick] .xxg__dot,.xxg[data-phase=sew] .xxg__dot{background:var(--xxg-gold);animation:xxg-pulse 1s ease-in-out infinite}@keyframes xxg-pulse{50%{opacity:.35}}.xxg__rm{display:none;gap:0;border:1px solid var(--xxg-bone-3)}.xxg__rm button{min-width:44px;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--xxg-bone-2);font:400 17px/1 var(--gothic,"League Gothic","Arial Narrow",Impact,sans-serif);letter-spacing:.08em;cursor:pointer}.xxg__rm button+button{border-left:1px solid var(--xxg-bone-3)}.xxg__rm button[aria-pressed=true]{background:var(--xxg-bone);color:#0b0a09}.xxg__rm button:focus-visible{outline:2px solid var(--xxg-gold);outline-offset:2px}.xxg--still .xxg__rm{display:inline-flex;grid-column:2;grid-row:1;align-self:center}.xxg--still .xxg__why{grid-column:1}.xxg--still .xxg__now{display:none}.xxg__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.xxg__needle,.xxg__thread{display:none}.xxg__cv.is-fading{transition:none}.xxg[data-phase] .xxg__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/xx.css.map */