footer{text-align:center;bottom:0;width:100%;margin:0;padding:0}footer p{color:#aaa;font-size:15px}.layout-header{display:flex;align-items:center;justify-content:left;padding:0;background-color:#f8f9fa}.header-title{flex:1;color:var(--color-bg-b10);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1rem;margin-left:20px;color:azure}.layout-header img.header-logo{cursor:pointer}.time_day_container{width:200px;display:flex;justify-content:center;flex-direction:column;align-items:center}.time{color:var(--color-bg-b10);font-size:x-large;font-weight:700}.day_of_week{color:var(--color-bg-b10);margin:0;font-size:1rem}.spacer{width:2px;height:45px;border:var(--color-bg-b2) solid 1px}.header-client-item{width:250px;border-bottom:.5px solid var(--color-bg-b9);border-radius:5px;display:flex;flex-direction:column;align-items:left;padding:10px;color:#fff;background:var(--color-grd-g2);margin-right:10px}.header-client-item:hover{background-color:var(--color-bg-b9);cursor:pointer}:root{--font-size-main-menu: .9rem}.main-menu-container{display:flex;height:100%;flex-direction:column;justify-content:space-between;position:relative;margin:0;z-index:2}.main-menu-header{display:flex;justify-content:space-between;align-items:center}.main-menu-icon{scale:55%;color:var(--color-bg-b12);margin-left:5px;cursor:pointer}.main-menu-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:10px;color:var(--color-bg-b12);font-size:.9rem}.main-menu-avatar{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2016%2016'%3e%3cg%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3ccircle%20cx='8'%20cy='6'%20r='3.25'/%3e%3cpath%20d='M2.75%2014.25c0-2.5%202-5%205.25-5s5.25%202.5%205.25%205'/%3e%3c/g%3e%3c/svg%3e"),var(--color-grd-g3);bottom:10px;width:40px;height:40px;border-radius:50%;background-size:60%,cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-bg-b10);text-align:center;font-size:.8rem;color:var(--color-bg-b12);margin-right:10px 0px 15px 0px}.main-menu-user-info{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:10px}.main-menu-user-info p{color:var(--color-bg-b12)}.button-main-menu:before{content:"";display:inline-block;width:var(--icon-size);height:var(--icon-size);flex:0 0 auto;background-repeat:no-repeat;background-size:contain;fill:var(--color-bg-b11);transition:filter .72s ease,transform .72s ease,background-image .72s ease;padding:0 1px 0 15px}.button-main-menu:hover{background:var(--color-bg-b2)}.button-main-menu.active{background:var(--color-grd-g6)}.button-main-menu{display:flex;align-items:center;width:200px;height:50px;background:var(--colosr-bg-b3);color:var(--color-bg-b12);font-weight:400;border-radius:0;border:none;cursor:pointer;box-shadow:0 1px 13px #0000004d;font-size:var(--font-size-main-menu);text-align:left;padding-left:20px;margin-top:0;letter-spacing:1px}.button-main-menu.clients:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2015%2015'%3e%3cpath%20fill='%23f3f4f6'%20d='M1.785%203.812a1.469%201.469%200%200%201%202.352-.382l.717.716a.5.5%200%201%201-.708.708l-.716-.717a.469.469%200%200%200-.75.122L1.308%207h3.939c.817%200%201.5.566%201.693%201.325a2.41%202.41%200%200%201%20.56-.075c.2%200%20.385.034.559.075A1.751%201.751%200%200%201%209.752%207h3.939l-1.37-2.74a.469.469%200%200%200-.751-.123l-.716.717a.5.5%200%201%201-.707-.708l.716-.716a1.47%201.47%200%200%201%202.352.382l1.726%203.45v.001c.037.07.059.151.059.237v1a.5.5%200%200%201-.5.5H14v.5c0%201.589-1.002%202.5-2.75%202.5h-.5C9.002%2012%208%2011.089%208%209.5v-.159a1.709%201.709%200%200%200-.5-.091c-.17%200-.35.043-.5.091V9.5C7%2011.089%205.998%2012%204.25%2012h-.5C2.002%2012%201%2011.089%201%209.5V9H.5a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.06-.237l-.001-.001l1.726-3.45ZM9.752%208A.753.753%200%200%200%209%208.752V9.5c0%20.698.2%201.5%201.75%201.5h.5C12.8%2011%2013%2010.198%2013%209.5v-.747A.754.754%200%200%200%2012.247%208H9.752Zm-7%200A.754.754%200%200%200%202%208.752V9.5c0%20.698.199%201.5%201.75%201.5h.5C5.801%2011%206%2010.198%206%209.5v-.748A.753.753%200%200%200%205.247%208H2.753Z'/%3e%3c/svg%3e")}.button-main-menu.optotyp:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23f3f4f6'%20d='M21%203H3c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h18c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%2013H3V5h18v11z'/%3e%3c/svg%3e")}.button-main-menu.eye:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2016%2016'%3e%3cg%20fill='%23f3f4f6'%3e%3cpath%20d='M16%208s-3-5.5-8-5.5S0%208%200%208s3%205.5%208%205.5S16%208%2016%208zM1.173%208a13.133%2013.133%200%200%201%201.66-2.043C4.12%204.668%205.88%203.5%208%203.5c2.12%200%203.879%201.168%205.168%202.457A13.133%2013.133%200%200%201%2014.828%208c-.058.087-.122.183-.195.288c-.335.48-.83%201.12-1.465%201.755C11.879%2011.332%2010.119%2012.5%208%2012.5c-2.12%200-3.879-1.168-5.168-2.457A13.134%2013.134%200%200%201%201.172%208z'/%3e%3cpath%20d='M8%205.5a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5zM4.5%208a3.5%203.5%200%201%201%207%200a3.5%203.5%200%200%201-7%200z'/%3e%3c/g%3e%3c/svg%3e");font-size:.5rem}.button-main-menu.person:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2016%2016'%3e%3cg%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3ccircle%20cx='8'%20cy='6'%20r='3.25'/%3e%3cpath%20d='M2.75%2014.25c0-2.5%202-5%205.25-5s5.25%202.5%205.25%205'/%3e%3c/g%3e%3c/svg%3e");font-size:.5rem}.button-main-menu.login:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2020%2020'%3e%3cpath%20fill='currentColor'%20d='M9.76%200C15.417%200%2020%204.477%2020%2010S15.416%2020%209.76%2020c-3.191%200-6.142-1.437-8.07-3.846a.644.644%200%200%201%20.115-.918a.68.68%200%200%201%20.94.113a8.96%208.96%200%200%200%207.016%203.343c4.915%200%208.9-3.892%208.9-8.692c0-4.8-3.985-8.692-8.9-8.692a8.961%208.961%200%200%200-6.944%203.255a.68.68%200%200%201-.942.101a.644.644%200%200%201-.103-.92C3.703%201.394%206.615%200%209.761%200Zm.545%206.862l2.707%202.707c.262.262.267.68.011.936L10.38%2013.15a.662.662%200%200%201-.937-.011a.662.662%200%200%201-.01-.937l1.547-1.548l-10.31.001A.662.662%200%200%201%200%2010c0-.361.3-.654.67-.654h10.268L9.38%207.787a.662.662%200%200%201-.01-.937a.662.662%200%200%201%20.935.011Z'/%3e%3c/svg%3e");font-size:.5rem}.button-main-menu.settings:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20fill-rule='evenodd'%20d='M3.5%202h-1v5h1V2zm6.1%205H6.4L6%206.45v-1L6.4%205h3.2l.4.5v1l-.4.5zm-5%203H1.4L1%209.5v-1l.4-.5h3.2l.4.5v1l-.4.5zm3.9-8h-1v2h1V2zm-1%206h1v6h-1V8zm-4%203h-1v3h1v-3zm7.9%200h3.19l.4-.5v-.95l-.4-.5H11.4l-.4.5v.95l.4.5zm2.1-9h-1v6h1V2zm-1%2010h1v2h-1v-2z'%20clip-rule='evenodd'/%3e%3c/svg%3e");font-size:.5rem}.layout-main{display:flex;flex-direction:column;height:100vh;width:100vw;padding:0;margin:0;background-color:var(--color-bg-b1)}.layout-header{flex:0 0 70px;display:flex;flex-direction:row;background:var(--color-bg-b1);margin:0}.layout-header h1{text-align:center;color:#fff;font-weight:600;padding-left:115px}.layout-section{flex:1;display:flex;flex-direction:row;align-items:center;padding:0}.layout-nav{width:200px;height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:0;font-size:1rem;background:var(--color-bg-b1)}.layout-content{flex:1;display:flex;height:100%;flex-direction:row;justify-content:center;align-items:center;padding:0;margin:0;background:var(--color-bg-b3);border-radius:25px 0 0;overflow:hidden}.layout-footer{flex:0 0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#faf8f8;text-align:center}:root{--card-height: 55vh;--card-width: calc(var(--card-height) / 1.3);--rotate: 0deg}@property --rotate{syntax: ""; initial-value: 0deg; inherits: false;}@keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}body{background-color:#f0f8ff}.login-container{display:flex;justify-content:center;align-items:center;width:calc(2 * var(--card-width))}.login-hero-image{width:var(--card-width);height:var(--card-height);border-top-right-radius:30px;border-bottom-right-radius:30px;box-shadow:4px 4px 30px #bdb3b34d;overflow:hidden}.login-logo{width:calc(.5 * var(--card-width));margin:25px 0 50px}.card{background-size:cover;background-position:center;background-repeat:no-repeat;width:calc(var(--card-width));height:var(--card-height);padding:3px;position:relative;border-top-left-radius:30px;border-bottom-left-radius:30px;justify-content:center;align-items:center;text-align:center;flex-direction:column;display:flex;font-size:1.5em;color:#789ac1;box-shadow:4px 4px 30px #d8cece4d;opacity:.99}.card:before{content:"";width:100%;height:100%;border-top-left-radius:30px;border-bottom-left-radius:30px;background-image:linear-gradient(var(--rotate),var(--color-bg-b6),var(--color-bg-b6),var(--color-el-a));position:absolute;z-index:-1;top:-0%;left:-0%;animation:spin 20s linear infinite}.card:after{position:absolute;content:"";top:calc(var(--card-height) / 6);left:0;right:0;z-index:-1;height:101%;width:101%;margin:0 auto;transform:scale(.8);filter:blur(calc(var(--card-height) / 6));background-image:linear-gradient(var(--rotate),var(--color-bg-b6),var(--color-bg-b6),var(--color-el-g));opacity:1;transition:opacity .5s;animation:spin 13s linear infinite}.button-login{background:var(--color-grd-g2);color:#000;border:none;border-radius:25px;width:136px;height:36px;box-shadow:0 1px 3px #0000004d;cursor:pointer;outline:none}input{width:80%;height:40px;border-radius:20px;border:1px solid #e0e7f0;padding:0 20px;margin:10px 0;font-size:.7em}.hero-text{background-color:#fff;height:50px;color:#fff;font-size:1.5rem;font-weight:700;text-align:center;padding:5px 20px}:root{--color-el-a: #1abc9c;--color-el-b: #16a085;--color-el-c: #2ecc71;--color-el-d: #27ae60;--color-el-e: #3498db;--color-el-f: #2980b9;--color-el-g: #9b59b6;--color-el-h: #8e44ad;--color-el-i: #f1c40f;--color-el-j: #f39c12;--color-el-k: #e67e22;--color-el-l: #d35400;--color-el-m: #e74c3c;--color-el-n: #c0392b;--color-bg-b1: #1f2937;--color-bg-b2: #51698b;--color-bg-b3: #2c3e50;--color-bg-b4: #51779e;--color-bg-b5: #789ac1;--color-bg-b6: #8eb9ea;--color-bg-b7: #7f8c8d;--color-bg-b8: #95a5a6;--color-bg-b9: #bdc3c7;--color-bg-b10: #d9dcde;--color-bg-b11: #e0e7f0;--color-bg-b12: #f3f4f6;--color-grd-g1: linear-gradient( 45deg, rgba(251, 214, 71, 1), rgba(242, 104, 147, 1) );--color-grd-g2: linear-gradient( 45deg, rgba(242, 143, 62, 1), rgba(252, 221, 99, 1) );--color-grd-g3: linear-gradient( 45deg, rgba(200, 144, 231, 1), rgba(255, 191, 19, 1) );--color-grd-g4: linear-gradient( 45deg, rgba(243, 156, 18, 1), rgba(192, 57, 43, 1) );--color-grd-g5: linear-gradient( 45deg, rgba(26, 188, 156, 1), rgba(241, 196, 15, 1) );--color-grd-g6: linear-gradient( 45deg, rgba(22, 114, 217, 72%), rgba(134, 239, 172, 67%) );--color-grd-g7: linear-gradient( 45deg, rgba(186, 138, 243, 100%), rgba(111, 230, 179, 100%) );--color-grd-g8: linear-gradient( 45deg, rgba(168, 85, 247, 100%), rgba(147, 197, 253, 100%) );--color-grd-g9: linear-gradient( 45deg, rgba(147, 51, 234, 100%), rgba(165, 180, 252, 100%) );--color-grd-g10: linear-gradient( 45deg, rgba(142, 68, 173, 100%), rgba(243, 244, 246, 100%) );--color-grd-g11: linear-gradient( 45deg, rgba(41, 128, 185, 100%), rgba(243, 244, 246, 100%) );--color-grd-g12: linear-gradient( 45deg, rgba(142, 185, 234, 100%), rgba(224, 231, 240, 100%) );--color-grd-g13: linear-gradient( to bottom, rgba(224, 231, 240, .5), rgba(120, 154, 193, .5) );--color-grd-g14: linear-gradient( to bottom, rgba(224, 231, 240, 1), rgba(149, 165, 166, 1) );--color-grd-g15: linear-gradient( to bottom, rgba(52, 73, 94, 1), rgba(189, 195, 199, 1) );--color-grd-g16: linear-gradient( to bottom, rgba(142, 185, 234, 1), rgba(178, 199, 222, 1) );--color-grd-g17: linear-gradient( to bottom, rgba(81, 119, 158, 1), rgba(255, 255, 255, 1) );--icon-size: 20px;--font-size-xsmall: .7rem;--font-size-small: .8rem;--font-size-regular: 1rem;--font-size-large: 1.2rem;--font-size-xlarge: 1.5rem}@font-face{font-family:SLOAN;src:url(/assets/sloan-CEXIQMAj.otf) format("opentype");font-weight:400;font-style:normal}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{display:block;background:var(--color-bg-b2);width:100%;height:100%;padding:0;overflow:hidden}h1{font-size:1.1rem;color:var(--color-bg-b9);text-align:left;letter-spacing:1px}h2{font-size:1.2rem;text-align:left;background:var(--color-grd-g6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}h3{font-size:.9rem;color:var(--color-bg-b2);text-align:left;padding-bottom:15px}p{font-size:.9rem;color:var(--color-bg-b1);text-align:left}label{font-size:.9rem;color:var(--color-bg-b1);text-align:left;margin-top:15px;display:block}a{color:var(--color-bg-b10);text-decoration:none}a.visited{color:var(--color-bg-b12);text-decoration:none}.button-big{width:166px;height:82px;background:var(--color-grd-g2);color:var(--color-bg-b12);font-weight:700;border-radius:10px;border:none;cursor:pointer;box-shadow:0 1px 13px #0000004d;font-size:var(--font-size-main-menu);margin-top:20px;text-align:center;color:var(--color-bg-b1);font-size:var(--font-size-large)}button{width:150px;height:41px;background:var(--color-grd-g2);color:var(--color-bg-b12);font-weight:700;border-radius:10px;border:none;cursor:pointer;box-shadow:0 1px 13px #0000004d;font-size:var(--font-size-main-menu);margin-top:20px;text-align:center;color:var(--color-bg-b1);font-size:var(--font-size-large)}input{background-color:var(--color-bg-b11);border:1px solid var(--color-bg-b8);border-radius:10px;font-size:var(--font-size-regular);width:100%;max-width:300px;padding:10px}.container{display:flex;width:100%;height:100%;background:var(--color-bg-b3)}.left-container{flex:3;display:flex;flex-direction:column;background:var(--color-bg-b3)}.right-container{background:var(--color-bg-b2);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 10px 13px #000000b3;z-index:1;padding:15px}.info-box{border:1px solid #18c942;padding:16px;border-radius:8px;margin-top:16px;margin-left:16px;width:30%;height:150px}.secondary-menu{display:flex;flex-direction:column;justify-content:start;width:200px;height:100%;background:var(--color-bg-b3);box-shadow:2px 0 10px #0003;margin:0;padding:0;z-index:1}.secondary-menu-header{display:flex;justify-content:space-between;align-items:center;padding-left:20px;height:50px}.secondary-menu-icon{scale:55%;color:var(--color-bg-b2);margin-left:5px;cursor:pointer}.secondary-settings-menu{display:flex;align-items:center;width:200px;height:50px;background:var(--color-bg-b3);color:var(--color-bg-b12);font-weight:400;border-radius:0;border:none;cursor:pointer;box-shadow:0 1px 13px #0000004d;font-size:var(--font-size-main-menu);text-align:left;padding-left:20px;margin-top:0;letter-spacing:1px}.secondary-settings-menu:before{content:"";display:inline-block;width:var(--icon-size);height:var(--icon-size);flex:0 0 auto;background-repeat:no-repeat;background-size:contain;fill:var(--color-bg-b11);transition:filter .72s ease,transform .72s ease,background-image .72s ease;padding:0 1px 0 15px}.secondary-settings-menu:hover{background:var(--color-bg-b2)}.secondary-settings-menu.active{background:var(--color-grd-g3);color:var(--color-bg-b1);font-weight:700}.button-secondary-menu.clients:before{background-image:url(../../styles/svg/optician.svg)}.button-secondary-menu.optotyp:before{background-image:url(../../styles/svg/optotyp.svg)}.button-secondary-menu.eye:before{background-image:url(../../styles/svg/eye.svg);font-size:.5rem}.subMenu{padding:8px;cursor:pointer;font-size:.8rem;display:flex;align-items:center}img{width:50px;margin-right:10px}.selectedMenuItems{padding:10px;margin-bottom:8px;background:#f9f9f9;border:1px solid #ccc;border-radius:8px;cursor:grab;position:relative}.deleteSign{position:absolute;top:5px;right:10px;cursor:pointer;color:red;font-size:1rem;font-weight:700}.optotyp-container{flex:1;display:flex;flex-direction:row;min-height:0;width:100%;height:100%}.optotyp-settings{flex:0 0 75%;background:var(--color-bg-b11);display:flex;flex-direction:row;justify-content:space-between;box-shadow:5px 0 5px #5555554d;z-index:1;padding:25px}.optotyp-left-column{flex:0 0 50%;display:flex;flex-direction:column;background:var(--color-bg-b11);margin-right:15px}.optotyp-right-column{flex:0 0 50%;display:flex;flex-direction:column;align-items:left;justify-content:space-between;background:var(--color-bg-b11)}.optotyp-right-column-header{flex:1;flex-direction:column;background:var(--color-bg-b11);border:1px solid var(--color-bg-b9);border-radius:8px;padding:15px;margin:10px 0}.optotyp-right-column-buttons{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;background:var(--color-bg-b11);border:1px solid var(--color-bg-b9);border-radius:8px;padding:15px;margin:10px 0}.optotyp-help{flex:0 0 25%;display:flex;flex-direction:column;align-items:top;justify-content:start;background:var(--color-bg-b11);padding:15px}.optotyp-controler-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--color-bg-b11);border-radius:8px}.slider-container{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;text-align:left}.optotyp-calibration-selection{display:flex;flex-direction:row;align-items:center;justify-content:center}.slider-value{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:auto auto;grid-column:1 / 2;grid-row:1 / 2;color:var(--color-bg-b1);font-weight:700;gap:4px}.slider-value p:nth-child(2n){justify-self:end}.optotyp-distance-settings{display:flex;flex-direction:column;background:var(--color-bg-b11);border:1px solid var(--color-bg-b9);border-radius:8px;padding:15px;margin:10px 0}.optotyp-calibration{flex:1;display:flex;flex-direction:column;background:var(--color-bg-b11);border:1px solid var(--color-bg-b9);border-radius:8px;padding:15px;margin:10px 0}.optotyp-calibration-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:15px}.optotyp-calibration-btn-shrink{background:url(../src/styles/svg/shrink-arrow.svg),var(--color-grd-g2);height:50px;width:50px;border:none;border-radius:5px;background-size:70%,cover;background-repeat:no-repeat;background-position:center 5px,center;font-size:16px;cursor:pointer;box-shadow:2px 2px 5px #0003;transition:background .3s,box-shadow .3s;padding-top:70px;margin-right:35px}.optotyp-calibration-btn-expand{background:url(../src/styles/svg/expand-arrow.svg),var(--color-grd-g2);height:50px;width:50px;border:none;border-radius:5px;background-size:60%,cover;background-repeat:no-repeat;background-position:center 8px,center;font-size:16px;cursor:pointer;box-shadow:2px 2px 5px #0003;transition:background .3s,box-shadow .3s;padding-top:70px;margin-right:35px}.optotyp-calibration-btn-shrink:hover,.optotyp-calibration-btn-expand:hover{box-shadow:4px 4px 10px #0000004d}.optotyp-calibration-btn-shrink:active,.optotyp-calibration-btn-expand:active{box-shadow:1px 1px 3px #0003;transform:translateY(2px);align-items:flex-start;justify-content:center}.optotyp-calibration-sample{display:flex;align-items:center;justify-content:center;background-color:--var(--color-grd-g6);height:150px;width:240px;font-size:1.5rem;color:var(--color-bg-b1);border:1px solid var(--color-el-n);border-radius:8px;font-weight:700;text-align:center;margin-top:35px}.segmented-control{display:flex;background:var(--color-grd-g13);border-radius:25px;border:1px solid var(--color-bg-b10);padding:1px;gap:5px;margin:8px;width:200px;height:34px;box-shadow:0 1px 13px #0000004d}.button-controler{flex:1;height:30px;border:none;background:transparent;background-color:var(--color-bg-b13);border-radius:20px;cursor:pointer;font-size:var(--font-size-small);font-weight:500;color:#333;box-shadow:none;margin:0}.button-controler.active{background:var(--color-grd-g1);color:var(--color-bg-b1);border:1px solid var(--color-bg-b12);font-weight:800}#slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none}#slider::-webkit-slider-runnable-track{height:8px;background:var(--color-grd-g6);border-radius:4px}#slider::-moz-range-track{height:8px;background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:4px}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:25%;background:var(--color-grd-g4);cursor:pointer;margin-top:-4px}#slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ff5722;cursor:pointer}@media only screen and (max-width: 1100px){.optotyp-container{flex-direction:column}.optotyp-left-column,.optotyp-right-column{flex:0 0 auto}.optotyp-settings{flex-direction:column;align-items:stretch;padding:15px;overflow-y:scroll}.optotyp-calibration-controls{gap:15px;margin-top:10px}.optotyp-calibration-btn-shrink,.optotyp-calibration-btn-expand{width:80px;height:80px;padding-top:50px;margin-right:0}.optotyp-calibration-sample{width:200px;height:120px;font-size:1.2rem;margin-top:25px}}.optotyp-testing-container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;background-color:#fff}.optotyp-testing-container p{font-family:SLOAN,Arial,sans-serif;font-size:3rem;letter-spacing:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.optotyp-testing-container .info{position:absolute;bottom:20px;left:20px;color:#0006;font-size:2rem;letter-spacing:10px}.circle-container{position:relative;width:300px;height:300px;margin:50px auto;background:#fff}.dot{position:absolute;width:30px;height:30px;border-radius:50%;background:#000;transform:translate(-50%,-50%)}.visual-training-container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;gap:"20px";background-color:#fafdf2}.cyan,.magenta{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:50%-125px;top:50%-125px;transition:"transform 0.3s ease";opacity:.5}.clients-container{flex:1;background:var(--color-bg-b3);display:flex;flex-direction:row;min-height:0;width:100%;height:100%}.clients-left-column{flex:0 0 75%;display:flex;flex-direction:column;background:var(--color-bg-b3)}.clients-right-column{background:var(--color-bg-b2);flex:0 0 25%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 10px 13px #000000b3;z-index:1}.clients-list-container{padding-left:50px;padding-right:50px}.client-item{width:100%;border-bottom:.5px solid var(--color-bg-b9);display:flex;flex-direction:column;align-items:left;padding:10px}.client-item h1{font-size:var(--font-size-xlarge);margin:3px;color:var(--color-bg-b11);font-weight:400;letter-spacing:1px}.client-item p{font-size:var(--font-size-large);margin:3px;color:var(--color-bg-b8)}.client-item:hover{background-color:var(--color-bg-b9);cursor:pointer}.client-item:hover p{color:var(--color-bg-b1)}.client-item:hover h1{color:var(--color-bg-b1);font-weight:700}.client-search{display:flex;flex-direction:row;align-items:center;margin-bottom:20px;gap:15px;background:var(--color-grd-g13);width:100%;height:50px;margin-top:50px;padding-left:50px}.client-search input{font-size:large;margin:0;width:600px}.client-search button{margin:0}.client-container{display:flex;width:100%;height:100%;background:var(--color-bg-b3)}.client-menu{display:flex;flex-direction:column;justify-content:start;width:200px;height:100%;background:var(--color-bg-b3);box-shadow:2px 0 10px #0003;margin:0;padding:0}.client-data{width:100%;height:100%}.client-menu-header{display:flex;justify-content:space-between;align-items:center;padding-left:20px;height:50px}.client-menu-icon{scale:55%;color:var(--color-bg-b2);margin-left:5px;cursor:pointer}.button-secondary-menu:before{content:"";display:inline-block;width:var(--icon-size);height:var(--icon-size);flex:0 0 auto;background-repeat:no-repeat;background-size:contain;fill:var(--color-bg-b11);transition:filter .72s ease,transform .72s ease,background-image .72s ease;padding:0 1px 0 15px}.button-secondary-menu:hover{background:var(--color-bg-b2)}.button-secondary-menu.active{background:var(--color-grd-g3);color:var(--color-bg-b1)}.button-secondary-menu{display:flex;align-items:center;width:200px;height:60px;background:var(--color-bg-b3);color:var(--color-bg-b12);font-weight:400;border-radius:0;border:none;cursor:pointer;box-shadow:0 1px 13px #0000004d;font-size:var(--font-size-main-menu);text-align:left;padding-left:20px;margin-top:0;letter-spacing:1px}.button-secondary-menu.clients:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2015%2015'%3e%3cpath%20fill='%23f3f4f6'%20d='M1.785%203.812a1.469%201.469%200%200%201%202.352-.382l.717.716a.5.5%200%201%201-.708.708l-.716-.717a.469.469%200%200%200-.75.122L1.308%207h3.939c.817%200%201.5.566%201.693%201.325a2.41%202.41%200%200%201%20.56-.075c.2%200%20.385.034.559.075A1.751%201.751%200%200%201%209.752%207h3.939l-1.37-2.74a.469.469%200%200%200-.751-.123l-.716.717a.5.5%200%201%201-.707-.708l.716-.716a1.47%201.47%200%200%201%202.352.382l1.726%203.45v.001c.037.07.059.151.059.237v1a.5.5%200%200%201-.5.5H14v.5c0%201.589-1.002%202.5-2.75%202.5h-.5C9.002%2012%208%2011.089%208%209.5v-.159a1.709%201.709%200%200%200-.5-.091c-.17%200-.35.043-.5.091V9.5C7%2011.089%205.998%2012%204.25%2012h-.5C2.002%2012%201%2011.089%201%209.5V9H.5a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.06-.237l-.001-.001l1.726-3.45ZM9.752%208A.753.753%200%200%200%209%208.752V9.5c0%20.698.2%201.5%201.75%201.5h.5C12.8%2011%2013%2010.198%2013%209.5v-.747A.754.754%200%200%200%2012.247%208H9.752Zm-7%200A.754.754%200%200%200%202%208.752V9.5c0%20.698.199%201.5%201.75%201.5h.5C5.801%2011%206%2010.198%206%209.5v-.748A.753.753%200%200%200%205.247%208H2.753Z'/%3e%3c/svg%3e")}.button-secondary-menu.optotyp:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23f3f4f6'%20d='M21%203H3c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h18c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%2013H3V5h18v11z'/%3e%3c/svg%3e")}.button-secondary-menu.eye:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%2016%2016'%3e%3cg%20fill='%23f3f4f6'%3e%3cpath%20d='M16%208s-3-5.5-8-5.5S0%208%200%208s3%205.5%208%205.5S16%208%2016%208zM1.173%208a13.133%2013.133%200%200%201%201.66-2.043C4.12%204.668%205.88%203.5%208%203.5c2.12%200%203.879%201.168%205.168%202.457A13.133%2013.133%200%200%201%2014.828%208c-.058.087-.122.183-.195.288c-.335.48-.83%201.12-1.465%201.755C11.879%2011.332%2010.119%2012.5%208%2012.5c-2.12%200-3.879-1.168-5.168-2.457A13.134%2013.134%200%200%201%201.172%208z'/%3e%3cpath%20d='M8%205.5a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5zM4.5%208a3.5%203.5%200%201%201%207%200a3.5%203.5%200%200%201-7%200z'/%3e%3c/g%3e%3c/svg%3e");font-size:.5rem}html,body{height:100%;margin:0}.vistraining-container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;width:100%;height:100%}.vistraining-settings{flex:0 0 75%;background:var(--color-bg-b11);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:5px 0 5px #5555554d;z-index:1;padding:25px}.vistraining-help{flex:0 0 25%;flex-direction:column;background:var(--color-bg-b11);display:flex;align-items:center;justify-content:center}.bar-chart-root{display:flex;align-items:flex-end;gap:4px;padding:10px;background:var(--color-bg-b11);border:1px solid #ddd;box-sizing:border-box;overflow-x:auto}.bar-wrapper{display:flex;flex-direction:column;align-items:center;width:20px}.bar{width:100%;background:linear-gradient(180deg,#6ea8fe,#3b82f6);border-radius:3px 3px 0 0;transition:height .15s ease}.bar-label{font-size:10px;margin-top:6px;color:#666}.settings-container{display:flex;width:100%;height:100%;background:var(--color-bg-b3)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:#fff;padding:25px;border-radius:10px;width:320px;box-shadow:0 4px 15px #000c}.button-group{display:flex;justify-content:flex-start;gap:10px;padding-left:50px}body{margin:0;padding:0}.superadmin-content-container{display:flex;width:100%;height:100%;flex-direction:column;background:var(--color-bg-b3)}.content-container{display:flex;padding:100px;gap:16px}.content-box{border:1px solid #18c942;padding:16px;border-radius:8px;margin-top:16px;width:150px;height:150px}.search-container{display:flex;flex-direction:row;align-items:center;margin-bottom:20px;gap:15px;background:var(--color-grd-g13);width:100%;height:50px;margin-top:20px;padding-left:50px}.app{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#eef1f5}.open-button{padding:10px 20px;background-color:#007bff;border:none;color:#fff;font-size:16px;border-radius:6px;cursor:pointer}.open-button:hover{background-color:#0056b3}