#textTiles .menu-bar-text-tiles-overview .text-tiles-overview-sample-input,.menu-bar-text-tiles-overview .text-tiles-overview-sample-input{width:168px;max-width:28vw;box-sizing:border-box}.menu-bar-text-tiles-overview .text-tiles-font-picker{min-width:200px;width:min(250px,30vw);max-width:300px}.menu-bar-text-tiles-overview .text-tiles-font-trigger{height:28px;padding:4px 8px;font-size:12px}.text-tiles-font-inline{position:relative;display:flex;align-items:center;min-width:0}.text-tiles-font-picker{position:relative;min-width:220px;width:min(320px,44vw);max-width:100%}.filter-container .filter-font-picker .text-tiles-font-picker{width:min(100%,var(--controls-width));min-width:0}.filter-container .filter-font-picker .text-tiles-font-popover{width:min(100%,var(--controls-width));max-width:min(100%,var(--controls-width))}.text-tiles-font-trigger{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;padding:6px 10px;font-size:var(--fontsize-small);color:var(--main-100);background:var(--main-700);border:1px solid var(--main-600);border-radius:var(--global-border-radius);outline:none;cursor:pointer;text-align:left}.text-tiles-font-trigger:focus,.text-tiles-font-trigger[aria-expanded=true]{border-color:var(--blue-600);box-shadow:0 0 0 1px var(--blue-600)}.text-tiles-font-trigger:after{content:"";width:10px;height:10px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}.text-tiles-font-trigger-label{min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-tiles-font-trigger-meta{flex:0 0 auto;padding:2px 6px;font-size:10px;line-height:1.2;color:var(--main-100);background:var(--main-600);border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.text-tiles-font-trigger-meta:empty{display:none}.text-tiles-font-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-editor-popover);width:min(420px,70vw);max-width:min(420px,calc(100vw - 32px));background:var(--main-800);border:1px solid var(--main-600);border-radius:12px;box-shadow:0 12px 28px #00000059;overflow:hidden}.text-tiles-font-popover-header{padding:8px;border-bottom:1px solid var(--main-600)}.text-tiles-font-search{width:100%;height:34px;box-sizing:border-box;padding:6px 10px 6px 30px;font-size:var(--fontsize-small);color:var(--main-100);background-color:var(--main-700);border:1px solid var(--main-600);border-radius:var(--global-border-radius);outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20' fill='%23999'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;background-size:16px 16px}.text-tiles-font-search:focus{border-color:var(--blue-600);box-shadow:0 0 0 1px var(--blue-600)}.text-tiles-font-search::placeholder{color:var(--main-200);opacity:.85}.text-tiles-font-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--main-600);background:var(--main-850, var(--main-900))}.text-tiles-font-filter{font-size:11px;color:var(--main-200);border:1px solid var(--main-600);background:var(--main-700);padding:4px 8px;border-radius:999px;cursor:pointer}.text-tiles-font-filter.is-active{color:var(--button-color);background:var(--purple);border-color:var(--purple)}.text-tiles-font-list{max-height:min(420px,60vh);overflow:auto;padding:6px}.text-tiles-font-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--main-100);text-align:left;cursor:pointer}.text-tiles-font-row:hover,.text-tiles-font-row.is-active,.text-tiles-font-row:focus{background:var(--main-700);outline:none}.text-tiles-font-row.is-selected{background:#7a5cff29;box-shadow:inset 0 0 0 1px #7a5cff73}.text-tiles-font-row-main{min-width:0}.text-tiles-font-row-label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fontsize-small)}.text-tiles-font-row-preview{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1.2}.text-tiles-font-row-meta{flex:0 0 auto;padding:2px 6px;font-size:10px;color:var(--main-100);background:var(--main-600);border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.text-tiles-font-empty{padding:16px 12px;font-size:var(--fontsize-small);color:var(--main-200);text-align:center}.text-tiles-font-select-native{display:none}.font-picker-modal-overlay[hidden]{display:none!important}.font-picker-modal-overlay{position:fixed;inset:0;z-index:var(--z-font-picker-modal);display:flex;align-items:center;justify-content:center;background:#00000094;padding:24px;box-sizing:border-box}.font-picker-modal{width:min(420px,calc(100vw - 48px));max-width:100%;max-height:min(82vh,100dvh,860px);display:flex;flex-direction:column;color:var(--main-200);background:var(--main-900);border:1px solid var(--main-600);border-radius:14px;box-shadow:0 16px 40px #00000073;overflow:hidden;min-height:0;box-sizing:border-box}.font-picker-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--main-600);flex-shrink:0}.font-picker-modal-title{font-size:var(--fontsize-medium);font-weight:600;min-width:0}.font-picker-modal-close{color:var(--main-200);border:none;background:transparent;font-size:24px;line-height:1;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.font-picker-modal-close:hover{opacity:.7}.font-picker-modal-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0 16px 16px;overflow:hidden}.font-picker-modal .text-tiles-font-popover-header,.font-picker-modal .text-tiles-font-filters{padding-left:0;padding-right:0;flex-shrink:0}.font-picker-modal .text-tiles-font-list{flex:1 1 auto;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-left:0;padding-right:0}@media(max-width:640px){.font-picker-modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.font-picker-modal{width:100%;max-width:100%;height:100%;max-height:100dvh;border-radius:0;border:none}.font-picker-modal-header{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}.font-picker-modal-body{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}