.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:0;height:40px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #8a928e}.spn .splp-toggle button{height:100%;padding:0 16px;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--head);font-size:16px;line-height:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#111;cursor:pointer}.spn .splp-toggle button+button{box-shadow:inset 1px 0 #8a928e}.spn .splp-toggle button:hover{background:#f6f8f7}.spn .splp-toggle button[aria-pressed=true],.spn .splp-toggle button[aria-pressed=true]:hover{background:#111;color:#fff;box-shadow:none}.spn .splp-toggle button[aria-pressed=true]+button{box-shadow:none}.spn .splp-toggle button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #111}.spn .splp-toggle button[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #111}.spn .spn-stage__chips{max-width:calc(100% - 248px);padding-top:12px}.spn .spn-chip--label{max-width:100%;min-width:0}.spn .spn-chip--label [data-spn-stage-color]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{height:44px}.spn .splp-toggle button{padding:0 12px}}@media(max-width:599px){.spn .spn-stage__chips{padding-top:14px}}@media(max-width:399px){.spn .splp-toggle button{padding:0 10px;font-size:12px;line-height:16px;letter-spacing:.1em}.spn .spn-stage__chips{max-width:calc(100% - 184px)}}.spn .spn-stage.splp-zoom{overflow:hidden}.spn .spn-stage>img,.spn .spn-stage .splp-layer{transform-origin:0 0}.spn .splp-toggle button[hidden]{display:none}.spn .spn-stage__chips{max-width:100%}.spn .spn-logo .spn-pill[aria-pressed=true] .splp-i__ic{color:#5e656b}
/*# sourceMappingURL=/cdn/shop/t/138/assets/sp-logo-preview.css.map */