.yvIY7hG{margin-top:clamp(30px,5%,50px)}.yvIY7hG1{text-align:center;margin-bottom:15px}.yvIY7hG2{text-align:center;color:var(--color-text-secondary);font-size:var(--fs-sm);max-width:600px;margin:0 auto 25px}.yvIY7hG3{display:flex;padding:4px;min-height:50px;box-sizing:border-box;background-color:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-background-tertiary);flex-shrink:0;@media screen and (max-width:600px){width:100%}}.yvIY7hG4{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;border:none;flex:1 1;background:var(--yvIY7hG5);color:var(--yvIY7hG6);font-size:var(--fs-sm);font-weight:var(--yvIY7hG7);box-shadow:var(--yvIY7hG8);transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s;&:not(:disabled):hover{color:var(--color-text-primary)}&:disabled{cursor:not-allowed;opacity:.5}}.yvIY7hG9{position:sticky;top:0;z-index:20;padding:12px 0 18px;margin-bottom:-8px}.yvIY7hGA{display:flex;align-items:center;gap:5px;@media screen and (max-width:600px){flex-wrap:wrap;align-items:stretch}}.yvIY7hGB{position:relative;flex:1 1;min-width:0;@media screen and (max-width:600px){order:2;flex:1 1 120px}}.yvIY7hGC{height:50px;padding:0 50px;width:100%;box-sizing:border-box;background-color:var(--color-background-primary);border-radius:12px;outline:none;border:1px solid var(--color-background-tertiary);color:var(--color-text-primary);text-overflow:ellipsis;transition:background-color .25s,border-color .25s;&.active,&:focus{border-color:var(--color-accent-primary);background-color:var(--color-background-secondary)}}.yvIY7hGD{position:absolute;left:16px;top:13px;color:var(--color-text-secondary);pointer-events:none;transition:color .2s}.yvIY7hGE{position:absolute;top:0;bottom:0;right:0;background:none;border:none;padding:0;width:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:color .2s;&:hover{color:var(--color-accent-primary)}&:disabled{cursor:not-allowed;opacity:.5}}.yvIY7hGF{width:1px;background-color:var(--color-background-tertiary);margin:10px 5px;align-self:stretch;flex-shrink:0}.yvIY7hGG{display:flex;align-items:stretch;gap:5px;flex-shrink:0;@media screen and (max-width:600px){order:2;.yvIY7hGF{display:none}}}.yvIY7hGH{scroll-margin-top:140px}.yvIY7hGI{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:clamp(25px,5%,10px)}.yvIY7hGJ{margin-right:auto;padding-right:10px}.yvIY7hGK{font-size:var(--fs-sm);margin-top:5px;color:var(--color-text-secondary)}.yvIY7hGL{height:52px;width:52px;padding:0 12px;box-sizing:border-box;background-color:var(--color-background-primary);border-radius:12px;outline:none;border:1px solid var(--color-background-tertiary);color:var(--color-text-primary);text-align:center;transition:background-color .25s,border-color .25s;&:focus{border-color:var(--color-accent-primary);background-color:var(--color-background-secondary)}&::placeholder{color:var(--color-text-tertiary)}@media screen and (max-width:600px){height:50px;width:50px}}