:root{--primary-color:#3498db;--primary-color-light:#dbeafe;--secondary-color:#40c58e;--error-color:#e74c3c;--background-color:#fff;--text-color-white:#fff;--text-color:#333;--text-color-black:#212121;--border-color:#d8d3d3;--placeholder-color:#7c7c7c;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size:1rem;--font-size-large:1.125rem;--small-font-size:0.875rem;--border-radius:8px;--transition-duration:0.3s all ease-in-out;--gradient_background:linear-gradient(135deg,#ededed,#efefef)}.dark:root{--background-color:#171717;--text-color:#fff;--border-color:#222831;--primary-color-light:#252b32;--gradient_background:linear-gradient(135deg,#292929,#31363f)}.arc_cpr__wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;position:relative;z-index:9999;.arc_cpr_mode__wrapper{display:flex;gap:.5rem;.arc_cpr_mode__buttons{align-items:center;display:flex;gap:.5rem;.arc_cpr_mode__button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);cursor:pointer;font-size:var(--small-font-size);height:2.5rem;outline:none;padding:.1rem;position:relative;text-align:center;width:3.5rem;z-index:9999999;&::placeholder{color:var(--placeholder-color)}&.arc_cpr_mode__active,&:focus{background-color:var(--primary-color-light);border:var(--primary-color-light)}&.active{background-color:#1e40af}}.arc_cpr__divider{color:var(--text-color-black);font-size:var(--font-size-large);font-weight:700}}.arc_cpr_format__buttons{border:1px solid var(--border-color);border-radius:.375rem;display:flex;overflow:hidden;.arc_cpr_format_button{background-color:var(--background-color);border:none;color:var(--text-color);cursor:pointer;font-size:var(--small-font-size);outline:none;padding:.5rem;&:hover{background-color:var(--primary-color-light)}&.active{background-color:var(--primary-color);color:var(--text-color-white)}&:last-child{border-left:1px solid var(--border-color)}}}}.arc_cpr_content__wrapper{align-items:center;aspect-ratio:1/1;background:var(--gradient_background);border-radius:50%;display:flex;justify-content:center;max-width:220px;padding:.75rem;width:100%;.arc_cpr_content{align-items:center;background-color:var(--background-color);border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;padding:1.25rem;position:relative;width:100%;.arc_cpr__times{border-radius:50%;cursor:pointer;height:100%;position:relative;width:100%;.arc_cpr_time{align-items:center;border-radius:50%;color:var(--text-color);display:flex;font-size:var(--small-font-size);height:2rem;justify-content:center;position:absolute;transform:translateX(-50%) translateY(-50%);transition:var(--transition-duration);user-select:none;width:2rem;z-index:50;&.active{background-color:var(--primary-color);color:var(--text-color-white)!important}}.arc_cpr_times__center{background:var(--gradient_background);height:66.66667%;pointer-events:none}.arc_cpr_times__center,.arc_cpr_times_center__point{aspect-ratio:1/1;border-radius:50%;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:10}.arc_cpr_times_center__point{background:var(--primary-color);height:.75rem}}.arc_cpr_handle{background:var(--primary-color);border-radius:.5rem;height:calc(50% - 4px);left:50%;pointer-events:none;position:absolute;top:.25rem;width:.5rem;z-index:40;&:after{background:var(--primary-color);border-radius:50%;content:"";height:2rem;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2rem}}}}}.arc_wrapper{font-family:var(--font-family);margin:0 auto;max-width:320px;width:100%;.arc_tmc__wrapper{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:4px;padding:0 8px 0 12px;width:100%;&.arc_tmc_wrapper__invalid{border-color:var(--error-color);.arc_tmc__icon{color:var(--error-color)}}.arc_tmc__input{border:none;flex:1 1 0;height:100%;outline:none;padding:12px 0;&.arc_tmc__input::placeholder{color:var(--placeholder-color)}}.arc_tmc_picker__btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0}.arc_tmc__icon{color:var(--text-color);flex-shrink:0;padding:0}}.arc_tmc_lists__wrapper{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 4px rgba(0,0,0,.15);opacity:0;padding:8px;pointer-events:none;position:fixed;transform:translateY(16px);transition:var(--transition-duration);z-index:999;&.arc_tmc_lists_wrapper__focused{opacity:1;pointer-events:auto;transform:translateY(0)}ul{list-style:none;margin:0;padding:0}.arc_tmc__lists{display:flex;.arc_tmc__list{display:flex;flex-direction:column;gap:4px;height:100%;max-height:310px;overflow-y:auto;padding:8px;width:100%;&.arc_tmc__list li:hover,.arc_tmc_list__selected{background-color:var(--primary-color);color:var(--text-color-white)}li{cursor:pointer;padding:4px 8px;text-align:center;transition:var(--transition-duration)}}}}.arc_tmc__buttons{border-top:1px solid var(--border-color);display:flex;gap:8px;padding-top:10px;&.arc_cpr__buttons{margin-top:16px}.arc_tmc__button{background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-family:var(--font-family);font-size:var(--small-font-size);font-weight:500;margin-left:auto;max-width:320px;padding:10px 8px;transition:var(--transition-duration);width:100%;&.arc_tmc_button__cancel:hover{background-color:var(--error-color);color:var(--background-color)}&.arc_tmc_button__ok:hover{background-color:var(--secondary-color);color:var(--background-color)}}}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:var(--border-radius)}::-webkit-scrollbar-track{background-color:var(--border-color);border-radius:var(--border-radius)}