.systemCarousel{position:relative;z-index:2;width:100%}.carouselTrack{display:grid}.carouselSlide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(18px) scale(.985);transition:opacity .35s,transform .35s,visibility .35s}.carouselSlide.active{opacity:1;visibility:visible;transform:none}.carouselSlide .productWindow{width:100%;min-height:420px}.carouselPrev,.carouselNext{position:absolute;z-index:5;top:48%;display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce7e2;border-radius:50%;background:#fff;color:#15352c;font-size:28px;cursor:pointer;box-shadow:0 8px 24px #15382d20}.carouselPrev{left:-20px}.carouselNext{right:-20px}.carouselDots{display:flex;justify-content:center;gap:8px;margin-top:17px}.carouselDots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:#b8c9c2;cursor:pointer;transition:.2s}.carouselDots button.active{width:28px;background:#1f8063}.demoEvent,.demoAdmin{min-height:350px;padding:28px;background:#f7f9f8}.demoHeading{display:grid;gap:5px;margin-bottom:22px}.demoHeading span{color:#1f8063;font-size:10px;font-weight:900;letter-spacing:1.5px}.demoHeading b{font:700 23px Georgia}.demoToolbar{display:flex;gap:10px;margin-bottom:15px}.demoToolbar i{width:105px;height:34px;border:1px solid #dfe7e2;border-radius:8px;background:#fff}.demoToolbar button,.demoUser button{margin-left:auto;border:0;border-radius:8px;padding:8px 11px;background:#e5f1ec;color:#1f7058;font-weight:800}.demoTable{overflow:hidden;border:1px solid #e0e8e4;border-radius:11px;background:#fff}.demoTable>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:15px;border-bottom:1px solid #e8eeeb}.demoTable>div:last-child{border:0}.demoTable span{width:30px;height:30px;border-radius:50%;background:#e5f1ec}.demoTable em{padding:5px 9px;border-radius:20px;background:#eef1ef;color:#687871;font-size:10px;font-style:normal;font-weight:800}.demoTable em.ok{background:#dff1e7;color:#17704f}.demoAdmin{display:grid;align-content:start;gap:12px}.demoUser{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:11px;padding:15px;border:1px solid #e0e8e4;border-radius:11px;background:#fff}.demoUser>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e5f1ec;color:#1f7058;font-weight:900}.demoUser>div{display:grid}.demoUser small{color:#71817b}.demoUser button{margin:0}@media(max-width:700px){.carouselPrev{left:6px}.carouselNext{right:6px}.carouselSlide .productWindow{min-height:360px}.demoUser{grid-template-columns:38px 1fr}.demoUser button{display:none}.demoToolbar i{width:70px}}