rr-compass-personalization{display:block;margin:1.2rem 0}
.product-form:has(rr-compass-personalization) .product-form__buttons>.product-form__submit,.product-form:has(rr-compass-personalization) .product-form__buttons>.shopify-payment-button{display:none!important}
.rr-compass-open{overflow:hidden}
.rr-compass__launch{min-height:52px;font-weight:700}
.rr-compass__dialog[hidden],.rr-compass__sign[hidden],.rr-compass__placeholder[hidden]{display:none!important}
.rr-compass__dialog{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:16px;background:rgba(10,17,28,.72)}
.rr-compass__panel{position:relative;display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(290px,.9fr);width:min(1000px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px;background:#fff;color:#202526;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.rr-compass__close{position:absolute;right:12px;top:10px;z-index:3;width:44px;height:44px;border:1px solid #b8b8b8;background:#fff;border-radius:50%;color:#202526;font:30px/1 sans-serif;cursor:pointer}
.rr-compass__preview{display:grid;align-content:center;padding:48px 24px 24px;background:#f4f1eb;min-width:0}
.rr-compass__stage{position:relative;width:100%;aspect-ratio:1440/1410.3828;background:#faf9f6;border-radius:12px;overflow:hidden}
.rr-compass__sign{position:absolute;inset:4%;background:#202020;-webkit-mask:var(--rr-compass-mask) center/contain no-repeat;mask:var(--rr-compass-mask) center/contain no-repeat;filter:drop-shadow(0 1px 1px #0002)}
.rr-compass__placeholder{position:absolute;inset:20%;display:grid;place-items:center;margin:0;text-align:center;font-size:18px;color:#666}
.rr-compass__caption{margin:14px 0 0;text-align:center;font-size:14px;min-height:24px;line-height:1.5}
.rr-compass__controls{padding:52px 28px 24px;min-width:0}
.rr-compass__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin:0 0 6px;color:#5c655e}
.rr-compass__controls h2{margin:0 0 22px;font-size:30px;line-height:1.1;color:#202526}
.rr-compass__controls label,.rr-compass__label{display:block;font-size:14px;font-weight:600;margin:16px 0 8px}
.rr-compass__select{width:100%;min-height:48px;padding:8px 12px;border:1px solid #aaa;border-radius:6px;background:#fff;color:#202526;font:inherit}
.rr-compass__help,.rr-compass__note{font-size:12px;line-height:1.5;color:#596059;margin:8px 0 14px}
.rr-compass__finishes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rr-compass__finish{display:flex;align-items:center;gap:8px;min-height:52px;text-align:left;padding:6px;border:1px solid #b8b8b8;border-radius:7px;background:#fff;color:#202526;font:inherit;font-size:12px;line-height:1.25;cursor:pointer}
.rr-compass__finish[aria-pressed="true"]{outline:2px solid #233f32;outline-offset:1px;background:#f2f6f3}
.rr-compass__swatch{display:block;flex:0 0 32px;width:32px;height:36px;border-radius:4px;background:#ddd;border:1px solid #aaa}
.rr-compass__finish:focus-visible,.rr-compass__close:focus-visible,.rr-compass__select:focus-visible{outline:3px solid #235eaa;outline-offset:2px}
.rr-compass__add{min-height:48px;margin-top:12px}
.rr-compass__message{min-height:20px;font-size:12px;line-height:1.5;margin:8px 0 0;color:#596059}
@media(max-width:749px){.rr-compass__dialog{padding:8px}.rr-compass__panel{grid-template-columns:1fr;max-height:calc(100dvh - 16px);border-radius:12px}.rr-compass__preview{padding:48px 18px 18px}.rr-compass__stage{width:min(100%,380px);margin:auto}.rr-compass__controls{padding:20px}.rr-compass__controls h2{font-size:26px;margin-bottom:14px}.rr-compass__caption{margin-top:10px}}

.rr-compass>rr-photo-finish-materials{display:none}