.yHZN0ay{margin-top:clamp(30px,5%,50px)}.yHZN0ay1{text-align:center;margin-bottom:clamp(30px,5%,50px)}.yHZN0ay2{margin-bottom:13px}.yHZN0ay3{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)}}}.yHZN0ay4{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}}.yHZN0ay5{position:relative;margin-right:auto;width:100%;flex:1 1}.yHZN0ay6{position:absolute;left:16px;top:13px;color:inherit;pointer-events:none}.yHZN0ay7{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)}}.yHZN0ay8{width:1px;background-color:var(--color-background-tertiary);margin:10px}.yHZN0ay9{cursor:pointer;display:flex;align-items:center;justify-content:center;height:50px;width:50px;box-sizing:border-box;background:none;border-radius:12px;margin-right:5px;outline:none;border:1px solid var(--color-background-tertiary);color:var(--color-text-primary);padding:0;flex-shrink:0;transition:background-color .25s,border-color .25s,transform .25s,opacity .25s;&:hover{background-color:var(--color-background-secondary)}&:active{transform:translateY(2px);opacity:.75}@media screen and (max-width:700px){display:none}}.yHZN0ayA{display:flex;scrollbar-width:none;padding-bottom:2px;gap:5px}.yHZN0ayB{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(--yHZN0ayC);background-color:var(--yHZN0ayD);color:var(--yHZN0ayE);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(--yHZN0ayF);background-color:var(--yHZN0ayG)}&:active{transform:translateY(2px);opacity:.75}}.yHZN0ayH{position:relative;margin-right:5px;&:last-child{margin-right:0}}.yHZN0ayI{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}}.yHZN0ayJ{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}.yHZN0ayK{overflow:auto;max-height:300px}.yHZN0ayL{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}}.yHZN0ayM{display:block;box-sizing:border-box;border:none;background:none;cursor:pointer;width:100%;text-align:right;padding:12px 15px;color:var(--yHZN0ayN);text-decoration:none;white-space:nowrap;outline:none;border-radius:8px;&:hover{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.yHZN0ayO{position:relative;&:hover,&:hover .yHZN0ayL{display:block}&:hover>.yHZN0ayM{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.yHZN0ayP{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:clamp(25px,5%,10px)}.yHZN0ayQ{margin-right:auto;padding-right:10px}.yHZN0ayR{font-size:var(--fs-sm);margin-top:5px;color:var(--color-text-secondary)}.yHZN0ayS{height:52px;width:52px;padding:0 12px;box-sizing:border-box;background:none;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}}.yHZN0ayT{display:flex;padding:15px;background-color:var(--color-background-secondary);border:1px solid var(--color-background-tertiary);position:sticky;bottom:15px;margin-top:15px;z-index:100;border-radius:12px;white-space:nowrap;background-image:radial-gradient(var(--color-background-tertiary-alpha50) .75px,var(--color-background-secondary) .75px);background-size:17px 17px}.yHZN0ayU{display:flex;overflow:auto;scrollbar-width:none;margin-right:15px}.yHZN0ayV{display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);background-color:var(--color-accent-primary);color:white;margin-right:5px;padding:2.5px 0 2.5px 7.5px;border-radius:6px;white-space:nowrap;&:last-child{margin-right:0}}.yHZN0ayW{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:white;opacity:.5;padding:0;height:100%;margin:0 5px;transition:opacity .25s;&:hover{opacity:1}}.yHZN0ayX{display:flex;align-items:center;justify-content:center;margin-left:auto;text-decoration:none;color:var(--color-text-primary);white-space:nowrap;transition:color .25s;svg{margin-left:8px}&:hover{color:var(--color-accent-primary)}}