:root { --rc-loader-bg: #0e0e0e; }
html.rc-palette-loader-active,html.rc-palette-loader-active body{background:#0e0e0e;overflow:hidden}
.rc-palette-loader{position:fixed;inset:0;z-index:100000;display:none;box-sizing:border-box;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--rc-loader-bg);color:rgb(242 242 240/.78);pointer-events:auto;contain:strict;transition:background-color 580ms cubic-bezier(.65,0,.35,1),transform 720ms cubic-bezier(.65,0,.35,1);will-change:transform,background-color}
.rc-palette-loader-active .rc-palette-loader{display:block}
.rc-palette-loader__interface{position:absolute;inset:max(28px,env(safe-area-inset-top)) clamp(24px,4vw,72px) max(28px,env(safe-area-inset-bottom));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:clamp(8px,.62vw,10px);font-weight:400;letter-spacing:.13em;line-height:1.65;text-transform:uppercase}
.rc-palette-loader__operations{position:absolute;top:44%;left:0;width:min(31vw,390px);transform:translateY(-50%);transition:opacity 260ms ease,transform 500ms cubic-bezier(.65,0,.35,1)}
.rc-palette-loader__operation{width:fit-content;margin:2px 0;padding:1px 6px;color:rgb(242 242 240/.46);transition:color 220ms ease,background-color 220ms ease,opacity 220ms ease}
.rc-palette-loader__operation span{opacity:.55}.rc-palette-loader__operation b{font:inherit}.rc-palette-loader__operation.is-current{background:rgb(242 242 240/.82);color:#161515}
.rc-palette-loader__sequence{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(242 242 240/.66);transition:opacity 260ms ease,transform 500ms cubic-bezier(.65,0,.35,1)}
.rc-palette-loader__annotation{position:absolute;top:44%;right:0;display:grid;transform:translateY(-50%);color:rgb(242 242 240/.58);transition:opacity 260ms ease,transform 500ms cubic-bezier(.65,0,.35,1)}
.rc-palette-loader__states{position:absolute;left:0;bottom:0;display:flex;gap:clamp(22px,4vw,68px);transition:opacity 360ms ease,transform 500ms cubic-bezier(.65,0,.35,1)}
.rc-palette-loader__states>div{display:grid;grid-template-columns:22px auto;grid-template-rows:repeat(2,auto);column-gap:10px;min-width:105px}.rc-palette-loader__states span{color:rgb(242 242 240/.48)}.rc-palette-loader__states b{font:inherit;color:rgb(242 242 240/.82)}
.rc-palette-loader__icon{grid-row:1/3;align-self:center;width:20px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.rc-palette-loader__icon--hourglass{animation:rc-hourglass 7s cubic-bezier(.65,0,.35,1) infinite}.rc-palette-loader__icon--orbit{animation:rc-orbit 10s linear infinite}.rc-palette-loader__icon--spark{animation:rc-spark 7.5s ease-in-out infinite}
.rc-palette-loader__identity{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translate3d(0,10px,0);pointer-events:none;transition:opacity 420ms ease,transform 600ms cubic-bezier(.65,0,.35,1)}
.rc-palette-loader__identity strong{font-family:inherit;font-size:clamp(25px,4vw,62px);font-weight:400;letter-spacing:.075em;line-height:1}.rc-palette-loader__identity span{margin-top:14px;font-size:clamp(8px,.7vw,11px);letter-spacing:.22em}.rc-palette-loader__identity small{margin-top:clamp(46px,9vh,90px);font:400 8px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.18em;opacity:.48}
.rc-palette-loader.is-reducing .rc-palette-loader__interface{opacity:.8}.rc-palette-loader.is-reducing .rc-palette-loader__icon{animation-play-state:paused}.rc-palette-loader.is-mono .rc-palette-loader__operations{opacity:0;transform:translate(-12px,-50%)}.rc-palette-loader.is-mono .rc-palette-loader__annotation{opacity:0;transform:translate(12px,-50%);transition-delay:120ms}.rc-palette-loader.is-mono .rc-palette-loader__sequence{opacity:0;transform:translate(-50%,calc(-50% - 8px));transition-delay:220ms}.rc-palette-loader.is-mono .rc-palette-loader__states{opacity:0;transform:translateY(8px);transition-delay:330ms}.rc-palette-loader.is-identity .rc-palette-loader__identity{opacity:1;transform:none}.rc-palette-loader.is-exiting{transform:translate3d(0,-105%,0);pointer-events:none}.rc-palette-loader.is-exiting .rc-palette-loader__identity{transform:translate3d(0,26px,0);opacity:0}
@keyframes rc-hourglass{0%,100%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(2px) rotate(3deg)}}@keyframes rc-orbit{to{transform:rotate(360deg)}}@keyframes rc-spark{0%,100%{opacity:.45;transform:rotate(-2deg) scale(.96)}50%{opacity:.9;transform:rotate(2deg) scale(1.04)}}
@media(max-width:767px){.rc-palette-loader__interface{inset:max(24px,calc(env(safe-area-inset-top) + 14px)) 22px max(24px,calc(env(safe-area-inset-bottom) + 14px));font-size:8px}.rc-palette-loader__sequence{top:0;left:0;transform:none}.rc-palette-loader__operations{top:30%;width:100%;transform:none}.rc-palette-loader__annotation{top:auto;right:auto;bottom:0;left:0;transform:none}.rc-palette-loader__states{bottom:21%;width:100%;justify-content:space-between;gap:8px}.rc-palette-loader__states>div{grid-template-columns:18px auto;column-gap:6px;min-width:0}.rc-palette-loader__icon{width:16px}.rc-palette-loader.is-mono .rc-palette-loader__operations{transform:translateX(-10px)}.rc-palette-loader.is-mono .rc-palette-loader__annotation{transform:translateX(10px)}.rc-palette-loader.is-mono .rc-palette-loader__sequence{transform:translateY(-8px)}}
@media(max-height:500px) and (orientation:landscape){.rc-palette-loader__interface{inset:max(14px,env(safe-area-inset-top)) 24px max(14px,env(safe-area-inset-bottom))}.rc-palette-loader__operations{top:44%}.rc-palette-loader__states{left:auto;right:0;bottom:0}.rc-palette-loader__annotation{display:none}}
@media(prefers-reduced-motion:reduce){.rc-palette-loader{background:#0e0e0e!important;transition:transform 180ms ease}.rc-palette-loader__interface{display:none}.rc-palette-loader__identity{transition:opacity 120ms ease;transform:none}.rc-palette-loader.is-exiting{transform:translate3d(0,-105%,0)}}
