.sa-title-paint-trigger{display:inline-block;position:relative;width:24px;height:24px;padding:0;margin:0 0 0 4px;border:0;background:transparent;vertical-align:middle;cursor:zoom-in;border-radius:50%;line-height:0}.sa-title-paint-trigger:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.sa-title-paint-trigger:focus-visible{outline:2px solid currentColor;outline-offset:5px}.sa-title-paint-trigger .sa-title-paint-circle{margin:0}.sa-title-paint-trigger__zoom{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#fff;color:#161616;box-shadow:0 0 0 1px #16161630;pointer-events:none}.sa-title-paint-trigger:disabled .sa-title-paint-trigger__zoom{display:none}.sa-title-paint-trigger:disabled{cursor:default}html.sa-paint-preview-open{overflow:hidden}dialog.sa-paint-preview{box-sizing:border-box;margin:auto;padding:0;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #e9e9e9;border-radius:16px;background:#fff;color:#161616;box-shadow:0 24px 90px #0003;overflow:auto;font-family:var(--font-body-family, sans-serif);text-align:center}dialog.sa-paint-preview::backdrop{background:#000000c7}@media(prefers-reduced-motion:no-preference){dialog.sa-paint-preview[open]{animation:sa-paint-preview-enter .28s cubic-bezier(.22,.61,.36,1) both}dialog.sa-paint-preview[open]::backdrop{animation:sa-paint-preview-backdrop-enter .24s ease-out both}}@keyframes sa-paint-preview-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes sa-paint-preview-backdrop-enter{0%{opacity:0}to{opacity:1}}.sa-paint-preview__content{padding:52px 28px 24px}.sa-paint-preview__close{position:absolute;top:15px;right:15px;z-index:10;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#888;color:#fff;cursor:pointer;transition:background .2s}.sa-paint-preview__close:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.sa-paint-preview__close:hover{background:#666}.sa-paint-preview__close:focus-visible{outline:2px solid #111;outline-offset:3px}.sa-paint-preview__close svg{width:16px;height:16px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sa-paint-preview__eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#696969}.sa-paint-preview__title{margin:0;font-family:inherit;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.025em}.sa-paint-preview__image{display:block;width:240px;height:auto;max-width:100%;margin:26px auto;border-radius:50%;box-shadow:0 0 0 1px #00000012}.sa-paint-preview__names{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4}.sa-paint-preview__names li{display:flex;align-items:center;gap:7px}.sa-paint-preview__key{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background-repeat:no-repeat;background-size:400% 400%;background-position:50% 50%;box-shadow:0 0 0 1px #00000012}.sa-paint-preview__key--first{background-position:20% 20%}.sa-paint-preview__key--second{background-position:80% 80%}.sa-paint-preview__note{margin:20px 0 0;font-size:12px;line-height:1.5;color:#757575}@media(max-width:749px){.sa-title-paint-trigger{width:22px;height:22px}.sa-title-paint-trigger:before{top:-11px;right:-11px;bottom:-11px;left:-11px}.sa-paint-preview__content{padding:48px 24px 22px}.sa-paint-preview__title{font-size:20px}.sa-paint-preview__image{width:220px;margin:24px auto}.sa-paint-preview__names{gap:22px;font-size:13px}}@media(max-height:540px){.sa-paint-preview__image{width:160px;margin:16px auto}}@media(min-width:768px)and (min-height:600px){dialog.sa-paint-preview{border-radius:20px}.sa-paint-preview__close{top:18px;right:18px;width:40px;height:40px}.sa-paint-preview__close:before{top:-2px;right:-2px;bottom:-2px;left:-2px}.sa-paint-preview__close svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.sa-paint-preview,.sa-paint-preview *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/sa-paint-preview.css.map */