@font-face{font-family:"Lato";font-weight:400;font-style:normal;font-display:swap;src:url("../../Public/Fonts/Lato-Regular.woff2") format("woff2")}@font-face{font-family:"Lato";font-weight:800;font-style:normal;font-display:swap;src:url("../../Public/Fonts/Lato-ExtraBold.woff2") format("woff2")}.product-spin{width:100%;max-width:864px;margin-inline:auto;padding:32px;color:#142d5a}.product-spin h1{margin:24px 0 8px;font-size:28px;line-height:1.3}.product-spin__back{display:inline-block;color:#142d5a;text-decoration:underline}.product-spin__stage{position:relative;margin-block:24px;background:#fff;aspect-ratio:800/533;border-radius:8px;cursor:grab;touch-action:pan-y;user-select:none}.product-spin__stage.is-dragging{cursor:grabbing}.product-spin__stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.product-spin__controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.product-spin__controls button{min-width:48px;min-height:48px;padding:8px 16px;border:1px solid #142d5a;border-radius:4px;background:#fff;color:#142d5a;font-size:24px;cursor:pointer}.product-spin__controls button:hover:enabled{background:#f7f7f7}.product-spin__controls button:disabled{opacity:.5;cursor:wait}.product-spin__controls label{display:flex;flex:1 1 160px;flex-direction:column;gap:8px;max-width:400px}.product-spin__controls input{width:100%;min-height:32px;accent-color:#142d5a}.product-spin__status{min-height:48px;margin-top:24px;color:#595959;text-align:center}.product-spin :focus-visible{outline:2px solid #142d5a;outline-offset:4px}@media(max-width: 600px){.product-spin{padding:20px}.product-spin h1{font-size:24px}}