.s1-mockup-scope{--salonx-primary:#3b82f6;--salonx-primary-rgb:59, 130, 246;--salonx-primary-soft-rgb:147, 186, 252;--salonx-primary-dark-rgb:37, 99, 235}.s1-mockup-scope .date-screen1{z-index:1000;cursor:default;text-align:right;color:#fff;font-size:16px;font-weight:700;position:absolute;top:10px;right:10px}.s1-mockup-scope .screen1-container{width:393px;height:100%;position:relative}.s1-mockup-scope .layout-wrapper{z-index:100;position:relative}.s1-mockup-scope .screen1-background{z-index:10;--s1-bg-w:393px;--s1-bg-h:852px;--s1-curve-top:-5px;--s1-curve-right:-5px;--s1-curve-w:65px;--s1-curve-h:var(--s1-bg-h);--s1-mask-w:calc(var(--s1-bg-w) + 5px);--s1-mask-cut-x:calc(var(--s1-bg-w) - var(--s1-curve-w) + 5px);background:#000;width:393px;height:852px;min-height:852px;position:absolute;top:0;left:0;overflow:visible}.s1-mockup-scope .curvedline-container{top:var(--s1-curve-top);right:var(--s1-curve-right);width:var(--s1-curve-w);z-index:55;pointer-events:none;justify-content:flex-end;align-items:stretch;height:100%;display:flex;position:absolute}.s1-mockup-scope .profile-panel{z-index:2;width:380px;height:203px;transition:transform .5s;position:absolute;top:0;left:5px}.s1-mockup-scope .topstats-panel{z-index:1;width:380px;height:203px;position:absolute;top:0;left:5px}.s1-mockup-scope .company-header{--s1-mask-w:calc(var(--s1-bg-w,393px) + 5px);--s1-curve-h:var(--s1-bg-h,852px);--s1-panel-left:5px;--s1-panel-top:208px;width:395px;height:70px;top:var(--s1-panel-top);left:var(--s1-panel-left);box-sizing:border-box;-webkit-mask-image:url(/curve-mask.svg);mask-image:url(/curve-mask.svg);-webkit-mask-size:var(--s1-mask-w) var(--s1-curve-h);-webkit-mask-size:var(--s1-mask-w) var(--s1-curve-h);mask-size:var(--s1-mask-w) var(--s1-curve-h);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));-webkit-mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));-webkit-mask-mode:alpha;isolation:isolate;position:absolute;-webkit-mask-source-type:alpha;mask-mode:alpha}.s1-mockup-scope .client-list-wrapper{--s1-mask-w:calc(var(--s1-bg-w,393px) + 5px);--s1-curve-h:var(--s1-bg-h,852px);--s1-panel-left:5px;--s1-panel-top:286px;width:395px;height:504px;top:var(--s1-panel-top);left:var(--s1-panel-left);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:url(/curve-mask.svg);mask-image:url(/curve-mask.svg);-webkit-mask-size:var(--s1-mask-w) var(--s1-curve-h);-webkit-mask-size:var(--s1-mask-w) var(--s1-curve-h);mask-size:var(--s1-mask-w) var(--s1-curve-h);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));-webkit-mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));-webkit-mask-mode:alpha;isolation:isolate;transition:transform .5s;position:absolute;overflow:hidden auto;-webkit-mask-source-type:alpha;mask-mode:alpha}.s1-mockup-scope .client-list-wrapper::-webkit-scrollbar{display:none}.s1-mockup-scope .timer-panel{--s1-mask-w:calc(var(--s1-bg-w,393px) + 5px);--s1-curve-h:var(--s1-bg-h,852px);--s1-panel-left:5px;--s1-panel-top:286px;top:var(--s1-panel-top);left:var(--s1-panel-left);z-index:2;width:380px;height:384px;-webkit-mask-image:url(/curve-mask.svg);mask-image:url(/curve-mask.svg);-webkit-mask-size:var(--s1-mask-w) var(--s1-curve-h);-webkit-mask-size:var(--s1-mask-w) var(--s1-curve-h);mask-size:var(--s1-mask-w) var(--s1-curve-h);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));-webkit-mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));mask-position:calc(-1 * var(--s1-panel-left)) calc(var(--s1-curve-top) - var(--s1-panel-top));-webkit-mask-mode:alpha;isolation:isolate;transition:transform .5s;position:absolute;-webkit-mask-source-type:alpha;mask-mode:alpha}.s1-mockup-scope .screen1-toolbar{z-index:60;box-sizing:border-box;background:#0e0e10;border-top:1px solid #2b2b2b;justify-content:space-around;align-items:center;width:393px;height:64px;padding:0 14px;display:flex;position:absolute;top:790px;left:0}.s1-mockup-scope .screen1-toolbar__btn{cursor:default;color:var(--salonx-primary);opacity:.48;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 9px;line-height:0;transition:opacity .12s;display:flex}.s1-mockup-scope .screen1-toolbar__btn svg{color:inherit;flex-shrink:0;display:block}.s1-mockup-scope .screen1-toolbar__btn--solid{opacity:1;filter:drop-shadow(0 0 10px rgba(var(--salonx-primary-rgb), .35))}.s1-mockup-scope .screen1-blackBelow{z-index:1;background:#000;width:100%;height:852px;position:relative;overflow:hidden}.s1-mockup-scope .screen1-modal-root{z-index:250;pointer-events:none;position:absolute;inset:0}.s1-mockup-scope .curvedline-svg{flex:auto;width:100%;height:100%;min-height:0;display:block}