.ypgXqj4{margin-top:clamp(30px,5%,50px)}.ypgXqj41{text-align:center;margin-bottom:15px}.ypgXqj42{text-align:center;color:var(--color-text-secondary);font-size:var(--fs-sm);max-width:600px;margin:0 auto 25px}.ypgXqj43{display:flex;justify-content:center;margin-bottom:clamp(30px,5%,50px)}.ypgXqj44{display:flex;padding:4px;background-color:var(--color-background-secondary);border-radius:10px;border:1px solid var(--color-text-tertiary)}.ypgXqj45{cursor:pointer;padding:8px 20px;border-radius:7px;border:none;background:var(--ypgXqj46);color:var(--ypgXqj47);font-size:var(--fs-sm);font-weight:var(--ypgXqj48);box-shadow:var(--ypgXqj49);transition:background-color .2s,color .2s,box-shadow .2s;&:hover{color:var(--color-text-primary)}}.ypgXqj4A{margin-bottom:13px}.ypgXqj4B{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)}}}.ypgXqj4C{position:relative;margin-right:auto;width:100%;flex:1 1}.ypgXqj4D{position:absolute;left:16px;top:13px;color:inherit;pointer-events:none}.ypgXqj4E{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)}}.ypgXqj4F{width:1px;background-color:var(--color-background-tertiary);margin:10px}.ypgXqj4G{position:relative;margin-right:5px;&:last-child{margin-right:0}}.ypgXqj4H{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}}.ypgXqj4I{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}.ypgXqj4J{display:block;box-sizing:border-box;border:none;background:none;cursor:pointer;width:100%;text-align:right;padding:12px 15px;color:var(--ypgXqj4K);text-decoration:none;white-space:nowrap;outline:none;border-radius:8px;&:hover{color:var(--color-accent-primary);background-color:var(--color-background-primary)}}.ypgXqj4L{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:clamp(25px,5%,10px)}.ypgXqj4M{margin-right:auto;padding-right:10px}.ypgXqj4N{font-size:var(--fs-sm);margin-top:5px;color:var(--color-text-secondary)}.ypgXqj4O{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}}