:root{--arrow-scale: .2}.field.svelte-ac8k7i{position:relative;width:55px;min-width:55px;height:55px;text-align:center;vertical-align:middle;border:1px solid lightgrey;box-sizing:border-box}.field.header.svelte-ac8k7i{font-weight:700;font-size:24px}.field[active=true].svelte-ac8k7i{border-width:3px;font-weight:700}.arrow.svelte-ac8k7i{position:absolute;padding:60px;background-color:red;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='transparent'%20stroke='black'%20stroke-width='20'%20d='M%2016%2064%20H%2096'/%3e%3cpath%20fill='transparent'%20stroke='black'%20stroke-width='20'%20d='M%2048%2032%20L%2016%2064%20L%2048%2096'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%3e%3cpath%20fill='transparent'%20stroke='black'%20stroke-width='20'%20d='M%2016%2064%20H%2096'/%3e%3cpath%20fill='transparent'%20stroke='black'%20stroke-width='20'%20d='M%2048%2032%20L%2016%2064%20L%2048%2096'/%3e%3c/svg%3e")}.arrow.svelte-ac8k7i:not([direction]),.arrow[direction=none].svelte-ac8k7i{display:none}.arrow[direction=left].svelte-ac8k7i{top:50%;left:0%;transform:translate(-50%,-50%) scale(var(--arrow-scale)) rotate(0)}.arrow[direction=diagonal].svelte-ac8k7i{top:0%;left:0%;transform:translate(-50%,-50%) scale(var(--arrow-scale)) rotate(45deg)}.arrow[direction=up].svelte-ac8k7i{top:0%;left:50%;transform:translate(-50%,-50%) scale(var(--arrow-scale)) rotate(90deg)}.arrow[active=false].svelte-ac8k7i{background-color:gray}