.portal-loading{--portal-loading-entry-delay:.18s;animation:portal-loading-appear .22s cubic-bezier(0, 0, .2, 1) calc(var(--portal-loading-entry-delay) - var(--portal-loading-elapsed,0s)) backwards;gap:1rem;display:grid}.portal-loading-header{align-items:center;min-height:2.5rem;display:flex}.portal-loading-layers{gap:.1875rem;width:min(12rem,60%);display:grid}.portal-loading-layers>span{height:.5rem;animation:portal-loading-layer 2.4s cubic-bezier(.65, 0, .35, 1) calc(var(--portal-loading-layer-delay) - var(--portal-loading-elapsed,0s)) infinite backwards;border-radius:.1875rem}.portal-loading-layers>span:first-child{--portal-loading-layer-delay:0s;background:var(--brand-blue)}.portal-loading-layers>span:nth-child(2){--portal-loading-layer-delay:.14s;background:var(--brand-teal);width:68%}.portal-loading-layers>span:nth-child(3){--portal-loading-layer-delay:.28s;background:var(--brand-violet);width:84%}.portal-loading-sheet{border:1px solid color-mix(in srgb, var(--tile-border) 60%, transparent);background:var(--portal-loading-sheet);border-radius:.875rem;height:min(28rem,55vh);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 22%,#0000 100%);mask-image:linear-gradient(#000 0% 22%,#0000 100%)}.portal-loading-sheet:after{content:"";inset-block:0;background:linear-gradient(90deg, transparent, var(--portal-loading-sheen), transparent);width:45%;animation:portal-loading-sweep 2.8s ease-in-out calc(0s - var(--portal-loading-elapsed,0s)) infinite;position:absolute;left:0;transform:translate(-100%)}@keyframes portal-loading-appear{0%{opacity:0}}@keyframes portal-loading-layer{0%{clip-path:inset(0 100% 0 0 round .1875rem)}35%,60%{clip-path:inset(0 round .1875rem)}90%,to{clip-path:inset(0 0 0 100% round .1875rem)}}@keyframes portal-loading-sweep{0%{transform:translate(-100%)}70%,to{transform:translate(223%)}}@media (prefers-reduced-motion:reduce){.portal-loading{animation-duration:1ms;animation-timing-function:step-end}.portal-loading-layers>span{animation:none}.portal-loading-sheet:after{display:none}}
::view-transition{pointer-events:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(.portal-fade){animation:.12s cubic-bezier(.4,0,1,1) both portal-fade-out}::view-transition-new(.portal-fade){animation:.16s cubic-bezier(0,0,.2,1) both portal-fade-in}::view-transition-old(.portal-forward){animation:.12s cubic-bezier(.4,0,1,1) both portal-slide-out-forward}:root[data-portal-history-direction=forward]::view-transition-old(.portal-fade){animation:.12s cubic-bezier(.4,0,1,1) both portal-slide-out-forward}::view-transition-new(.portal-forward){animation:.22s cubic-bezier(0,0,.2,1) both portal-slide-in-forward}:root[data-portal-history-direction=forward]::view-transition-new(.portal-fade){animation:.22s cubic-bezier(0,0,.2,1) both portal-slide-in-forward}::view-transition-old(.portal-back){animation:.12s cubic-bezier(.4,0,1,1) both portal-slide-out-back}:root[data-portal-history-direction=back]::view-transition-old(.portal-fade){animation:.12s cubic-bezier(.4,0,1,1) both portal-slide-out-back}::view-transition-new(.portal-back){animation:.22s cubic-bezier(0,0,.2,1) both portal-slide-in-back}:root[data-portal-history-direction=back]::view-transition-new(.portal-fade){animation:.22s cubic-bezier(0,0,.2,1) both portal-slide-in-back}#portal-main-content[data-portal-history-motion=fade]{animation:.16s cubic-bezier(0,0,.2,1) both portal-fade-in}#portal-main-content[data-portal-history-motion=forward]{animation:.22s cubic-bezier(0,0,.2,1) both portal-slide-in-forward}#portal-main-content[data-portal-history-motion=back]{animation:.22s cubic-bezier(0,0,.2,1) both portal-slide-in-back}@keyframes portal-fade-out{to{opacity:0}}@keyframes portal-fade-in{0%{opacity:0}}@keyframes portal-slide-out-forward{to{opacity:0;transform:translate(-4px)}}@keyframes portal-slide-in-forward{0%{opacity:0;transform:translate(6px)}}@keyframes portal-slide-out-back{to{opacity:0;transform:translate(4px)}}@keyframes portal-slide-in-back{0%{opacity:0;transform:translate(-6px)}}@media (prefers-reduced-motion:reduce){#portal-main-content[data-portal-history-motion]{animation:none}::view-transition-group(*){animation:none}::view-transition-old(.portal-fade){animation:none}::view-transition-new(.portal-fade){animation:none}::view-transition-old(.portal-forward){animation:none}::view-transition-new(.portal-forward){animation:none}::view-transition-old(.portal-back){animation:none}::view-transition-new(.portal-back){animation:none}:root[data-portal-history-direction=forward]::view-transition-old(.portal-fade){animation:none}:root[data-portal-history-direction=forward]::view-transition-new(.portal-fade){animation:none}:root[data-portal-history-direction=back]::view-transition-old(.portal-fade){animation:none}:root[data-portal-history-direction=back]::view-transition-new(.portal-fade){animation:none}}