.cue-brain-section{container:cue-brain / inline-size;position:relative;isolation:isolate;width:100%;max-width:none;margin:0 auto;padding:0;overflow:hidden;color:#e9edf0;background:#03060b;color-scheme:dark;font-family:CueBrainInter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;text-align:left;-webkit-font-smoothing:antialiased}.cue-brain-section.cue-brain-section--theme-font{font-family:inherit}.cue-brain-section,.cue-brain-section *,.cue-brain-section *:before,.cue-brain-section *:after{box-sizing:border-box}.cue-brain-section .cue-brain-section__layout{--brain-layout: stacked;--brain-density: compact;--brain-center-x: .5;--brain-static-size: 100%;--brain-columns: minmax(0, 1fr);--brain-rows: auto auto auto;--brain-min-height: 0px;--brain-top: 76px;--brain-bottom: 60px;--brain-copy-column: 1;--brain-copy-left: max(30px, env(safe-area-inset-left, 0px));--brain-copy-right: max(30px, env(safe-area-inset-right, 0px));--brain-copy-gap: 0px;--brain-visual-position: relative;--brain-visual-grid-row: 2;--brain-visual-grid-column: 1 / -1;--brain-visual-top: auto;--brain-visual-height: auto;--brain-visual-aspect: 390 / 450;--brain-visual-gap: 12px;--brain-list-row: 3;--brain-list-gap: 10px;--brain-list-width: 400px;--brain-item-gap: 22px;--brain-item-padding: 20px;--brain-eyebrow-size: 13px;--brain-eyebrow-line: 20px;--brain-title-size: 31px;--brain-title-line: 38px;--brain-body-size: 15px;--brain-body-line: 23px;--brain-body-width: 430px;--brain-body-top: 15px;--brain-list-title-size: 14px;--brain-list-title-line: 20px;--brain-list-body-size: 13px;--brain-label-size: 11px;--brain-label-line: 16px;--brain-label-padding: 10px 3px;--brain-label-span-padding: 2px 3px;--brain-tag-width: 130px;--brain-tag-padding: 5px 8px;--brain-tag-size: 11px;--brain-tag-line: 16px;--brain-overlay: none;position:relative;display:grid;grid-template-columns:var(--brain-columns);grid-template-rows:var(--brain-rows);align-items:start;align-content:start;width:100%;min-width:0;min-height:var(--brain-min-height);padding:var(--brain-top) 0 var(--brain-bottom);background:radial-gradient(ellipse at 32% 46%,#1727381b,transparent 58%)}.cue-brain-section .cue-brain-section__layout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--brain-overlay)}.cue-brain-section .cue-brain-copy,.cue-brain-section .cue-brain-connections{position:relative;z-index:2;grid-column:var(--brain-copy-column);min-width:0;margin-left:var(--brain-copy-left);margin-right:var(--brain-copy-right);background:transparent;overflow-wrap:break-word}.cue-brain-section .cue-brain-copy{grid-row:1;margin-bottom:var(--brain-copy-gap)}.cue-brain-section .cue-brain-copy__eyebrow{margin:0 0 10px;padding:0;color:#fff6;font-size:var(--brain-eyebrow-size);line-height:var(--brain-eyebrow-line);font-weight:400;letter-spacing:0;text-transform:none}.cue-brain-section .cue-brain-copy__title{margin:0;padding:0;color:#e9edf0;font-family:inherit;font-size:var(--brain-title-size);line-height:var(--brain-title-line);font-weight:500;font-style:normal;letter-spacing:-.035em;text-transform:none}.cue-brain-section .cue-brain-copy__body{max-width:var(--brain-body-width);margin:var(--brain-body-top) 0 0;padding:0;color:#dce3edaa;font-size:var(--brain-body-size);line-height:var(--brain-body-line);font-weight:400;letter-spacing:0;text-transform:none}.cue-brain-section .cue-brain-connections{grid-row:var(--brain-list-row);max-width:var(--brain-list-width);margin-top:var(--brain-list-gap);margin-bottom:0;padding:0;list-style:none}.cue-brain-section .cue-brain-connections>li{margin:0;padding:0;list-style:none}.cue-brain-section .cue-brain-connections>li+li{position:relative;margin-top:var(--brain-item-gap);padding-top:var(--brain-item-padding)}.cue-brain-section .cue-brain-connections>li+li:before{content:"";position:absolute;top:0;left:0;width:12px;height:1px;background:#e2e9ef42}.cue-brain-section .cue-brain-connections h3{margin:0;padding:0;color:#c4cfdfb3;font-family:inherit;font-size:var(--brain-list-title-size);line-height:var(--brain-list-title-line);font-weight:500;font-style:normal;letter-spacing:0;text-transform:none}.cue-brain-section .cue-brain-connections p{margin:5px 0 0;padding:0;color:#c1cdda77;font-size:var(--brain-list-body-size);line-height:20px;font-weight:350;letter-spacing:0;text-transform:none}.cue-brain-section .cue-brain-visual.cue-brain{position:var(--brain-visual-position);top:var(--brain-visual-top);left:0;grid-column:var(--brain-visual-grid-column);grid-row:var(--brain-visual-grid-row);z-index:0;isolation:isolate;contain:layout style;width:100%;min-width:0;height:var(--brain-visual-height);aspect-ratio:var(--brain-visual-aspect);margin:var(--brain-visual-gap) 0 0;padding:0;overflow:hidden;color:#ececec;background:none}.cue-brain-section .cue-brain__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom;outline-offset:-4px;background:none}.cue-brain-section .cue-brain__stage:focus-visible{outline:1px solid #c2d7e5;border-radius:6px}.cue-brain-section .cue-brain__fallback,.cue-brain-section .cue-brain__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;opacity:1;pointer-events:none;transition:opacity .65s ease}.cue-brain-section .cue-brain__fallback{transform:translate(calc((var(--brain-center-x) - .5) * 100%)) scale(1)}.cue-brain-section .cue-brain[data-network-animated]:not([data-network-state=fallback]) .cue-brain__fallback{transform:translate(calc((var(--brain-center-x) - .5) * 100%)) scale(3.4)}.cue-brain-section .cue-brain[data-network-animated]:not(.is-rendered) .cue-brain__labels{opacity:0}.cue-brain-section .cue-brain__canvas{opacity:0}.cue-brain-section .cue-brain.is-rendered .cue-brain__canvas{opacity:1}.cue-brain-section .cue-brain.is-rendered .cue-brain__fallback{opacity:0}.cue-brain-section .cue-brain__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--network-labels-opacity, 1);transition:none}.cue-brain-section .cue-brain:not(.is-rendered) .cue-brain__labels{right:auto;left:calc(var(--brain-center-x) * 100%);width:min(100%,var(--brain-static-size));transform:translate(-50%)}.cue-brain-section .cue-brain__label{position:absolute;left:var(--nx, 50%);top:50%;display:block;min-width:0;min-height:44px;margin:var(--ny, 0%) 0 0;padding:var(--brain-label-padding);transform:translate(-50%,-100%);border:0;border-radius:7px;box-shadow:none;background:transparent;color:#dbe1e6a3;font-family:inherit;font-size:var(--brain-label-size);font-weight:400;font-style:normal;line-height:var(--brain-label-line);letter-spacing:0;text-align:center;text-transform:none;text-decoration:none;white-space:nowrap;touch-action:pan-y pinch-zoom;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .55s ease,color .3s ease}.cue-brain-section .cue-brain__label span{display:block;padding:var(--brain-label-span-padding);border-radius:4px;background:#04081138}.cue-brain-section .cue-brain__label:after{content:"";position:absolute;bottom:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--branch-color);opacity:.48;box-shadow:none;transform:translate(-50%)}.cue-brain-section .cue-brain__label:hover,.cue-brain-section .cue-brain__label:focus-visible,.cue-brain-section .cue-brain__label.is-active,.cue-brain-section .cue-brain__label.is-scroll-active{color:#e8edf2db}.cue-brain-section .cue-brain__label:focus-visible{outline:1px solid var(--branch-color);outline-offset:0;opacity:1!important}.cue-brain-section .cue-brain[data-network-phase=waiting] .cue-brain__label,.cue-brain-section .cue-brain[data-network-phase=entering] .cue-brain__label{pointer-events:none;cursor:default}.cue-brain-section .cue-brain.is-micro .cue-brain__label{opacity:0;pointer-events:none}.cue-brain-section .cue-brain.is-micro .cue-brain__label:focus-visible{pointer-events:auto}.cue-brain-section .cue-brain__tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cue-brain-section .cue-brain__tag{position:absolute;left:0;top:0;display:block;max-width:var(--brain-tag-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:var(--brain-tag-padding);border:1px solid #d8e5f00c;border-radius:6px;background:#09111d36;color:#c2cfdfae;font-family:inherit;font-size:var(--brain-tag-size);font-weight:400;line-height:var(--brain-tag-line);letter-spacing:.01em;text-transform:none;opacity:0;pointer-events:none;transition:opacity .45s ease,border-color .45s ease,color .45s ease}.cue-brain-section .cue-brain__tag.is-lit{color:#f4f6f8;border-color:#ffffff40}.cue-brain-section .cue-brain__label[data-network-category="0"]{--nx: 12.451%;--ny: -6.462%;--branch-color: #e7a5be}.cue-brain-section .cue-brain__label[data-network-category="1"]{--nx: 35.637%;--ny: -23.699%;--branch-color: #b9a4e5}.cue-brain-section .cue-brain__label[data-network-category="2"]{--nx: 75.784%;--ny: -15.682%;--branch-color: #80bfde}.cue-brain-section .cue-brain__label[data-network-category="3"]{--nx: 74.825%;--ny: 15.284%;--branch-color: #8ed9c0}.cue-brain-section .cue-brain__label[data-network-category="4"]{--nx: 56.113%;--ny: 22.085%;--branch-color: #daa986}.cue-brain-section .cue-brain__label[data-network-category="5"]{--nx: 30.962%;--ny: 8.691%;--branch-color: #e7c795}.cue-brain-section .cue-brain__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}@container cue-brain (min-width: 701px){.cue-brain-section .cue-brain-section__layout{--brain-layout: split;--brain-density: compact;--brain-center-x: .3;--brain-static-size: 720px;--brain-columns: 53% minmax(0, 1fr);--brain-rows: minmax(min(355px, 34vh), auto) auto;--brain-min-height: max(680px, 100vh);--brain-top: clamp(64px, 9vh, 140px);--brain-bottom: clamp(24px, 4.5vh, 64px);--brain-copy-column: 2;--brain-copy-left: 0px;--brain-copy-right: max(8.51064%, env(safe-area-inset-right, 0px));--brain-copy-gap: min(40px, 5vh);--brain-visual-position: absolute;--brain-visual-grid-row: auto;--brain-visual-grid-column: auto;--brain-visual-top: 0px;--brain-visual-height: 100%;--brain-visual-aspect: auto;--brain-visual-gap: 0px;--brain-list-row: 2;--brain-list-gap: 0px;--brain-list-width: 85.10638%;--brain-item-gap: min(42px, 5vh);--brain-item-padding: min(22px, 2.6vh);--brain-eyebrow-size: 18px;--brain-eyebrow-line: 26px;--brain-title-size: 30px;--brain-title-line: 38px;--brain-body-size: 16px;--brain-body-line: 24px;--brain-body-width: 95%;--brain-body-top: 20px;--brain-list-title-size: 16px;--brain-list-title-line: 26px;--brain-list-body-size: 14px;--brain-label-line: 20px;--brain-label-padding: 8px 3px 12px;--brain-label-span-padding: 2px 5px;--brain-tag-width: 170px;--brain-tag-padding: 6px 10px;--brain-tag-size: 12px;--brain-tag-line: 17px;--brain-overlay: linear-gradient(90deg, transparent 42%, #03060b10 62%, #03060b55 100%)}}@container cue-brain (min-width: 1101px){.cue-brain-section .cue-brain-section__layout{--brain-density: full;--brain-center-x: .34;--brain-static-size: 860px;--brain-columns: 58.4028% minmax(0, 1fr);--brain-rows: minmax(min(406px, 38vh), auto) auto;--brain-min-height: max(720px, 100vh);--brain-top: clamp(64px, 9vh, 160px);--brain-bottom: clamp(24px, 4.5vh, 72px);--brain-copy-right: max(7.211997%, env(safe-area-inset-right, 0px));--brain-copy-gap: min(50px, 5.5vh);--brain-visual-top: 0px;--brain-visual-height: 100%;--brain-list-width: 280px;--brain-title-size: 40px;--brain-title-line: 48px;--brain-body-size: 18px;--brain-body-line: 26px;--brain-body-width: 355px;--brain-label-size: 13px;--brain-label-padding: 8px 7px 12px}}@supports not (container-type: inline-size){@media(min-width:701px){.cue-brain-section .cue-brain-section__layout{--brain-layout: split;--brain-density: compact;--brain-center-x: .3;--brain-static-size: 720px;--brain-columns: 53% minmax(0, 1fr);--brain-rows: minmax(min(355px, 34vh), auto) auto;--brain-min-height: max(680px, 100vh);--brain-top: clamp(64px, 9vh, 140px);--brain-bottom: clamp(24px, 4.5vh, 64px);--brain-copy-column: 2;--brain-copy-left: 0px;--brain-copy-right: max(8.51064%, env(safe-area-inset-right, 0px));--brain-copy-gap: min(40px, 5vh);--brain-visual-position: absolute;--brain-visual-grid-row: auto;--brain-visual-grid-column: auto;--brain-visual-top: 0px;--brain-visual-height: 100%;--brain-visual-aspect: auto;--brain-visual-gap: 0px;--brain-list-row: 2;--brain-list-gap: 0px;--brain-list-width: 85.10638%;--brain-item-gap: min(42px, 5vh);--brain-item-padding: min(22px, 2.6vh);--brain-eyebrow-size: 18px;--brain-eyebrow-line: 26px;--brain-title-size: 30px;--brain-title-line: 38px;--brain-body-size: 16px;--brain-body-line: 24px;--brain-body-width: 95%;--brain-body-top: 20px;--brain-list-title-size: 16px;--brain-list-title-line: 26px;--brain-list-body-size: 14px;--brain-label-line: 20px;--brain-label-padding: 8px 3px 12px;--brain-label-span-padding: 2px 5px;--brain-tag-width: 170px;--brain-tag-padding: 6px 10px;--brain-tag-size: 12px;--brain-tag-line: 17px;--brain-overlay: linear-gradient(90deg, transparent 42%, #03060b10 62%, #03060b55 100%)}}@media(min-width:1101px){.cue-brain-section .cue-brain-section__layout{--brain-density: full;--brain-center-x: .34;--brain-static-size: 860px;--brain-columns: 58.4028% minmax(0, 1fr);--brain-rows: minmax(min(406px, 38vh), auto) auto;--brain-min-height: max(720px, 100vh);--brain-top: clamp(64px, 9vh, 160px);--brain-bottom: clamp(24px, 4.5vh, 72px);--brain-copy-right: max(7.211997%, env(safe-area-inset-right, 0px));--brain-copy-gap: min(50px, 5.5vh);--brain-visual-top: 0px;--brain-visual-height: 100%;--brain-list-width: 280px;--brain-title-size: 40px;--brain-title-line: 48px;--brain-body-size: 18px;--brain-body-line: 26px;--brain-body-width: 355px;--brain-label-size: 13px;--brain-label-padding: 8px 7px 12px}}}@media(prefers-reduced-motion:reduce){.cue-brain-section .cue-brain__canvas,.cue-brain-section .cue-brain__fallback,.cue-brain-section .cue-brain__label,.cue-brain-section .cue-brain__tag{transition:none}}@media print{.cue-brain-section .cue-brain__canvas{display:none}.cue-brain-section .cue-brain.is-rendered .cue-brain__fallback{opacity:1}.cue-brain-section .cue-brain[data-network-animated] .cue-brain__fallback{transform:translate(calc((var(--brain-center-x) - .5) * 100%)) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sutyo-cue-brain.css.map */
