.shop-hat{background:#eeeae3;margin:0}.shop-hat-stage{aspect-ratio:1.2;cursor:grab;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.shop-hat-stage:active{cursor:grabbing}.shop-hat-stage canvas,.shop-hat-stage .shop-hat-preview{width:100%;height:100%;display:block;position:absolute;inset:0}.shop-hat-stage .shop-hat-preview{object-fit:contain;pointer-events:none}.shop-hat-index{z-index:2;letter-spacing:.1em;pointer-events:none;font-size:12px;position:absolute;top:18px;left:18px}.shop-hat figcaption{text-align:center;color:#625e57;min-height:40px;padding:10px 12px;font-size:12px;line-height:1.5;position:relative}.shop-hat figcaption button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.shop-hat .mobile-scroll-rail{z-index:3;touch-action:pan-y;width:18px;position:absolute;top:0;bottom:0}.shop-hat .mobile-scroll-rail[data-side=left]{left:0}.shop-hat .mobile-scroll-rail[data-side=right]{right:0}