.perakims[data-v-308aae35]{flex-flow:wrap;gap:8px;display:flex}.perakims__button[data-v-308aae35]{all:unset;border:1px solid var(--grayscale-line);color:var(--grayscale-ash-title);cursor:pointer;text-align:center;background-color:var(--white);border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;font-family:DM Sans;font-size:14px;font-weight:500;line-height:1;transition:all .25s ease-in-out}.perakims__button[data-v-308aae35]:hover{background-color:var(--white);border:1px solid var(--grayscale-ash-title)}.perakims__button[data-v-308aae35]:disabled{color:var(--grayscale-placeholder);background-color:var(--grayscale-input);border-color:var(--grayscale-bg);cursor:not-allowed;font-size:16px}.perakims__plus[data-v-308aae35]{all:unset;text-align:center;color:var(--blue-500);border:1px dashed var(--primary-darkmode);background-color:var(--primary-light);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s ease-in-out;position:relative}.perakims__plus[data-v-308aae35]:hover{color:var(--primary-light);background-color:var(--primary-default);border:1px solid var(--primary-default)}.perakims__plus[data-v-308aae35]:hover .tooltip{display:flex}.perakims__plus[data-v-308aae35]:disabled{cursor:not-allowed;opacity:.5;color:var(--blue-500);background-color:var(--primary-light);border:1px dashed var(--primary-darkmode)}.perakims__plus[data-v-308aae35]:disabled .tooltip{display:none}@media only screen and (width>=768px){.perakims__button[data-v-308aae35],.perakims__plus[data-v-308aae35]{width:44px;height:44px}.perakims__button[data-v-308aae35]{background-color:#0000}.perakims__button[data-v-308aae35]:disabled{font-size:14px}}.active[data-v-308aae35]{color:var(--blue-700);border-color:var(--blue-700)!important;background-color:var(--primary-bg)!important}.completed[data-v-308aae35]{color:var(--success-default);border:1px solid var(--success-default);background:var(--success-bg)}