/* Actual drawing crops; no substitute fonts. */
.lettering-options{border:0;padding:0;margin:22px 0 0;min-width:0}
.lettering-options>legend{display:block;padding:0;margin:0 0 8px;color:inherit;font-size:17px;line-height:1.5}
.lettering-options-hint{font-size:12px;line-height:1.65;margin:0 0 12px;color:#3e4950}
.lettering-dropdown{position:relative;border:2px solid #243e4a;background:#fffcf3;color:#182b31;border-radius:4px}
.lettering-selected{display:flex;align-items:center;gap:12px;padding:10px;min-height:78px;cursor:pointer;list-style:none}
.lettering-selected::-webkit-details-marker{display:none}
.lettering-reference-sample{display:block;flex:0 0 136px;width:136px;height:60px;background:#101416;border-radius:3px;overflow:hidden}
.lettering-reference-sample svg{display:block;width:100%;height:100%}
.lettering-selected-copy{min-width:0;flex:1}
.lettering-selected-copy strong,.lettering-style-copy strong{display:block;font-size:13px;line-height:1.5}
.lettering-selected-copy small,.lettering-style-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#42565c}
.lettering-dropdown-arrow{font-family:Arial,sans-serif!important;font-size:25px;line-height:1}
.lettering-dropdown[open] .lettering-dropdown-arrow{transform:rotate(180deg)}
.lettering-dropdown-menu{position:absolute;z-index:30;top:calc(100% + 5px);left:-2px;right:-2px;max-height:350px;overflow-y:auto;overscroll-behavior:contain;background:#fffcf3;border:2px solid #243e4a;border-radius:4px;box-shadow:0 12px 25px #101a2c33;padding:5px}
.lettering-style-row{display:flex;align-items:center;gap:10px;min-height:82px;padding:8px;cursor:pointer;border:2px solid transparent;border-radius:3px}
.lettering-style-row[hidden],.lettering-reference-sample[hidden]{display:none}
.lettering-style-row>input{flex:0 0 16px;width:16px;height:16px;margin:0;accent-color:#243e4a}
.lettering-style-row.is-selected{border-color:#866009;background:#fff0bc}
.lettering-style-row:hover{background:#eee6d1}
.lettering-style-copy{min-width:0;flex:1}
.lettering-selected:focus-visible,.lettering-style-row:focus-within{outline:3px solid #2c62ae;outline-offset:2px}
@media(max-width:480px){.lettering-reference-sample{flex-basis:100px;width:100px;height:50px}.lettering-selected,.lettering-style-row{gap:8px;padding:8px}.lettering-style-row>input{flex-basis:14px;width:14px;height:14px}.lettering-style-row{min-height:75px}.lettering-selected-copy strong,.lettering-style-copy strong{font-size:12px}.lettering-style-copy small{font-size:10px}.lettering-dropdown-menu{max-height:310px}}