@layer components{.simple-bar-preview{--animation-timing:4s;--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-preview>.simple-bar-logo{width:30%;height:auto;fill:var(--white);position:absolute;top:14%;left:35%}.simple-bar-preview__ripple{background-color:var(--white);opacity:.4;border-radius:50%;width:14px;height:14px;position:absolute;top:39%;transform:scale(0)}.simple-bar-preview__ripple--1{animation:simple-bar-preview-ripple var(--animation-timing)var(--animation-delay)var(--transition-easing)infinite;left:17%}.simple-bar-preview__ripple--2{animation:simple-bar-preview-ripple var(--animation-timing)var(--transition-easing)infinite;left:22%}@kesimple-bar-yframes preview-ripple{20%,40% { transform: scale(0); }30%,35% { transform: scale(1); }}.simple-bar-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-preview__bar{--item-height:7px;--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-preview__spaces{gap:3px;padding-left:3px;display:flex}.simple-bar-preview__space{height:var(--item-height);padding:var(--item-padding);color:var(--white);background-color:var(--simple-bar-primary-500);border-radius:2px;flex:1 0 auto;align-items:center;gap:2px;font-size:5px;display:flex}.simple-bar-preview__space:nth-child(2){animation:simple-bar-preview-space-current-reverse var(--animation-timing)var(--transition-easing)infinite}@keyframes simple-bar-preview-space-current-reverse{23%,77%{color:var(--white);background-color:var(--simple-bar-primary-500)}25%,75%{color:var(--simple-bar-primary-500);background-color:var(--white)}}.simple-bar-preview__space--current{color:var(--simple-bar-primary-500);background-color:var(--white);animation:simple-bar-preview-space-current var(--animation-timing)var(--transition-easing)infinite}@keyframes simple-bar-preview-space-current{23%,77%{color:var(--simple-bar-primary-500);background-color:var(--white)}25%,75%{color:var(--white);background-color:var(--simple-bar-primary-500)}}.simple-bar-preview__space-app{background-color:var(--simple-bar-primary-300);border-radius:50%;width:4px;height:4px}.simple-bar-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:0 auto;font-size:4px;display:flex}.simple-bar-preview__process-label{background-color:var(--white);opacity:.5;border-radius:2px;width:18px;height:2px}.simple-bar-preview__data{gap:3px;padding-right:3px;display:flex}.simple-bar-preview__data-item{width:10px;height:var(--item-height);padding:var(--item-padding);background-color:var(--simple-bar-primary-500);border-radius:2px}.simple-bar-preview__data-item:first-child{background-color:var(--simple-bar-magenta);width:12px}.simple-bar-preview__data-item:nth-child(2){background-color:var(--simple-bar-blue);width:10px}.simple-bar-preview__data-item:nth-child(3){background-color:var(--simple-bar-red);width:14px}.simple-bar-preview__data-item:nth-child(4){background-color:var(--simple-bar-cyan);width:10px}.simple-bar-preview__data-item:nth-child(5){background-color:var(--simple-bar-yellow);width:8px}.simple-bar-preview__desktop{animation:simple-bar-preview-desktop-hiding var(--animation-timing)infinite;flex:100%;gap:6px;padding:15px 6px 0;display:flex}@keyframes simple-bar-preview-desktop-hiding{24%,76%{gap:6px}25%,75%{gap:0}}.simple-bar-preview__window{background-color:var(--white);border-radius:3px 3px 0 0;flex-direction:column;flex:100%;display:flex;overflow:hidden}.simple-bar-preview__window:first-child{animation:simple-bar-preview-window-hiding var(--animation-timing)infinite}@keyframes simple-bar-preview-window-hiding{24%,76%{flex-basis:100%}25%,75%{flex-basis:0}}.simple-bar-preview__window-title{background-color:var(--white);align-items:center;gap:2px;height:10px;padding-left:3px;display:flex}.simple-bar-preview__window-dot{background-color:var(--grey-200);border-radius:50%;width:4px;height:4px}.simple-bar-preview__window-dot:first-of-type{background-color:#ff605c}.simple-bar-preview__window-dot:nth-of-type(2){background-color:#ffbd44}.simple-bar-preview__window-dot:nth-of-type(3){background-color:#00ca4e}.simple-bar-preview__window-title-label{background-color:var(--black);opacity:.5;border-radius:2px;width:12px;height:2px;margin:0 auto;transform:translate(-10px)}}