@font-face{font-family:'PB Amiri';src:url('pb-amiri-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
pb-necklace-preview{display:block;margin:20px 0 12px;border:1px solid #e8ded7;border-radius:4px;background:#fff;color:#292522;overflow:hidden;letter-spacing:normal}
pb-necklace-preview[hidden],pb-necklace-preview [hidden]{display:none!important}
.pb-necklace-preview__views{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px}
.pb-necklace-preview__views button,.pb-necklace-preview__generate{border:1px solid #ded4cc;padding:8px 14px;background:#fff;color:#625a54;font:400 12px/1.3 Arial,sans-serif;cursor:pointer;border-radius:2px}
.pb-necklace-preview__views button[aria-pressed=true]{background:#f9e2e9;border-color:#e7a8bb;color:#292522}
.pb-necklace-preview__views button:focus-visible,.pb-necklace-preview__generate:focus-visible{outline:2px solid #292522;outline-offset:3px}
.pb-necklace-preview__art{padding:0 14px 8px;isolation:isolate}
.pb-necklace-preview__art svg{width:100%;height:auto;display:block;overflow:hidden;max-height:420px}
.pb-necklace-preview__text{font-family:'PB Avenir Roman',sans-serif;font-weight:400;letter-spacing:0;font-kerning:normal;mix-blend-mode:multiply}
.pb-necklace-preview__generate{margin:0 18px 14px;background:#efc1cf;color:#292522;border-color:#efc1cf}
@media(max-width:699px){.pb-necklace-preview__views{padding:10px 14px}.pb-necklace-preview__art{padding:0 10px 8px}}

.pb-necklace-preview__rotation{display:grid;gap:8px;padding:8px 18px;font-size:12px}.pb-necklace-preview__rotation input{width:100%;accent-color:#a9d5eb}

.pb-necklace-preview__views[hidden]{display:none}