.volatility-filter.svelte-o6g3gm{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px}.volatility-filter.svelte-o6g3gm .buttons__row:where(.svelte-o6g3gm){display:flex;align-items:flex-end}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm){display:flex;flex-direction:column;align-items:center;gap:1px;padding:0;border:none;background:transparent;min-width:40px;--volatility-indicator-background: #737373}.volatility-filter.svelte-o6g3gm .volatility-level-button.crazy:where(.svelte-o6g3gm){--volatility-indicator-background: #ed1515}.volatility-filter.svelte-o6g3gm .volatility-level-button.high:where(.svelte-o6g3gm){--volatility-indicator-background: #f99007}.volatility-filter.svelte-o6g3gm .volatility-level-button.medium:where(.svelte-o6g3gm){--volatility-indicator-background: #ffe088}.volatility-filter.svelte-o6g3gm .volatility-level-button.low:where(.svelte-o6g3gm){--volatility-indicator-background: #8ffb5b}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm) p:where(.svelte-o6g3gm){color:var(--color-text-text-primary);text-align:center;font-size:10px;font-weight:500;line-height:10px;text-transform:uppercase;opacity:0;transition:all .2s ease-in-out}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm) .volatility-line:where(.svelte-o6g3gm){display:block;width:100%;height:4px;margin-top:4px;background:var(--volatility-indicator-background);opacity:.5;transition:opacity .2s ease-in-out}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm):hover p:where(.svelte-o6g3gm){opacity:.8}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm):hover .volatility-line:where(.svelte-o6g3gm){opacity:.8}.volatility-filter.svelte-o6g3gm .volatility-level-button.active:where(.svelte-o6g3gm) p:where(.svelte-o6g3gm){opacity:1}.volatility-filter.svelte-o6g3gm .volatility-level-button.active:where(.svelte-o6g3gm) .volatility-line:where(.svelte-o6g3gm){background:var(--volatility-indicator-background);box-shadow:0 0 8px 0 var(--volatility-indicator-background);opacity:1}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm):first-child .volatility-line:where(.svelte-o6g3gm){border-radius:10px 0 0 10px}.volatility-filter.svelte-o6g3gm .volatility-level-button:where(.svelte-o6g3gm):last-child .volatility-line:where(.svelte-o6g3gm){border-radius:0 10px 10px 0}.volatility-filter.svelte-o6g3gm .title:where(.svelte-o6g3gm){font-size:10px;line-height:10px;font-weight:500;color:var(--color-text-text-secondary);text-transform:uppercase;cursor:pointer;padding:5px;transition:color .2s ease-in-out}.volatility-filter.svelte-o6g3gm .volatility-info:where(.svelte-o6g3gm){display:flex;flex-direction:column;gap:4px;position:absolute;top:calc(100% + 4px);left:50%;width:230px;transform:translate(-50%);background:var(--color-backgrounds-dark);padding:9px 12px;border-radius:8px;z-index:2;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.volatility-filter.svelte-o6g3gm .volatility-info:where(.svelte-o6g3gm):before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-backgrounds-dark)}.volatility-filter.svelte-o6g3gm .volatility-info:where(.svelte-o6g3gm) p:where(.svelte-o6g3gm){font-size:10px;line-height:14px;color:var(--color-text-text-primary)}.volatility-filter.svelte-o6g3gm .title:where(.svelte-o6g3gm):hover{color:var(--color-text-text-primary)}.volatility-filter.svelte-o6g3gm .title:where(.svelte-o6g3gm):hover+.volatility-info:where(.svelte-o6g3gm){opacity:1;pointer-events:auto}