.modal-panel{position:relative}.modal-panel>.panel{z-index:1000}.modal-panel>.panel.popup-relative{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);height:300px;left:0;opacity:0;padding:10px;position:absolute;top:100%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:400px}.modal-panel>.panel.popup-relative.closed{opacity:0;visibility:hidden}.modal-panel>.panel.popup-relative.open{opacity:1;visibility:visible}.modal-panel>.panel.popup-centered{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);height:300px;left:50%;opacity:0;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:400px}.modal-panel>.panel.popup-centered.small{height:150px;width:200px}.modal-panel>.panel.popup-centered.medium{height:300px;width:400px}.modal-panel>.panel.popup-centered.large{height:450px;width:600px}.modal-panel>.panel.popup-centered.closed{opacity:0;visibility:hidden}.modal-panel>.panel.popup-centered.open{opacity:1;visibility:visible}.modal-panel>.panel.right{background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.2);height:100vh;max-width:488px;padding:10px;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;width:100%}.modal-panel>.panel.right,.modal-panel>.panel.right.closed{opacity:0;visibility:hidden}.modal-panel>.panel.right.open{opacity:1;visibility:visible}.modal-panel>.panel.bottom{background-color:#fff;bottom:0;box-shadow:0 -2px 5px rgba(0,0,0,.2);height:200px;left:0;padding:10px 10px 25px;position:fixed;transition:opacity .3s ease,visibility .3s ease;width:100vw}.modal-panel>.panel.bottom,.modal-panel>.panel.bottom.closed{opacity:0;visibility:hidden}.modal-panel>.panel.bottom.open{opacity:1;visibility:visible}.modal-panel>.panel.top-bar{align-items:center;backdrop-filter:blur(2px);background-color:hsla(0,0%,96%,.95);border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);color:#333;display:flex;justify-content:space-between;left:50%;max-width:1200px;opacity:0;padding:6px 20px;position:fixed;top:16px;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:95vw}@media (max-width:768px){.modal-panel>.panel.top-bar{padding:3px 16px}}.modal-panel>.panel.top-bar.closed{opacity:0;transform:translateX(-50%) translateY(-8px);visibility:hidden}.modal-panel>.panel.top-bar.open{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.modal-panel>.panel.top-bar .close-button{align-items:center;align-self:center;color:#333;display:flex;height:100%;margin-left:auto;padding:0;position:static}.modal-panel>.panel.top-bar .close-button:before{font-size:20px}.overlay{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.close-button{background-color:transparent;border:0;color:#2c262d;display:flex;justify-content:center;margin-right:21px;padding-top:34px;position:absolute;right:0;width:24px}.close-button:focus{border:1px dashed #fff}@supports (-webkit-touch-callout:none){.close-button:focus{border:none;outline:0}}.close-button:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;content:"";display:inline-block;font-family:Remix Icon!important;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto}@media (max-width:768px){.close-button:focus{border:none}.close-button{padding-top:24px}}