.popup-list{background:#fff;border:1.5px solid rgba(185,85,240,.2);border-radius:14px;box-shadow:0 8px 24px #b955f02e;font-size:.9rem;left:0;max-height:220px;min-width:130px;overflow:hidden;overflow-y:auto;position:absolute;scrollbar-color:rgba(185,85,240,.3) transparent;scrollbar-width:thin;top:calc(100% + 6px);z-index:110}.popup-list::-webkit-scrollbar{width:4px}.popup-list::-webkit-scrollbar-track{background:transparent}.popup-list::-webkit-scrollbar-thumb{background:#b955f059;border-radius:4px}.popup-list>ul{padding:6px}.popup-list>ul>li{border-radius:8px;color:#424242;cursor:pointer;font-weight:500;padding:7px 12px;transition:background .15s,color .15s;white-space:nowrap}.popup-list>ul>li:hover{background:#b955f01a;color:#b955f0}.popup-list>ul>li.item-year-current{background:#b955f0;color:#fff;font-weight:700}.popup-list.popup-list-years{left:0;top:calc(100% + 6px)}.popup-list.popup-list-months{left:0;min-width:150px;top:calc(100% + 6px)}.text-gradient-secondary{background:-webkit-linear-gradient(0deg,#2b272f,#53009e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-secondary_r{background:-webkit-linear-gradient(0deg,#53009e,#2b272f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:-webkit-linear-gradient(50deg,#8f00ff,#ec00aa,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body{color:#424242}.calendar{background-color:#fff;border:1.5px solid rgba(185,85,240,.25);border-radius:20px;box-shadow:0 8px 32px #b955f026;font-family:Mont,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;padding:14px 18px 10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:340px}.calendar .calendar-header{margin-bottom:8px}.calendar .calendar-header,.calendar .calendar-month-nav{align-items:center;display:flex;gap:8px}.calendar .calendar-nav-btn{cursor:pointer;fill:transparent;flex-shrink:0;height:22px;stroke:#1d1d1d;transform:rotate(180deg);transition:opacity .2s;width:22px}.calendar .calendar-nav-btn:hover{opacity:.45}.calendar .calendar-nav-btn--right{transform:rotate(0)}.calendar .calendar-title-btn{background:#1d1d1d12;border-radius:8px;color:#1d1d1d;cursor:pointer;font-size:.875rem;font-weight:700;min-width:76px;padding:4px 10px;position:relative;text-align:center;transition:background .2s;white-space:nowrap}.calendar .calendar-title-btn:hover{background:#1d1d1d24}.calendar .calendar-title-btn--year{min-width:0;padding:4px 6px;text-align:center;width:74px}.calendar .week-days{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.calendar .week-days>div{color:#75778b;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 0 3px;text-align:center;text-transform:uppercase}.calendar .days{display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar .days>div{align-items:center;border-radius:7px;color:#424242;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:34px;justify-content:center;transition:background .18s,color .18s}.calendar .days>div:hover{background:#b955f024;color:#b955f0}.calendar .days>div.secondary{color:#c0bcc8}.calendar .days>div.from,.calendar .days>div.to{background:#b955f0;color:#fff;font-weight:700}.calendar .days>div.from:hover,.calendar .days>div.to:hover{opacity:.88}.calendar .days>div.selected{background:#b955f01f;color:#b955f0}.calendar .days>div.event-day{background:#b955f0;color:#fff}.calendar .calendar-btns{align-items:center;display:flex;gap:10px;margin-top:10px}.calendar .calendar-btns .calendar-btn-accept{background:#b955f0;border-radius:10px;color:#fff;flex:1;font-size:.875rem;font-weight:600;letter-spacing:.01em;padding:7px 14px;transition:opacity .2s}.calendar .calendar-btns .calendar-btn-accept:hover{opacity:.85}.calendar .calendar-btns .calendar-btn-close{border-radius:10px;color:#75778b;font-size:.875rem;font-weight:500;padding:7px 14px;transition:color .2s}.calendar .calendar-btns .calendar-btn-close:hover{color:#424242}.calendar-blackout:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#c6c3c373;border-radius:inherit;content:"";inset:0;position:absolute}@media screen and (max-width:768px){.calendar{border:none;border-radius:16px;box-shadow:none;width:100%}}