.spn.splp-on .spn-preview{display:none!important}.spn .spn-stage{position:relative}.spn .splp-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.spn .splp-layer[hidden]{display:none}.spn .splp-backwrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#eee;isolation:isolate;display:flex;align-items:center;justify-content:center}.spn .splp-backwrap[hidden]{display:none}.spn .spn-stage .splp-backwrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken;transition:none}.spn .splp-guides{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.spn .splp-logo{position:absolute;box-sizing:border-box;pointer-events:auto;cursor:grab;touch-action:none;outline:none;user-select:none;-webkit-user-select:none}.spn .splp-logo[hidden]{display:none}.spn .splp-logo.is-drag{cursor:grabbing}.spn .spn-stage .splp-logo img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;mix-blend-mode:normal;transition:none;pointer-events:none;-webkit-user-drag:none}.spn .splp-logo.is-ph{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e6f8f2eb;border:1px dashed #111111;font-family:var(--head);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#111;text-align:center}.spn .splp-logo.is-active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid #78E6D0;pointer-events:none}.spn .splp-logo:focus-visible:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid #111111;pointer-events:none}.spn .splp-tag{position:absolute;transform:translate(-50%);padding:4px 8px;border-radius:12px;background:#111;color:#fff;font-family:var(--head);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.spn .splp-tag[hidden]{display:none}.spn .splp-toggle{position:absolute;top:0;right:0;z-index:3;display:flex;gap:8px}.spn .splp-toggle button{height:48px;padding:0 16px;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #8a928e;font-family:var(--head);font-size:16px;line-height:24px;font-weight:400;letter-spacing:0;text-transform:none;color:#111;cursor:pointer}.spn .splp-toggle button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #111}.spn .splp-toggle button:focus-visible{outline:2px solid #111111;outline-offset:2px}.spn .splp-bar{display:flex;flex-direction:column;gap:16px;margin-top:-16px}.spn .splp-bar[hidden],.spn .splp-colors[hidden],.spn .splp-hint[hidden]{display:none}.spn .splp-colors{display:flex;flex-direction:column;gap:8px}.spn .splp-colors__t{font-family:var(--head);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5e656b}.spn .splp-colors__row{display:flex;flex-wrap:wrap;gap:12px}.spn .splp-dot{width:40px;height:40px;flex:none;padding:0;border:0;border-radius:999px;background-color:#fff;background-size:190%;background-position:center;box-shadow:inset 0 0 0 1px #11111124;cursor:pointer}.spn .splp-dot[aria-pressed=true]{box-shadow:inset 0 0 0 1px #11111124,0 0 0 3px #eee,0 0 0 5px #111}.spn .splp-dot:focus-visible{outline:2px solid #111111;outline-offset:6px}.spn .splp-hint{margin:0;display:flex;flex-direction:column;gap:4px;font-family:var(--head);font-size:16px;line-height:24px;font-weight:400;color:#5e656b}.spn .splp-hint__row{display:flex;flex-wrap:wrap;gap:4px 16px}.spn .splp-warn{color:#111}.spn .splp-link{padding:0;border:0;background:none;font:inherit;color:#111;text-decoration:underline;text-decoration-color:#78e6d0;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.spn .splp-link:hover{color:#0b6b5a}.spn .splp-link[hidden]{display:none}.spn .splp-minis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spn .splp-minis[hidden]{display:none}.spn .splp-mini{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:0;border-radius:12px;background:#eee;cursor:pointer;font-family:var(--head);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#111}.spn .splp-mini[aria-pressed=true]{box-shadow:inset 0 0 0 2px #111}.spn .splp-mini:focus-visible{outline:2px solid #111111;outline-offset:2px}.spn .splp-mini canvas{display:block;width:100%;max-width:200px;height:auto;aspect-ratio:1/1}@media(max-width:849px){.spn .splp-bar{order:1;margin-top:-8px}}@media(max-width:599px){.spn .splp-toggle button{padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/sp-logo-preview.css.map */