.yZCzrq_page{background:var(--background);flex-direction:column;min-height:100dvh;display:flex}.yZCzrq_main{padding:clamp(24px, 6dvh, 56px) 24px max(40px, env(safe-area-inset-bottom));flex:1;place-items:center;display:grid}.yZCzrq_samples{flex-direction:column;align-items:center;width:100%;max-width:760px;padding-block-start:9px;display:flex}.yZCzrq_sentence{color:#f5f5f5;text-align:center;max-width:34ch;margin:27px 0 0;font:400 clamp(22px,3vw,32px)/1.5 Libre Baskerville,Baskerville,Times New Roman,serif}.yZCzrq_controls{--control-size:34px;--play-size:46px;flex-direction:column;align-items:center;gap:24px;width:100%;margin-top:36px;display:flex}.yZCzrq_samples>.player-error{margin-top:36px}.yZCzrq_settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;display:flex}.yZCzrq_selector{color:#a3a3a3;align-items:center;gap:8px;font:500 12px/20px Inter,Arial,sans-serif;display:inline-flex;position:relative}.yZCzrq_trigger{color:#d4d4d4;min-height:36px;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.yZCzrq_trigger:hover{color:#fff}.yZCzrq_trigger .icon{width:12px;height:12px;transform:rotate(90deg)}.yZCzrq_flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:18px;height:12px;display:block;overflow:hidden}.yZCzrq_menu{z-index:30;color:#eee;background:#181818;border:1px solid #383838;border-radius:10px;width:max-content;min-width:160px;max-height:240px;padding:6px;font-size:13px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0008}.yZCzrq_menu>button{width:100%;min-height:36px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;display:flex}.yZCzrq_menu>button:hover:not(:disabled),.yZCzrq_menu>button:focus-visible{background:#303030}.yZCzrq_menu .icon{width:14px;height:14px;margin-left:auto}@media (max-width:540px){.yZCzrq_main{padding-inline:20px}.yZCzrq_sentence{margin-top:19px}.yZCzrq_controls{margin-top:28px}.yZCzrq_samples>.player-error{margin-top:28px}.yZCzrq_settings{column-gap:20px}.yZCzrq_selector:last-child .yZCzrq_menu{left:auto;right:0}}