@layer components{.simple-bar-lite-preview{--animation-timing:5s;--animation-delay:2s;--simple-bar-primary-300:#39465e;--simple-bar-primary-400:#1e2737;--simple-bar-primary-500:#1b222d;background-color:var(--simple-bar-primary-500);height:100%;position:relative}.simple-bar-lite-preview>.simple-bar-lite-logo{width:30%;height:auto;position:absolute;top:14%;left:35%}.simple-bar-lite-preview__ripple{background-color:var(--white);opacity:.4;border-radius:50%;width:14px;height:14px;position:absolute;top:39%;transform:scale(0)}.simple-bar-lite-preview__ripple--1{animation:simple-bar-lite-preview-ripple var(--animation-timing)var(--animation-delay)var(--transition-easing)infinite;left:15.2%}.simple-bar-lite-preview__ripple--2{animation:simple-bar-lite-preview-ripple var(--animation-timing)var(--transition-easing)infinite;left:17.2%}@keyframes simple-bar-lite-preview-ripple{20%,40%{transform:scale(0)}30%,35%{transform:scale(1)}}.simple-bar-lite-preview__screen{--width:70%;bottom:0;left:calc(50% - (var(--width)/2));width:var(--width);background-color:var(--simple-bar-primary-300);border-radius:var(--radius-200)var(--radius-200)0 0;flex-direction:column;height:60%;display:flex;position:absolute;overflow:hidden}.simple-bar-lite-preview__bar{--item-height:5px;--item-padding:2px;--item-radius:2px;background-color:var(--simple-bar-primary-400);align-items:center;width:100%;height:10px;display:flex;position:absolute;top:0;left:0}.simple-bar-lite-preview__spaces{gap:3px;padding-left:6px;display:flex}.simple-bar-lite-preview__space{flex:1 0 var(--item-height);width:var(--item-height);height:var(--item-height);padding:var(--item-padding);background:var(--white);outline-offset:1px;border-radius:50%}.simple-bar-lite-preview__space:nth-child(2){animation:simple-bar-lite-preview-space-current-reverse var(--animation-timing)var(--transition-easing)infinite}@keyframes simple-bar-lite-preview-space-current-reverse{23%,77%{background:var(--white);outline:none}25%,75%{background:linear-gradient(#ffb374,#e78482);outline:1px solid #ffb374}}.simple-bar-lite-preview__space--current{animation:simple-bar-lite-preview-space-current var(--animation-timing)var(--transition-easing)infinite;background:linear-gradient(#ffb374,#e78482);outline:1px solid #ffb374}.simple-bar-lite-preview__space--empty{outline:1px solid var(--white);outline-offset:-1px;background-color:#0000}@keyframes simple-bar-lite-preview-space-current{23%,77%{background:linear-gradient(#ffb374,#e78482);outline:1px solid #ffb374}25%,75%{background:var(--white);outline:none}}.simple-bar-lite-preview__process{height:var(--item-height);padding:var(--item-padding);color:var(--white);background-color:var(--simple-bar-primary-500);border-radius:2px;align-items:center;gap:2px;margin-inline:5px auto;font-size:4px;display:flex}.simple-bar-lite-preview__process-label{background-color:var(--white);opacity:.75;transform-origin:0;width:26px;height:2px;animation:simple-bar-lite-preview-process-width var(--animation-timing)var(--transition-easing)infinite;border-radius:2px}@keyframes simple-bar-lite-preview-process-width{25%,77%{transform:none}30%,76%{transform:scaleX(1.5)}}.simple-bar-lite-preview__data{gap:3px;padding-right:3px;display:flex}.simple-bar-lite-preview__data-item{width:10px;height:calc(var(--item-height) - 2px);padding:var(--item-padding);background-color:var(--white);opacity:.75;border-radius:2px}.simple-bar-lite-preview__desktop{animation:simple-bar-lite-preview-desktop-hiding var(--animation-timing)infinite;flex:100%;gap:6px;padding:15px 6px 0;display:flex}@keyframes simple-bar-lite-preview-desktop-hiding{24%,76%{gap:6px}25%,75%{gap:0}}.simple-bar-lite-preview__window{background-color:var(--white);border-radius:3px 3px 0 0;flex-direction:column;flex:100%;display:flex;overflow:hidden}.simple-bar-lite-preview__window:first-child{animation:simple-bar-lite-preview-window-hiding var(--animation-timing)infinite}@keyframes simple-bar-lite-preview-window-hiding{24%,76%{flex-basis:100%}25%,75%{flex-basis:0}}.simple-bar-lite-preview__window-title{background-color:var(--white);align-items:center;gap:2px;height:10px;padding-left:3px;display:flex}.simple-bar-lite-preview__window-dot{background-color:var(--grey-200);border-radius:50%;width:4px;height:4px}.simple-bar-lite-preview__window-dot:first-of-type{background-color:#ff605c}.simple-bar-lite-preview__window-dot:nth-of-type(2){background-color:#ffbd44}.simple-bar-lite-preview__window-dot:nth-of-type(3){background-color:#00ca4e}.simple-bar-lite-preview__window-title-label{background-color:var(--black);opacity:.5;border-radius:2px;width:12px;height:2px;margin:0 auto;transform:translate(-10px)}}