.arrow-header-title{color:var(--text-secondary);letter-spacing:3px;white-space:nowrap;z-index:1;cursor:default;padding:0 16px;font-family:Quantico,sans-serif;font-size:1rem;font-weight:700;transition:color .2s;position:relative}.arrow-header-title:before,.arrow-header-title:after{content:"";transition:transform .2s;position:absolute;bottom:-4px;left:0;right:0}.arrow-header-title:before{border-left:1px solid var(--text-secondary);border-right:1px solid var(--text-secondary);transform-origin:bottom;height:16px;transform:scaleY(0)}.arrow-header-title:after{background:var(--text-secondary);height:1px;transform:scaleX(0)}.arrow-header-title:hover:before,.arrow-header-title.selected:before{transform:scaleY(1)}.arrow-header-title:hover:after,.arrow-header-title.selected:after{transform:scaleX(1)}.arrow-header-line.horizontal{background:var(--text-secondary);flex:2;height:1px}.header-arrow-right.circle:after{content:"";background:var(--text-secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header-arrow-left.circle:before{content:"";background:var(--text-secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.header-arrow-right.arrow:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:8px solid var(--text-secondary);position:absolute;top:50%;right:0;transform:translateY(-50%)}.header-arrow-left.arrow:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-right:8px solid var(--text-secondary);position:absolute;top:50%;left:0;transform:translateY(-50%)}.header-arrow-left,.header-arrow-right{background:var(--text-secondary);flex:1;height:1px;position:relative}.arrow-header-horizontal{align-items:center;width:100%;display:flex}.header-arrow-down:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:8px solid var(--text-secondary);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-arrow-up:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:8px solid var(--text-secondary);position:absolute;top:0;left:50%;transform:translate(-50%)}.header-arrow-up,.header-arrow-down{background:var(--text-secondary);flex:1;width:1px;height:auto;position:relative}.arrow-header-vertical{flex-direction:column;align-items:center;height:100%;display:flex}.arrow-header-diagonal svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.arrow-header-diagonal{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative}.drop-zone arrow-header{pointer-events:none;width:auto;height:auto;position:absolute;inset:10px}.arrow-header-diagonal .header-arrow-start,.arrow-header-diagonal .header-arrow-bottom-br,.arrow-header-diagonal .header-arrow-bottom-bl{display:none}arrow-header[data-role=categories-topics] .arrow-header-horizontal{justify-content:space-between;align-items:center;width:100%;display:flex}arrow-header[data-role=categories-topics] .header-arrow-left,arrow-header[data-role=categories-topics] .header-arrow-right{flex:1;min-width:50px}arrow-header[data-role=categories-topics] .arrow-header-line{flex:auto;width:100%;max-width:525px;display:flex}arrow-header[data-role=categories-topics] .arrow-header-title{flex:none}arrow-header[direction=vertical] .arrow-header-title:before,arrow-header[direction=vertical] .arrow-header-title:after{left:auto}arrow-header[direction=vertical] .arrow-header-title:after{background:var(--text-secondary);transform-origin:50%;width:1px;height:auto;inset:-1px auto -1px 0;transform:scaleY(0)}arrow-header[direction=vertical] .arrow-header-title:before{border-top:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary);transform-origin:100%;border-left:none;border-right:none;width:100%;height:auto;left:0;right:0;transform:scaleX(0)}arrow-header[direction=vertical] .arrow-header-title:hover:after,arrow-header[direction=vertical] .arrow-header-title.selected:after{transform:scaleY(1)}arrow-header[direction=vertical] .arrow-header-title:hover:before,arrow-header[direction=vertical] .arrow-header-title.selected:before{transform:scaleX(1)}