html,body,app-root{height:100%;margin:0}body{margin:0;font-family:DM Sans,sans-serif;background:linear-gradient(to right,rgba(31,87,214,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(215,38,46,.05) 1px,transparent 1px),radial-gradient(900px 520px at 18% 18%,rgba(31,87,214,.1) 0%,transparent 60%),radial-gradient(820px 500px at 82% 12%,rgba(242,194,48,.1) 0%,transparent 62%),radial-gradient(900px 560px at 72% 88%,rgba(215,38,46,.08) 0%,transparent 65%),linear-gradient(180deg,#fcfcfd,#f5f7ff 55%,#fff7ea);background-size:42px 42px,42px 42px,auto,auto,auto,auto;background-attachment:fixed}#perception,#variations{scroll-margin-top:165px}img.fade-pending{opacity:0!important}.img-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%),#eeece6;background-size:220% 100%,auto;animation:imgLoadingShimmer 1.8s ease-in-out infinite;opacity:1;transition:opacity .42s ease;pointer-events:none;z-index:1}.img-loading--done{opacity:0}.img-loading__mark{width:34%;max-width:72px;color:#0e0e0e52;animation:imgLoadingGrow 1.8s cubic-bezier(.45,0,.55,1) infinite}@keyframes imgLoadingShimmer{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}@keyframes imgLoadingGrow{0%,to{transform:scale(.82);opacity:.55}50%{transform:scale(1.08);opacity:1}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:ease}::view-transition-old(root){animation-name:page-fade-out}::view-transition-new(root){animation-name:page-fade-in}@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}}::view-transition-group(root){animation-duration:.4s}html[data-transition-target=perception]::view-transition-group(root){background:#3f5870}html[data-transition-target=feeling]::view-transition-group(root){background:#c9a882}html[data-transition-target=variations]::view-transition-group(root){background:#e8380d}