.page-module-scss-module__5gK8xW__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:768px){.page-module-scss-module__5gK8xW__grid{grid-template-columns:1fr}}.page-module-scss-module__5gK8xW__example{text-align:center;background:#fbf7f1;border-radius:1rem;padding:1.5rem}.page-module-scss-module__5gK8xW__example img{width:100%;height:auto;margin-bottom:1.5rem;display:block}.page-module-scss-module__5gK8xW__example h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;line-height:1.6875rem}.page-module-scss-module__5gK8xW__example p{color:#667081;margin:0;font-size:.75rem;line-height:1.125rem}
@layer components{.SelectFontFamily-module-scss-module__dtpBxW__root{--border-radius:.5rem;flex-direction:column;gap:.5rem;width:9.75rem;min-height:2.625rem;display:flex;position:relative}.SelectFontFamily-module-scss-module__dtpBxW__root.SelectFontFamily-module-scss-module__dtpBxW__open .SelectFontFamily-module-scss-module__dtpBxW__panel{z-index:10}.SelectFontFamily-module-scss-module__dtpBxW__root.SelectFontFamily-module-scss-module__dtpBxW__error{display:none}.SelectFontFamily-module-scss-module__dtpBxW__loadingOverlay{border-radius:var(--border-radius);pointer-events:none;box-sizing:border-box;background-color:#fff;border:1px solid #eff2f6;justify-content:space-between;align-items:center;gap:.5rem;width:100%;height:100%;padding:.5rem 1rem;font-size:.75rem;line-height:1.125rem;display:flex;position:absolute;top:0;left:0}.SelectFontFamily-module-scss-module__dtpBxW__caret{--chevron-size:.6rem}.SelectFontFamily-module-scss-module__dtpBxW__trigger{text-align:left;border-radius:var(--border-radius);cursor:pointer;background-color:#0000;border:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition:border-color .2s;display:flex}.SelectFontFamily-module-scss-module__dtpBxW__trigger:hover,.SelectFontFamily-module-scss-module__dtpBxW__trigger:focus{border-color:#c5cad3;outline:none}.SelectFontFamily-module-scss-module__dtpBxW__trigger:disabled{color:#c5cad3;pointer-events:none}.SelectFontFamily-module-scss-module__dtpBxW__trigger:disabled:after{opacity:.2}.SelectFontFamily-module-scss-module__dtpBxW__value{white-space:nowrap;align-items:center;width:max-content;min-width:2.5rem;min-height:1.5rem;font-size:.75rem;line-height:1.125rem;display:flex;overflow:hidden}.SelectFontFamily-module-scss-module__dtpBxW__panel{z-index:1;background-color:#fff;border:1px solid #eff2f6;border-radius:.5rem;flex-direction:column;width:350px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 12px #363d4d1a}.SelectFontFamily-module-scss-module__dtpBxW__groups{flex-direction:column;flex:1;gap:.5rem;min-height:0;max-height:545px;padding:.5rem 0 1rem;display:flex;position:relative;overflow-y:auto}.SelectFontFamily-module-scss-module__dtpBxW__groups .SelectFontFamily-module-scss-module__dtpBxW__list:not(:last-child){margin-bottom:.5rem}.SelectFontFamily-module-scss-module__dtpBxW__group{color:#667081;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.125rem;display:flex}.SelectFontFamily-module-scss-module__dtpBxW__group:not(:first-child){padding-top:.5rem}.SelectFontFamily-module-scss-module__dtpBxW__group:after{content:"";border-top:1px solid #667081;width:100%;height:1px}.SelectFontFamily-module-scss-module__dtpBxW__group{padding-left:1.5rem;padding-right:1.5rem}@media (max-width:768px){.SelectFontFamily-module-scss-module__dtpBxW__group{padding-left:1.25rem}}.SelectFontFamily-module-scss-module__dtpBxW__list{margin:0;padding:0;list-style:none}.SelectFontFamily-module-scss-module__dtpBxW__option{color:#1e2129;cursor:pointer;align-items:center;min-height:2rem;padding:.5rem 1.5rem;transition:background-color .2s;display:flex;overflow:clip visible}@media (max-width:768px){.SelectFontFamily-module-scss-module__dtpBxW__option{padding-left:1.25rem}}.SelectFontFamily-module-scss-module__dtpBxW__option *{pointer-events:none}.SelectFontFamily-module-scss-module__dtpBxW__option:hover,.SelectFontFamily-module-scss-module__dtpBxW__option:focus{background-color:#eff2f6;outline:none}.SelectFontFamily-module-scss-module__dtpBxW__option.SelectFontFamily-module-scss-module__dtpBxW__selected{background-color:#e9e2ff}.SelectFontFamily-module-scss-module__dtpBxW__optionName{font-family:var(--preview-family),var(--font-dmsans), sans-serif;white-space:nowrap;font-size:.875rem;line-height:1;display:block;overflow:visible}.SelectFontFamily-module-scss-module__dtpBxW__pills{box-shadow:none;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:.5rem;padding:1.25rem;transition:box-shadow .15s;display:flex}.SelectFontFamily-module-scss-module__dtpBxW__pills.SelectFontFamily-module-scss-module__dtpBxW__hasShadow{box-shadow:0 4px 12px #363d4d1a}.SelectFontFamily-module-scss-module__dtpBxW__pill{color:#667081;cursor:pointer;background-color:#0000;border:0;border-radius:1rem;padding:.2rem .625rem;font-size:.75rem;line-height:1.125rem;transition:background-color .15s}.SelectFontFamily-module-scss-module__dtpBxW__pill:hover{background-color:#eff2f6}.SelectFontFamily-module-scss-module__dtpBxW__pill:focus-visible,.SelectFontFamily-module-scss-module__dtpBxW__pill:focus{outline:none}.SelectFontFamily-module-scss-module__dtpBxW__pill.SelectFontFamily-module-scss-module__dtpBxW__active{color:#1e2129;background-color:#e9e2ff}}
@keyframes PresetPicker-module-scss-module__636e-a__modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.PresetPicker-module-scss-module__636e-a__content{background-color:#fff;border-radius:.5rem;max-width:680px;margin:1.25rem;padding:2rem;box-shadow:0 4px 12px #363d4d1a}body.modal-open .PresetPicker-module-scss-module__636e-a__content{margin-bottom:3.5rem;animation:.4s ease-out .3s both PresetPicker-module-scss-module__636e-a__modalSlideUp}@media (max-width:768px){.PresetPicker-module-scss-module__636e-a__content{width:auto;margin:0 1.25rem;padding:1.25rem}}.PresetPicker-module-scss-module__636e-a__grid{gap:.75rem 1rem;display:grid}.PresetPicker-module-scss-module__636e-a__item{cursor:pointer;background:0 0;border:0;padding:0;transition:all .15s;display:block;overflow:hidden}.PresetPicker-module-scss-module__636e-a__item:hover{transform:scale(1.04)}.PresetPicker-module-scss-module__636e-a__item:focus{outline:none}.PresetPicker-module-scss-module__636e-a__item img{border-radius:6px;width:100%;height:auto;display:block}.PresetPicker-module-scss-module__636e-a__compactOverlay{box-sizing:border-box;overflow:hidden}.PresetPicker-module-scss-module__636e-a__compact{overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box;flex-shrink:1;width:calc(100% - 2.5rem);max-width:960px;min-height:0;max-height:calc(100dvh - 8rem);overflow:hidden auto}.PresetPicker-module-scss-module__636e-a__compact .PresetPicker-module-scss-module__636e-a__grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem}.PresetPicker-module-scss-module__636e-a__compact .PresetPicker-module-scss-module__636e-a__item{border:1px solid #eff2f6;border-radius:6px}@media (max-width:800px){.PresetPicker-module-scss-module__636e-a__compact .PresetPicker-module-scss-module__636e-a__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:600px){.PresetPicker-module-scss-module__636e-a__compact .PresetPicker-module-scss-module__636e-a__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}}
.PresetButton-module-scss-module__2iWaYG__root{text-align:left;white-space:normal;align-items:center;gap:.375rem;margin-bottom:2rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.PresetButton-module-scss-module__2iWaYG__icon{color:#7046b8;font-size:1.125rem;font-weight:800;line-height:1}.PresetButton-module-scss-module__2iWaYG__label{color:#7046b8}