.user-ban>a.reminder{width:34px;height:34px;border-radius:50%;border:solid 2px;position:relative;cursor:pointer}@keyframes displayReminderIcon{0%,100%{transform:scale(1)}60%{transform:scale(1.2) rotate(-10deg)}90%{transform:scale(.85) rotate(0)}}.user-ban>a.reminder:hover:before{animation:displayReminderIcon .5s linear}.user-ban>a.reminder:after{content:attr(data-count);position:absolute;right:-8px;bottom:-8px;background:red;color:#fff;font-size:10px;width:16px;height:16px;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%}.user-ban>a.reminder:before{content:"";position:absolute;left:4px;top:4px;right:4px;bottom:4px;background:url(../img/calendar.svg) no-repeat center center/contain;filter:var(--filter-inverse);transform-origin:50% 50%}.user-ban>a.reminder[data-count="0"]:after{display:none}@keyframes displayReminderCenterContainer{from{transform:translateX(100%)}}.reminder-center-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100000;display:flex;justify-content:flex-end;pointer-events:none}.reminder-center-container.visible{pointer-events:all}@keyframes displayNotifsCenterBack{from{opacity:0}}.reminder-center-container:before{content:"";background:linear-gradient(90deg,transparent,transparent,var(--bgcolor));position:absolute;left:0;right:0;bottom:0;top:0;opacity:1;pointer-events:none;animation:displayNotifsCenterBack var(--transition-duration);transition:opacity var(--transition-duration);z-index:2}.reminder-center-container:after{content:"";background:var(--bg) no-repeat center/cover;position:absolute;left:0;right:0;bottom:0;top:0;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent,transparent,#000);mask-image:linear-gradient(90deg,transparent,transparent,#000);pointer-events:none;animation:displayNotifsCenterBack var(--transition-duration);transition:opacity var(--transition-duration);z-index:1;filter:blur(8px)}.reminder-center-container:not(.visible):after,.reminder-center-container:not(.visible):before{opacity:0}@keyframes displayNotifsCenter{from{transform:translateY(-100%)}}.reminder-center-container>.reminder-center{position:relative;pointer-events:all;animation:displayReminderCenterContainer var(--transition-duration);transition:transform var(--transition-duration);width:400px;max-width:100%;height:100%;z-index:2;display:flex;flex-direction:column}.reminder-center-container:not(.visible)>.reminder-center{transform:translateX(100%)}@keyframes displayReminderCreator{from{transform:scale(.3);opacity:0}}.reminder-creator.close{pointer-events:none}.reminder-creator.close:after,.reminder-creator.close:before,.reminder-creator.close>.rc-container{transition:clip-path var(--transition-duration3);clip-path:circle(0 at 50%)}.reminder-creator{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100001;display:grid;align-items:center;justify-content:center;filter:drop-shadow(var(--elevation-3))}.reminder-creator>.rc-container{padding:15px;position:relative;z-index:5;clip-path:circle(300px at 50%);animation:displayRemCre var(--transition-duration3)}.reminder-creator>.rc-container>h3{font-size:24px;margin:0 0 10px;font-weight:400}.reminder-creator>.rc-container>textarea{width:340px;max-width:100%;height:280px}.reminder-creator>.rc-container>.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:15px}.reminder-center>.reminder-top{display:flex;flex-direction:row;padding:10px 15px;gap:10px;flex-wrap:wrap;align-items:center;height:70px;box-sizing:border-box;min-height:70px}.reminder-center>.reminder-top>h3{font-size:24px;margin:0;font-weight:400}c-reminder>.rem-group[data-day-diff="0"]>h3{background:var(--accent);color:var(--accent-light)}.reminder-center>.reminder-top>.search:before{content:"";position:absolute;z-index:2;width:15px;height:15px;left:10px;top:50%;margin-top:-7.5px;background:transparent url(../img/search.svg) no-repeat center center/contain;pointer-events:none;filter:var(--filter-inverse)}.reminder-center>.reminder-top>.search{flex:1;position:relative}.reminder-center>.reminder-top input[type=search]{width:100%;border-radius:24px;background:0 0;padding:4px 16px 4px 32px;height:initial;font-size:14px}.reminder-creator>.rc-container>.echeance{display:flex;align-items:center;justify-content:space-between;font-size:16px}@keyframes displayRemCre{from{clip-path:circle(0 at 50%)}}.reminder-creator:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--bg) no-repeat center/cover;animation:displayRemCre var(--transition-duration3);pointer-events:none;opacity:.4;clip-path:circle(300px at 50%)}.reminder-creator:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;opacity:1;background:var(--bgcolor);animation:displayRemCre var(--transition-duration3);pointer-events:none;clip-path:circle(300px at 50%)}.reminder-center>.reminder-inner{overflow:hidden auto;padding:15px}@supports (overflow:overlay){.reminder-center>.reminder-inner{overflow:hidden overlay}}c-reminder>.rem-group>h3{margin:0 0 5px;position:sticky;top:-15px;display:flex;align-items:center;gap:10px;z-index:10;background:var(--bgcolor);padding:0 6px;border-radius:4px}c-reminder>.rem-group>h3:after{content:attr(data-count);flex:1;font-weight:400;display:flex;align-items:center;justify-content:flex-end}.reminder-center c-reminder>.rem-group>.items{margin-left:100px;display:flex;flex-direction:column;gap:5px}c-reminder .rem-item{position:relative;padding:5px 10px;cursor:pointer}c-reminder .rem-item:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--light1);border-radius:8px;z-index:0;opacity:.5}c-reminder .rem-item>*{position:relative}c-reminder .rem-item>.rem-top{display:flex;align-items:center;gap:10px}c-reminder .rem-item>.rem-top:before{content:"";width:24px;height:24px;border-radius:50%;border:solid 1px;box-sizing:border-box;background:url(../img/calendar.svg) no-repeat center/16px;filter:var(--filter-inverse);color:#000}.reminder-center c-reminder .rem-item>.rem-top:before{margin-left:-45px;margin-right:10px}c-reminder>.rem-group{margin-bottom:15px}c-reminder .rem-item>.rem-top .client{font-weight:700}c-reminder .rem-item .rem-content{line-height:1.2em;white-space:pre-wrap}c-reminder .rem-item>.rem-top>div{flex:1}.reminder-center c-reminder>.rem-group>.items>.hours{position:sticky;top:15px;margin-bottom:-35px;font-size:12px;line-height:1;margin-left:-100px;padding:6px;background:var(--bgcolor);border-radius:4px;margin-top:-7px;align-self:flex-start;margin-top:5px;min-width:50px;text-align:center}c-reminder .rem-item>.actions{position:absolute;bottom:0;right:0;display:flex;gap:5px;padding:5px;pointer-events:none;overflow:hidden}c-reminder .rem-item>.actions>a{width:28px;height:28px;border:solid 1px;border-radius:50%;background:var(--bgcolor);display:flex;align-items:center;justify-content:center;box-shadow:var(--elevation-1);pointer-events:all;padding:5px;transition:transform var(--transition-duration) cubic-bezier(.18,.89,.32,1.28)}c-reminder .rem-item>.actions>a:nth-child(2){transition-delay:calc(var(--transition-duration)/ 3 * 1)}c-reminder .rem-item:not(:hover)>.actions>a{transform:translateY(calc(100% + 20px))}