.viewer-hint{position:absolute;z-index:5;right:20px;bottom:21px;margin:0;padding:7px 9px;border-radius:99px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.5);color:white;font:9px 'DM Mono';letter-spacing:.08em;opacity:0;transition:opacity .35s}.detail-visual.photo-ready .viewer-hint{opacity:1}.real-photo-stage{cursor:grab;pointer-events:auto;touch-action:none}.real-photo-stage:active{cursor:grabbing}.real-photo-stage img{--turn-x:0deg;--turn-y:0deg;transform:perspective(850px) rotateX(var(--turn-x)) rotateY(var(--turn-y));transition:transform .15s ease-out}.colour-control{margin-top:14px;padding-top:13px;border-top:1px solid rgba(77,89,102,.16)}.colour-control>span{font:9px 'DM Mono';color:#78828c}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.swatch{position:relative;width:22px;height:22px;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 5px rgba(32,42,53,.2);border-radius:50%;cursor:pointer;transition:transform .22s,box-shadow .22s}.swatch:hover,.swatch.active{transform:scale(1.23);box-shadow:0 0 0 2px #29323c,0 3px 6px rgba(32,42,53,.2)}.swatch:after{content:attr(data-label);position:absolute;top:29px;left:50%;translate:-50%;white-space:nowrap;font:8px 'DM Mono';color:#5e6974;opacity:0;pointer-events:none;transition:opacity .2s}.swatch:hover:after{opacity:1}.auto-load{display:block!important;pointer-events:none;min-height:48px;color:#64707b}.auto-load span{display:inline-block;animation:loader .9s linear infinite}@keyframes loader{to{rotate:360deg}}@media(max-width:800px){.viewer-hint{right:13px;bottom:12px;font-size:8px}.swatches{gap:7px}}