.notification-figma{position:relative}.notification-figma__toggle{border-radius:50%;position:relative}.notification-figma__toggle .noti-icon{font-size:20px;transform-origin:top center}.notification-figma__toggle--ring .noti-icon{animation:notification-figma-ring 1.4s ease-in-out}.notification-figma.open .notification-figma__toggle,.notification-figma__toggle:hover{background:#dfdfdf!important}.notification-figma__panel{background:#fff;border-radius:16px;box-shadow:0 4px 18px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:670px;max-width:calc(100vw - 32px);opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;width:420px;z-index:1000}.notification-figma.open .notification-figma__panel{opacity:1;transform:translateY(0);visibility:visible}.notification-figma__header{align-items:center;border-bottom:1px solid #e8eaeb;display:flex;flex-shrink:0;gap:24px;justify-content:space-between;padding:8px 16px 8px 20px}.notification-figma__title{color:#263a4d;font-family:Inter,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.4em}.notification-figma__header-actions{align-items:center;display:flex;gap:4px}.notification-figma__icon-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:#7f878f;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:background .15s ease;width:40px}.notification-figma__icon-btn:hover{background:#f2f4f5}.notification-figma__icon-btn.active{background:#e3faed}.notification-figma__icon-btn.active i{color:#00b14f}.notification-figma__chips{align-items:center;cursor:grab;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-color:#dfdfdf transparent;scrollbar-width:none}.notification-figma__chips--dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notification-figma__chips::-webkit-scrollbar{height:4px}.notification-figma__chips::-webkit-scrollbar-track{background:transparent}.notification-figma__chips::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:4px}.notification-figma__chip{align-items:center;background:#fff;border:1px solid #dfdfdf;border-radius:1000px;color:#7f878f;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:4px;height:32px;letter-spacing:.0125em;line-height:1.4285em;padding:0 12px;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.notification-figma__chip:hover{background:#f2f4f5}.notification-figma__chip.active{background:#fff;border-color:#00b14f;color:#00b14f}.notification-figma__chip--check i{display:none;font-size:14px}.notification-figma__chip--check.active i{display:inline-block}.notification-figma__body{display:flex;flex:1;flex-direction:column;gap:16px;min-height:210px;outline:none;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:auto}.notification-figma__body::-webkit-scrollbar-thumb{background:transparent;background:rgba(33,47,63,.3);border-radius:100px!important}.notification-figma__body::-webkit-scrollbar{width:4px}.notification-figma__body::-webkit-scrollbar-track{background:transparent}.notification-figma__empty{align-items:center;color:#7f878f;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:14px;gap:4px;padding:10px 20px 20px;text-align:center}.notification-figma__empty img{height:150px;width:150px}.notification-figma__empty .empty-noti{font-feature-settings:"liga" off,"clig" off;color:#263a4d;display:inline-block;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:.175px;line-height:20px;text-align:center}.notification-figma__empty .description{font-feature-settings:"liga" off,"clig" off;color:#7f878f;display:inline-block;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.14px;line-height:20px;margin-bottom:10px;text-align:center}.notification-figma__empty .cta-search-job{font-feature-settings:"liga" off,"clig" off;align-items:center;background:#00b14f!important;border-radius:24px;color:#fff;display:flex;flex-direction:column;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:40px;justify-content:center;letter-spacing:.175px;line-height:20px;padding:10px 18px}.notification-figma__empty .cta-search-job:active,.notification-figma__empty .cta-search-job:focus{background:#00b14f!important;color:#fff;text-decoration:none}.notification-figma__group-label{color:#7f878f;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.0125em;line-height:1.5em;padding:4px 22px;text-transform:uppercase}.notification-figma__item{align-items:flex-start;background:#fff;border-bottom:1px solid #eef0f1;cursor:pointer;display:flex;gap:12px;padding:12px 25px 12px 20px;position:relative;transition:background .15s ease}.notification-figma__item:hover{background:#f2f4f5}.notification-figma__item--unread{background:rgba(0,177,79,.05)}.notification-figma__item--unread:hover{background:rgba(0,177,79,.1)}.notification-figma__avatar{align-items:center;background:#fff;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;outline:1px solid hsla(0,0%,62%,.271);padding:4px;position:relative;width:48px}.notification-figma__avatar img{height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.notification-figma__badge{align-items:center;border:2px solid #fff;border-radius:50%;bottom:-4px;box-shadow:0 0 3px 0 rgba(0,0,0,.06);color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-7px;width:20px}.notification-figma__badge--blue{background:#286ac6}.notification-figma__badge--orange{background:#cf6904}.notification-figma__badge--purple{background:#5c21c2}.notification-figma__badge--green{background:#00b14f}.notification-figma__content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notification-figma__item-title{color:#263a4d;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:1.4285em;text-decoration:none}.notification-figma__item-title:hover{color:#263a4d}.notification-figma__item-desc{color:#263a4d}.notification-figma__item-desc,.notification-figma__item-time{font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.01em;line-height:1.5em}.notification-figma__item-time{color:#7f878f}.notification-figma__dot{background:#d83324;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-figma__time-filter{background:rgba(38,58,77,.1);bottom:0;display:none;left:0;position:absolute;right:0;top:57px;z-index:10}.notification-figma.time-filter-open .notification-figma__time-filter{display:block}.notification-figma__time-filter-card{background:#fff;display:flex;flex-direction:column;gap:16px;padding:12px 20px 20px}.notification-figma__time-filter-title{color:#212f3f;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.5em}.notification-figma__time-filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-figma__time-filter-dates{display:none;gap:16px}.notification-figma__time-filter-dates--visible{display:flex}.notification-figma__field{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.notification-figma__field-label{color:#263a4d;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:1.4285em;margin:0}.notification-figma__field-input{align-items:center;background:#fff;border:1px solid #dfdfdf;border-radius:6px;display:flex;gap:8px;height:40px;justify-content:space-between;padding:8px 12px}.notification-figma__field-input input{background:transparent;border:none;color:#263a4d;flex:1;font-family:Inter,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;line-height:1.4285em;min-width:0;outline:none;padding:0}.notification-figma__field-input input::-moz-placeholder{color:#b3b8bd}.notification-figma__field-input input::placeholder{color:#b3b8bd}.notification-figma__field-input i{color:#7f878f;flex-shrink:0;font-size:14px}.notification-figma__time-filter-actions{display:flex;gap:8px;justify-content:flex-end}.notification-figma__btn{align-items:center;border:none;border-radius:24px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:.0125em;line-height:1.4285em;padding:6px 30px;transition:background .15s ease}.notification-figma__btn--outline{background:#fff;border:1px solid #dfdfdf;color:#263a4d}.notification-figma__btn--outline:hover{background:#f2f4f5}.notification-figma__btn--primary{background:#00b14f;color:#fff}.notification-figma__btn--primary:hover{background:#009643}.notification-figma__btn--primary:disabled{background:#dfdfdf;color:#b3b8bd;cursor:not-allowed}@keyframes notification-figma-ring{0%,to{transform:rotate(0deg)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}.datepicker table tr td.new,.datepicker table tr td.old{color:#000!important}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{color:#999!important}
