.typography{color:var(--color-text-dark);margin:0}@media (max-width:768px){.typography{text-align:left!important}}.typography.h1{color:var(--color-text-dark);letter-spacing:-1.28px;font-size:64px;font-weight:600;line-height:74px}@media (max-width:768px){.typography.h1{font-size:48px}}.typography.h2{color:var(--color-text-dark);font-size:48px;font-weight:600;line-height:normal}@media (max-width:768px){.typography.h2{font-size:32px}}.typography.h3{font-size:32px;font-style:normal;font-weight:600;line-height:normal}@media (max-width:768px){.typography.h3{font-size:24px}}.typography.h4{font-size:1.5rem;font-weight:400}.typography.h5{font-size:1.25rem}.typography.h6,.typography.body1{font-size:1rem}.typography.body2{font-size:.875rem}.typography.subtitle1{font-size:1rem}.typography.subtitle2{font-size:.875rem}.typography.gutterBottom{margin-bottom:.35em}
.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-text-light);border-radius:4px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}
.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--color-text-light);border:2px solid #757575;border-radius:2px;width:18px;height:18px;margin-right:8px}.checkbox-container:hover input~.checkmark{border-color:var(--color-primary)}.checkbox-container input:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{border:solid var(--color-text-light);border-width:0 2px 2px 0;width:5px;height:10px;display:block;top:2px;left:6px;transform:rotate(45deg)}.checkbox-container.disabled{cursor:not-allowed;opacity:.7}.checkbox-label{font-size:14px}
.radio-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.radio-container input{opacity:0;cursor:pointer;position:absolute}.radio-mark{background-color:var(--color-text-light);border:2px solid #757575;border-radius:50%;width:18px;height:18px;margin-right:8px}.radio-container:hover input~.radio-mark,.radio-container input:checked~.radio-mark{border-color:var(--color-primary)}.radio-mark:after{content:"";background:var(--color-primary);border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:5px;left:5px}.radio-container input:checked~.radio-mark:after{display:block}.radio-container.disabled{cursor:not-allowed;opacity:.7}.radio-label{font-size:14px}
.select-container{flex-direction:column;gap:4px;display:flex;position:relative}.select-label{color:var(--color-text-disabled-dark);font-size:14px}.select-label.error{color:var(--color-text-error)}.custom-select{width:100%;position:relative}.custom-select .select-selected{background-color:var(--input-bg);cursor:pointer;color:var(--black-80);height:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;align-items:center;padding:12px 40px 12px 16px;font-size:18px;font-weight:500;line-height:26px;display:flex}.custom-select .select-selected.placeholder{color:var(--black-50);font-size:18px;font-style:normal;font-weight:500;line-height:26px}.custom-select .select-options{z-index:1000;color:#404040;background:#fff;border-radius:10px;max-height:300px;margin-top:4px;padding:12px 0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.custom-select .select-option{cursor:pointer;color:var(--black-80);padding:12px 16px;font-size:18px;font-weight:500;line-height:26px;transition:background-color .2s}.custom-select .select-option:hover{background-color:var(--input-bg)}.custom-select .select-option:hover.placeholder{background-color:#0000}.custom-select .select-option.selected{background-color:var(--input-bg);font-weight:500}.custom-select .select-option.placeholder{color:var(--color-text-disabled-dark);opacity:.7}.custom-select .select-option:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.custom-select .select-option:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.custom-select.error .select-selected{border:1.5px solid var(--color-text-error);background-color:#d403030d}.custom-select.disabled .select-selected{background-color:var(--color-text-disabled-dark);cursor:not-allowed}.full-width{width:100%}
.switch-container{cursor:pointer;align-items:center;display:inline-flex}.switch-container input{display:none}.switch-track{background-color:#00000061;border-radius:7px;width:34px;height:14px;transition:background-color .3s;position:relative}.switch-thumb{background-color:var(--color-text-light);border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:-3px;left:-3px;box-shadow:0 2px 4px #0003}input:checked+.switch-track{background-color:#1976d280}input:checked+.switch-track .switch-thumb{background-color:var(--color-primary);transform:translate(20px)}.switch-label{margin-left:8px;font-size:14px}.switch-container.disabled{cursor:not-allowed;opacity:.7}
.tabs-container{width:100%;display:flex}.tabs-container.horizontal{flex-direction:column}.tabs-container.vertical{flex-direction:row;align-items:flex-start;position:relative}@media (max-width:768px){.tabs-container.vertical{flex-direction:column}}.tabs-header{justify-content:center;display:flex}.vertical .tabs-header{flex-direction:column;align-items:flex-start;min-width:200px;max-height:calc(100vh - 10px);position:sticky;top:102px;overflow-y:auto}@media (max-width:768px){.vertical .tabs-header{border-top:1px solid var(--black-20);order:2;width:100vw;min-width:100%;margin:0 -20px;padding:24px 10px 0}.tabs-header{justify-content:flex-start}}.tab-btn{cursor:pointer;z-index:1000;transition:all var(--transition-speed-medium)ease-in-out;background:0 0;border:none;padding:12px 16px;font-size:18px;position:relative}.vertical .tab-btn{padding:0 12px 16px}@media (max-width:768px){.tab-btn{padding:8px 24px 8px 0;font-size:16px}}.tab-btn.active{color:var(--color-primary)}.tab-content{padding:16px 0}.vertical .tab-content{padding:0 40px}@media (max-width:768px){.vertical .tab-content{order:1;padding:0}}
.paper{background-color:var(--color-text-light);box-shadow:0 var(--elevation)px calc(var(--elevation)*2)px #0000001a;border-radius:4px;padding:16px}.paper.square{border-radius:0}
.list{width:100%;padding:8px 24px}.list .list-item{color:var(--black-80);white-space:pre-wrap;font-size:18px;font-style:normal;font-weight:500;line-height:32px;display:list-item}.list .list-item.clickable{cursor:pointer}.list .list-item.clickable:hover{background-color:#0000000a}.list.dense .list-item{padding:4px 16px}
.linear-progress{background-color:#e0e0e0;width:100%;height:4px;overflow:hidden}.linear-progress-bar{height:100%;transition:width .4s}.linear-progress.primary .linear-progress-bar{background-color:var(--color-primary)}.linear-progress.secondary .linear-progress-bar{background-color:#9c27b0}.circular-progress{animation:2s linear infinite rotate}.circular-progress circle{stroke-linecap:round;transition:stroke-dasharray .4s}.circular-progress.primary circle{stroke:var(--color-primary)}.circular-progress.secondary circle{stroke:#9c27b0}@keyframes rotate{to{transform:rotate(360deg)}}
.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:var(--black-80);color:var(--color-text-light);z-index:1000;border-radius:10px;padding:16px;font-size:16px;font-weight:500;line-height:24px;position:absolute}.tooltip.top{margin-bottom:8px;bottom:100%;left:50%;transform:translate(-50%)}.tooltip.bottom{margin-top:8px;top:100%;left:50%;transform:translate(-50%)}.tooltip.left{margin-right:8px;top:50%;right:100%;transform:translateY(-50%)}.tooltip.right{margin-left:8px;top:50%;left:100%;transform:translateY(-50%)}
