.styling-tool-trigger{all:unset;cursor:pointer;display:block;width:100%}.styling-tool-trigger:focus{outline:2px solid #384BC5;outline-offset:3px}.pcarousel__item--styling-tool .pcard__cta{font-size:.85rem;color:#384bc5;font-weight:500}.styling-tool-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.styling-tool-modal.is-open{display:block}.styling-tool-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.styling-tool-container{position:relative;max-width:560px;width:calc(100% - 32px);margin:6vh auto;background:#fff;border-radius:12px;padding:24px 22px 26px;box-shadow:0 20px 40px #00000040;font-family:Montserrat,sans-serif}.styling-tool-header{text-align:center;margin-bottom:18px}.styling-tool-header h2{margin:0 0 6px;font-size:22px;font-weight:600;color:#2b2b2f}.styling-tool-subtitle{margin:0;font-size:14px;color:#666}.styling-tool-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:28px;cursor:pointer;line-height:1;color:#2b2b2f}html.styling-tool-lock,body.styling-tool-lock{overflow:hidden!important;height:100%;touch-action:none}.styling-tool-body{margin-top:16px;display:flex;flex-direction:column}.styling-tool-step h3{font-size:16px;margin-bottom:14px;color:#2b2b2f;text-align:center}.styling-tool-step p{margin-bottom:18px;line-height:1.4;text-align:center;font-size:14px;color:#555}.styling-tool-options{display:flex;flex-direction:column;gap:10px}.styling-tool-option{width:100%;border:1px solid #2B2B2F;background:#fff;padding:12px 14px;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px}.styling-tool-option.is-selected{background:#384bc5;color:#fff;border-color:#384bc5}.styling-tool-next{margin-top:16px;width:100%;background:#2b2b2f;color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer;font-size:14px}.styling-tool-input{width:100%;padding:10px;margin-top:12px;border-radius:4px;border:1px solid #ccc}.styling-tool-back{background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;margin-bottom:16px;padding:0;display:inline-flex;align-items:center;gap:6px}.styling-tool-back:hover{color:#384bc5}.styling-tool-scroll-step{display:flex;flex-direction:column;height:100%}.styling-tool-scroll-area{max-height:280px;overflow-y:auto;padding:16px 4px;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.styling-tool-scroll-area{max-height:340px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/styling-tool.css.map */