.yWQT8iN{margin-top:clamp(30px,5%,50px)}.yWQT8iN1{text-align:center;margin-bottom:clamp(30px,5%,50px)}.yWQT8iN2{margin-bottom:13px}.yWQT8iN3{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)}}}.yWQT8iN4{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}}.yWQT8iN5{position:relative;margin-right:auto;width:100%;flex:1 1}.yWQT8iN6{position:absolute;left:16px;top:13px;color:inherit;pointer-events:none}.yWQT8iN7{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)}}.yWQT8iN8{width:1px;background-color:var(--color-background-tertiary);margin:10px}.yWQT8iN9{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}}.yWQT8iNA{position:relative;&:before{left:0;background:linear-gradient(90deg,var(--color-background-primary) 0,rgba(148,187,233,0) 100%);opacity:var(--yWQT8iNB)}&: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(--yWQT8iNC)}}.yWQT8iND{display:flex;overflow:auto;scrollbar-width:none;padding-bottom:2px;gap:5px}.yWQT8iNE{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(--yWQT8iNF);background-color:var(--yWQT8iNG);color:var(--yWQT8iNH);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(--yWQT8iNI);background-color:var(--yWQT8iNJ)}&:active{transform:translateY(2px);opacity:.75}}.yWQT8iNK{position:relative;margin-right:5px;&:last-child{margin-right:0}}.yWQT8iNL{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}}.yWQT8iNM{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}.yWQT8iNN{overflow:auto;max-height:300px}.yWQT8iNO{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}}.yWQT8iNP{display:block;box-sizing:border-box;border:none;background:none;cursor:pointer;width:100%;text-align:right;padding:12px 15px;color:var(--yWQT8iNQ);text-decoration:none;white-space:nowrap;outline:none;border-radius:8px;&:hover{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.yWQT8iNR{position:relative;&:hover,&:hover .yWQT8iNO{display:block}&:hover>.yWQT8iNP{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.yWQT8iNS{display:flex;align-items:center;justify-content:center;margin-top:clamp(25px,5%,10px)}.yWQT8iNT{margin-right:auto;padding-right:10px}.yWQT8iNU{font-size:var(--fs-sm);margin-top:5px;color:var(--color-text-secondary)}.yWQT8iNV{display:flex;padding:15px;background-color:var(--color-background-secondary);border:1px solid var(--color-background-tertiary);position:-webkit-sticky;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}.yWQT8iNW{display:flex;overflow:auto;scrollbar-width:none;margin-right:15px}.yWQT8iNX{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}}.yWQT8iNY{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}}.yWQT8iNZ{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)}}