.sf-spool{isolation:isolate;mix-blend-mode:multiply;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.sf-spool>img{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:.16s ease-out sf-frame-in;display:block;position:absolute;inset:0}.sf-colour-stage{touch-action:pan-y;width:100%;height:100%;position:relative}.sf-stage-open{cursor:pointer;width:100%;height:100%;color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.sf-colour-arrow{z-index:2;color:#252b24;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.sf-colour-arrow:before{content:"";background:#faf9f4e6;border:1px solid #dddcd4;border-radius:50%;width:28px;height:28px;transition:background .15s;position:absolute}.sf-colour-arrow svg{width:16px;height:16px;position:relative}.sf-colour-arrow:hover:before{background:#fff}.sf-colour-arrow:focus-visible{outline-offset:-5px;border-radius:50%;outline:2px solid}.sf-colour-prev{left:0}.sf-colour-next{right:0}.sf-colour-position{letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#686c64;pointer-events:none;font-size:10px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sf-colour-stage .sf-image-plus{bottom:4px}.sf-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes sf-frame-in{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sf-spool>img{animation:none}.sf-colour-arrow{transition:none}}