.ybnpUX3{margin-top:clamp(30px,5%,50px)}.ybnpUX31{text-align:center;margin-bottom:clamp(30px,5%,50px)}.ybnpUX32{margin-bottom:13px}.ybnpUX33{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)}}}.ybnpUX34{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}}.ybnpUX35{position:relative;margin-right:auto;width:100%;flex:1 1}.ybnpUX36{position:absolute;left:16px;top:13px;color:inherit;pointer-events:none}.ybnpUX37{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)}}.ybnpUX38{width:1px;background-color:var(--color-background-tertiary);margin:10px}.ybnpUX39{position:relative;&:before{left:0;background:linear-gradient(90deg,var(--color-background-primary) 0,rgba(148,187,233,0) 100%);opacity:var(--ybnpUX3A)}&: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(--ybnpUX3B)}}.ybnpUX3C{display:flex;overflow:auto;scrollbar-width:none;padding-bottom:2px;gap:5px}.ybnpUX3D{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(--ybnpUX3E);background-color:var(--ybnpUX3F);color:var(--ybnpUX3G);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(--ybnpUX3H);background-color:var(--ybnpUX3I)}&:active{transform:translateY(2px);opacity:.75}}.ybnpUX3J{position:relative;margin-right:5px;&:last-child{margin-right:0}}.ybnpUX3K{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}}.ybnpUX3L{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}.ybnpUX3M{overflow:auto;max-height:300px}.ybnpUX3N{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}}.ybnpUX3O{display:block;box-sizing:border-box;border:none;background:none;cursor:pointer;width:100%;text-align:right;padding:12px 15px;color:var(--ybnpUX3P);text-decoration:none;white-space:nowrap;outline:none;border-radius:8px;&:hover{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.ybnpUX3Q{position:relative;&:hover,&:hover .ybnpUX3N{display:block}&:hover>.ybnpUX3O{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.ybnpUX3R{display:flex;align-items:center;justify-content:center;margin-top:clamp(25px,5%,10px)}.ybnpUX3S{margin-right:auto;padding-right:10px}.ybnpUX3T{font-size:var(--fs-sm);margin-top:5px;color:var(--color-text-secondary)}