.sx-react-calendar-wrapper{height:700px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.image-transition{transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1),opacity .4s ease-out}.image-transition:hover{transform:scale(1.05);filter:brightness(1.05)}.animate-stagger-1{animation-delay:.1s}.animate-stagger-2{animation-delay:.2s}.animate-stagger-3{animation-delay:.3s}.animate-stagger-4{animation-delay:.4s}.animate-stagger-5{animation-delay:.5s}.codigo-card{border:1px solid var(--color-onipo-blue);border-radius:10px;margin-bottom:1rem;width:clamp(100px,150px,200px);min-height:clamp(50px,100px,150px);text-align:center;transition:background-color .4s,transform .4s;overflow:hidden;position:relative;max-width:100%}.codigo-card .content{display:flex;flex-direction:column;gap:10px;justify-content:space-between;align-items:center;width:100%;transition:all .4s}.codigo-card .content.first{position:relative;z-index:2;transition:all .4s}.codigo-card.hoverable{cursor:pointer}.codigo-card.hoverable:hover{background-color:var(--color-onipo-blue);transform:scale(1.05);overflow:visible;height:auto;min-height:clamp(50px,100px,150px)}.codigo-card.hoverable:hover .content.first{opacity:0;pointer-events:none;height:0!important;padding:0!important}.codigo-card.active{--p:20%;background:linear-gradient(var(--color-onipo-w0),var(--color-onipo-w0)) padding-box,conic-gradient(from var(--gradient-angle,0deg),transparent,var(--color-onipo-blue) var(--p),transparent calc(var(--p) * 3)) border-box;border:1px solid transparent}.codigo-card.active.hoverable:hover{background:var(--color-onipo-blue)!important;border:1px solid var(--color-onipo-blue)}.codigo-card .content.second{position:absolute;top:0;left:0;right:0;bottom:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:opacity .4s,transform .4s;opacity:0;width:100%;min-height:100%;overflow:visible;transform:rotate(90deg) scale(.5) translateY(100%);font-size:2px;z-index:1;padding:10px;box-sizing:border-box}.codigo-card.hoverable:hover .content.second p{transition:color .4s,font-size .4s;color:var(--color-onipo-w0)!important}.codigo-card.hoverable:hover .content.second{opacity:1;transform:rotate(0deg) scale(1) translateY(0);font-size:inherit;height:auto;max-height:none;position:relative}