.input-modal__field--symbol-picker .backside-engraving-upsell__label-text{display:block;margin-bottom:.4rem}.symbol-picker__setup-hint{margin:0;font-size:.85rem;color:rgba(var(--color-foreground),.7);line-height:1.4}.input-modal__field--symbol-picker-empty{padding:.5rem 0}.symbol-picker{display:flex;flex-direction:column;gap:.35rem;width:100%}.symbol-picker__box{display:flex;flex-direction:column;gap:.5rem}.symbol-picker__display{position:relative;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:.35rem;min-height:3.25rem;padding:.55rem 2.25rem .55rem .85rem;border:.1rem solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));transition:border-color var(--duration-short) ease}.symbol-picker__display:focus{outline:none;border-color:rgb(var(--color-foreground))}.symbol-picker__selected{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:1.75rem}.symbol-picker__display:not(.is-filled) .symbol-picker__selected{display:none}.symbol-picker__chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.symbol-picker__chip img{width:100%;height:100%;object-fit:contain;display:block}.symbol-picker__clear{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:50%;background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));cursor:pointer}.symbol-picker__clear:hover,.symbol-picker__clear:focus{background:rgba(var(--color-foreground),.2);outline:none}.symbol-picker__clear .icon{width:.65rem;height:.65rem}.symbol-picker__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25rem;max-height:11rem;overflow-y:auto;padding:.35rem;border:.1rem solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background))}.symbol-picker__symbol{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:.25rem;border:.1rem solid transparent;border-radius:.35rem;background:transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.symbol-picker__symbol:hover,.symbol-picker__symbol:focus{background:rgba(var(--color-foreground),.05);outline:none}.symbol-picker__symbol.is-selected{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.25)}.symbol-picker__symbol-img{width:1.75rem;height:1.75rem;object-fit:contain;pointer-events:none}.symbol-picker__symbol-fallback{font-size:.55rem;font-weight:600;color:rgba(var(--color-foreground),.7);line-height:1;text-align:center;word-break:break-all}.symbol-picker__error{display:block;font-size:.85rem;color:#c0392b}.symbol-picker__error[hidden]{display:none}.input-modal__field--symbol-picker.input-modal__field--error .symbol-picker__display{border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.symbol-picker__grid{grid-template-columns:repeat(8,1fr);max-height:10rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-symbol-picker.css.map */