.graph-node{min-width:var(--calculated-width);height:var(--calculated-height);z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:5px 0;display:flex;position:relative;.graph-layer--last &{flex-direction:row-reverse}&:before{content:"";background-image:linear-gradient(to right,oklch(100% 0 0/0) 0%,var(--color__white) 50%);z-index:-1;width:42px;position:absolute;top:0;bottom:0;left:-40px}&:after{content:"";background-image:linear-gradient(to left,oklch(100% 0 0/0) 0%,var(--color__white) 50%);z-index:-1;width:42px;position:absolute;top:0;bottom:0;right:-40px}.graph-layer--first &{&:before{width:22px;display:none;left:-20px}&:after{background-image:radial-gradient(closest-side,var(--color__white) 0%,var(--color__white) 40%,oklch(100% 0 0/0) 100%);border-radius:90px;width:90px;height:90px;top:50%;right:-60px;transform:translateY(-50%)}}}.graph-node__label{cursor:text;pointer-events:auto;padding:10px 8px;font-size:16px;&.graph-node__label--svg{align-items:center;display:flex;& span{user-select:none}}&.graph-node__label--text{white-space:nowrap}.graph-layer--last &{padding-left:10px}.graph-interaction-layer--loading &{pointer-events:none}}.graph-node__search{background-color:var(--color__brand-blue);appearance:none;cursor:pointer;pointer-events:auto;border:none;border-radius:35px;align-items:center;width:35px;height:35px;margin-bottom:10px;padding:0;text-decoration:none;transition:background-color .2s ease-out,width .2s ease-out,margin-left .2s ease-out;display:flex;position:relative;overflow:hidden;.graph-layer--first &{margin-bottom:0;display:none}.graph-layer--last &{margin-bottom:0}&:hover{background-color:var(--color__brand-blue--dark);--calculated-width:var(--auto-width);width:var(--auto-width)!important;.graph-layer--last &{margin-left:calc(35px - var(--auto-width))}.graph-node-search__text{opacity:1;background-position:0 0}}.graph-interaction-layer--loading &{pointer-events:none}}.graph-node-search__icon{color:var(--color__white);user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:34px;font-weight:500;line-height:35px;display:flex;overflow:hidden}.graph-node-search__text{color:#0000;-webkit-text-fill-color:transparent;white-space:nowrap;opacity:0;user-select:none;background-image:linear-gradient(90deg,#fff 0% 50%,#fff0);background-position:100% 0;background-size:400% 100%;background-clip:text;margin:0 10px 0 0;font-size:16px;line-height:35px;transition:opacity .2s ease-out,background-position .2s ease-out;display:inline-block;overflow:hidden}