.content{min-height:150px;padding:12px;display:none;border:1px solid #dddbdb;border-top:0;border-radius:0 0 4px 4px}.tab-container{margin-top:12px}.tab-title{cursor:pointer;padding:16px 24px}.tab{display:flex;background:#dddbdb;min-width:500px;border-radius:4px}.selected-tab{color:#0094ff;font-weight:600;background-color:#f3f2f2;border-bottom:3px solid #0094ff}.selected-content{display:block}th{padding:10px 6px;text-align:left;background-color:#dddbdb}table{width:35rem;border-collapse:collapse}td{padding:8px 6px}.table-container{height:16rem;margin-top:12px;overflow-y:scroll;border:1px solid #dddbdb;border-top:0}thead{top:0;position:sticky}.modal-container{top:0;left:0;bottom:0;right:0;opacity:0;display:none;position:absolute;animation:open-modal .3s ease-out;background-color:#0000007f}@keyframes open-modal{0%{opacity:0}to{opacity:1}}.modal{top:50%;left:50%;width:30rem;z-index:999;position:fixed;background:#fff;border-radius:4px;transform:translate(-50%,-50%);box-shadow:#00000059 0 5px 15px}.open-btn{cursor:pointer;margin-top:12px;color:#0094ff;padding:20px 40px;border-radius:4px;background-color:#fff;border:1px solid #0094ff;transition:.7s}.open-btn:hover{color:#fff;background-color:#0094ff}.modal-title{display:flex;font-weight:500;font-size:20px;padding:12px 8px;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeeee}.close-icon{cursor:pointer;margin-right:8px}.modal-body{padding:12px 8px;min-height:150px;line-height:1.4rem;letter-spacing:.03em}.modal-footer{gap:16px;display:flex;padding:12px 8px;justify-content:end;border-top:1px solid #eeeeee}.modal-footer button{color:#fff;cursor:pointer;border-radius:4px;padding:6px 16px}.modal-footer .close-btn{border-color:#f53939;background-color:#f53939}.modal-footer .submit-btn{border-color:#0094ff;background-color:#0094ff}.button-container{gap:12px;margin-top:12px;display:flex;align-items:center}.button-container button{cursor:pointer;padding:6px 16px}.timer{font-weight:500;font-size:1.8rem;margin-top:12px;text-align:center;letter-spacing:.03em}.c-shape{display:grid;cursor:pointer;margin-top:12px;grid-row-gap:2rem;grid-column-gap:7rem;grid-template-columns:repeat(3,1fr)}.c-shape .element{width:3rem;height:3rem;color:#333;display:flex;align-items:center;justify-content:center;background-color:#f3f303}.c-shape .element[data-visible=false]{visibility:hidden}.c-shape .element[data-selected=true]{color:#fff;background-color:green}.c-shape .element[data-selected=false]{color:#333;background-color:#f3f303}.layout{width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;min-width:200px;min-height:200px;border-radius:6px;background-color:#fff}.layout .label{font-weight:600;font-size:24px;margin-bottom:8px}.layout-border{padding:6px;border-radius:6px;width:max-content;margin-bottom:24px;background:linear-gradient(to right,#0094ff,#bb2cbb)}.loader{width:100px;height:100px;margin-top:12px;border-radius:50%;border:15px solid #cecece;border-top:15px solid #0094ff;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rating:not(:checked)>label{color:#ccc}.rating{gap:4px;display:flex;flex-direction:row-reverse;justify-content:start}.rating label{cursor:pointer;transition:color .2s ease}.rating label{font-size:36px}input[type=radio]{display:none}.rating>input:checked~label{color:orange}.rating:hover input:checked~label{color:#ccc}.rating>label:hover,.rating>label:hover~label{color:orange!important}.accordion-container{gap:8px;width:30rem;display:flex;margin-top:12px;flex-direction:column}.accordian-content{border-top:0;padding:8px;height:0px;display:none;overflow:scroll;border:1px solid #dddbdb}.selected-accordion-content{display:block;height:100px;animation:showContent .3s linear}.accordian-title{padding:10px;cursor:pointer;background:#dddbdb;border-radius:4px}.accordian-title:before{content:"▶";font-size:12px;margin-right:4px}.selected-accordion-title:before{content:"▼";font-size:12px;margin-right:4px}.selected-accordion-title{font-weight:600;color:#fff;background:#0094ff;border-bottom-left-radius:0;border-bottom-right-radius:0}.remove-accordion-content{height:0%;display:block;animation:hideContent .3s linear}@keyframes showContent{0%{height:30px}to{height:100px}}@keyframes hideContent{0%{height:100px}to{height:0px}}.progress-bar{width:32rem;height:12px;background:#cecece;margin-top:18px;border-radius:1rem}.bar{height:100%;background:#0094ff;border-radius:1rem;animation:progress 4s ease-in-out infinite}@keyframes progress{0%{width:0%}30%{width:30%}60%{width:60%}80%{width:90%}90%{width:100%}to{width:100%}}.follow-container{width:100%;height:15rem;margin-top:12px;border-radius:4px;border:1px solid lightgray}.cursor-circle{width:2.5rem;height:2.5rem;position:relative;border-radius:50%;border:4px inset #0094ff;transition:.2s all linear;filter:drop-shadow(1px 4px 2px #0094ff)}.traffic-lights{display:flex;row-gap:8px;padding:12px;width:max-content;border-radius:4px;flex-direction:column;background-color:#000}.traffic-lights>.light{width:4rem;height:4rem;border-radius:50%;background-color:#cecece}.traffic-lights>.light[data-color=red]{background-color:red}.traffic-lights>.light[data-color=yellow]{background-color:orange}.traffic-lights>.light[data-color=green]{background-color:green}.grid-container{gap:4px;margin-top:12px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.grid{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:4px;border:1.5px solid #dddbdb;transition:background-color .4s ease 0s}.grid.active{border-color:#0094ff;background-color:#0094ff}.virtual-list-item{width:100%;display:flex;font-weight:500;border-radius:4px;margin-bottom:8px;align-items:center;justify-content:center;background-color:#0095ffc4}.virtual-list-container{width:80%;height:400px;margin-top:12px;overflow-y:scroll}body{margin:0;background-color:#e9e9e9;min-width:320px;min-height:100vh;display:flex;padding:24px;justify-content:center;position:relative}nav{gap:24px;display:flex;padding:12px;font-size:20px;font-weight:600;align-items:center;justify-content:flex-end}nav a{cursor:pointer;text-decoration:none;border-bottom:2px solid}