.ybM4HTA{margin-top:clamp(30px,5%,50px)}.ybM4HTA1{text-align:center;margin-bottom:clamp(30px,5%,50px)}.ybM4HTA2{margin-bottom:13px}.ybM4HTA3{display:flex;justify-content:center;margin-bottom:10px;input{height:50px;padding:0 50px;width:100%;box-sizing:border-box;background:none;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)}}}.ybM4HTA4{cursor:pointer;display:flex;align-items:center;justify-content:center;height:50px;width:50px;box-sizing:border-box;background:none;border-radius:12px;outline:none;border:1px solid var(--color-text-tertiary);color:var(--color-text-primary);margin-right:5px;transition:background-color .25s,border-color .25s,transform .25s,opacity .25s;&:hover{color:white;border-color:var(--color-accent-primary);background-color:var(--color-accent-primary)}&:active{transform:translateY(2px);opacity:.75}}.ybM4HTA5{position:relative;margin-right:auto;width:100%;flex:1 1}.ybM4HTA6{position:absolute;left:16px;top:13px;color:inherit;pointer-events:none}.ybM4HTA7{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-primary);&:hover{color:var(--color-accent-primary)}}.ybM4HTA8{width:1px;background-color:var(--color-background-tertiary);margin:10px}.ybM4HTA9{position:relative;&:before{left:0;background:linear-gradient(90deg,var(--color-background-primary) 0,rgba(148,187,233,0) 100%);opacity:var(--ybM4HTAA)}&:after,&:before{content:"";position:absolute;top:0;bottom:0;width:15px;pointer-events:none;transition:opacity .2s ease}&:after{right:0;background:linear-gradient(270deg,var(--color-background-primary) 0,rgba(148,187,233,0) 100%);opacity:var(--ybM4HTAB)}}.ybM4HTAC{display:flex;overflow:auto;scrollbar-width:none;padding-bottom:2px;gap:5px}.ybM4HTAD{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:none;border-radius:8px;padding:10px 12px;outline:none;font-size:var(--fs-sm);border:1px solid var(--ybM4HTAE);background-color:var(--ybM4HTAF);color:var(--ybM4HTAG);white-space:nowrap;text-decoration:none;line-height:1;transition:background-color .25s,border-color .25s,transform .25s,opacity .25s,color .25s;&:last-child{margin-right:0}&:hover{color:var(--ybM4HTAH);background-color:var(--ybM4HTAI)}&:active{transform:translateY(2px);opacity:.75}}.ybM4HTAJ{position:relative;margin-right:5px;&:last-child{margin-right:0}}.ybM4HTAK{cursor:pointer;display:flex;align-items:center;justify-content:center;height:50px;min-width:50px;box-sizing:border-box;background:none;border-radius:12px;outline:none;padding:0;border:1px solid var(--color-background-tertiary);color:var(--color-text-primary);transition:background-color .25s,border-color .25s,transform .25s,opacity .25s;span{margin-left:8px;@media screen and (max-width:800px){display:none}}&:hover{background-color:var(--color-background-secondary)}&:active{transform:translateY(2px);opacity:.75}@media screen and (min-width:800px){padding-left:15px;padding-bottom:0;padding-right:15px;padding-top:0}}.ybM4HTAL{position:absolute;top:calc(100% + 4px);right:0;z-index:100;padding:4px;background-color:var(--color-background-secondary);border:1px solid var(--color-text-tertiary);border-radius:12px}.ybM4HTAM{overflow:auto;max-height:300px}.ybM4HTAN{position:absolute;top:-5px;right:calc(100% + 10px);z-index:100;padding:4px;background-color:var(--color-background-secondary);border:1px solid var(--color-text-tertiary);border-radius:12px;display:none;&:after{content:"";position:absolute;inset:-10px -10px -10px -10px;z-index:-1}}.ybM4HTAO{display:block;box-sizing:border-box;border:none;background:none;cursor:pointer;width:100%;text-align:right;padding:12px 15px;color:var(--ybM4HTAP);text-decoration:none;white-space:nowrap;outline:none;border-radius:8px;&:hover{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.ybM4HTAQ{position:relative;&:hover,&:hover .ybM4HTAN{display:block}&:hover>.ybM4HTAO{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.ybM4HTAR{display:flex;align-items:center;justify-content:center;margin-top:clamp(25px,5%,10px)}.ybM4HTAS{margin-right:auto;padding-right:10px}.ybM4HTAT{font-size:var(--fs-sm);margin-top:5px;color:var(--color-text-secondary)}