.paper-set-container{position: fixed;height: 80%;background-color: white;color: black;top: 6rem;border-top-left-radius: 54px;border-bottom-left-radius: 51px;border: 2px solid #0456ff;background: #044577;right: 0;transform: translateX(90%);transition: 1s all;visibility: visible;padding: 12px}.paperSetConainer{display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 15px;height: 80%;overflow-y: auto;scrollbar-color: red}.paperSetActive{border: 1px solid #4dde4d;box-shadow: 0px 1px 8px #4dde4d;border-radius: 5px;background: #05ac39;color: white;padding: 6px}.paperSetNotActive{border: 1px solid white;border-radius: 5px;background: transparent;color: white;padding: 6px}.paperSetNotActive:hover{border: 1px solid #4dde4d;box-shadow: 0px 1px 8px #4dde4d;border-radius: 5px;background: #05ac39;color: white;padding: 6px;transition: 0.3s all}#arroDropDown{width: 100%;rotate: 90%;transform: rotate(0deg);transition: 1s all;cursor: pointer}#arroDropDown:hover{border-radius: 11px;box-shadow: 2px 1px 10px #2b7dc8}.arrowContainer{width: 40%;position: relative;top: 45%;left: -60px}.openContainer{transform: translateX(0%) !important;transition: 1s all}.openContainer #arroDropDown{transform: rotate(180deg);transition: 1s all}#paperSetNumber{font-weight: 600;padding: 5px}.pagination-main{border: 1px solid grey;border-radius: 10px}.pagination{border: 1px solid #80808057;border-radius: 5px;overflow-y: hidden;margin-top: 8px !important}@media (max-width: 767px){.arrowContainer{width: 25%;position: relative;top: 45%;left: -40px;opacity: 85%}.paper-set-container{right: 0}.openContainer{transform: translateX(0%);transition: 1s all}}