.p-overlaypanel{position:absolute;margin-top:10px}.p-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.p-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-overlaypanel-enter{opacity:0;transform:scaleY(.8)}.p-overlaypanel-leave-to{opacity:0}.p-overlaypanel-enter-active{transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}.p-overlaypanel-leave-active{transition:opacity .1s linear}.p-overlaypanel:after,.p-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:" ";height:0;width:0;position:absolute;pointer-events:none}.p-overlaypanel:after{border-width:8px;margin-left:-8px}.p-overlaypanel:before{border-width:10px;margin-left:-10px}.p-overlaypanel-flipped:after,.p-overlaypanel-flipped:before{bottom:auto;top:100%}.p-overlaypanel.p-overlaypanel-flipped:after,.p-overlaypanel.p-overlaypanel-flipped:before{border-bottom-color:transparent}.gridContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,20rem));padding:10px;-moz-column-gap:50px;column-gap:30px;margin-top:20px;row-gap:10px;align-items:center;justify-content:center;overflow:scroll;height:100vh;height:calc(100vh - 132px)}.gridItem{text-align:center;margin-bottom:10px}.gridItem.active,.gridItem.active:hover{border:4px solid #76add8;border-radius:7px}.listContainer{display:contents}.listItem{text-align:left}.listItem:hover{background-color:#f0f8ff}.active-yellow{background-color:#fccb1a}.active-orange{background-color:#fc7307}.active-green{background-color:#698f3f}.active-blue{background-color:#76add8}.button .active-yellow{background-color:#fccb1a}.button .active-orange{background-color:#fc7307}.button .active-green{background-color:#698f3f}.button .active-blue{background-color:#76add8}