:root{--vh:0;--studio-nav-height:0;--global-nav-offset:150px;--global-nav-mobile-offset:110px;--scrollbar-width:0px;--local-nav-offset:70px;--local-nav-mobile-offset:64px}.modal .modal__container{background-color:#f1f1f1;border:none;max-width:100%;padding:0;width:100%;z-index:500}.modal .modal__container::-ms-backdrop{background-color:rgba(0,0,0,.75)}.modal .modal__container::backdrop{background-color:rgba(0,0,0,.75)}.modal .modal__container .modal__container-close{background:none;border:none;color:#fff;cursor:pointer;position:absolute;z-index:500}.modal .modal__container.pop-up{max-width:84vw;padding:0}.modal .modal__container.pop-up .modal__container-content .modal__container-close{right:20px;top:15px}.modal .modal__container.bottom.active{-webkit-animation:modal-bottom .5s ease-in-out 0s forwards;animation:modal-bottom .5s ease-in-out 0s forwards;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.35);box-shadow:0 1px 4px 0 rgba(0,0,0,.35);margin:0;padding:0;position:fixed;top:100%}.modal .modal__container.bottom.active .modal__container-close{right:11px;top:30px}@-webkit-keyframes modal-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes modal-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.modal .modal__container.floating{border-radius:20px;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.35);box-shadow:0 1px 4px 0 rgba(0,0,0,.35);left:100%;margin:0;max-width:350px;position:fixed;top:100%;-webkit-transform:translate(1px,calc(-100% - 20px));-ms-transform:translate(1px,calc(-100% - 20px));transform:translate(1px,calc(-100% - 20px));width:calc(100vw - 40px)}.modal .modal__container.floating .modal__container-close{border:2px solid #000;border-radius:100%;color:#000;display:grid;height:34px;padding:0;place-content:center;right:12px;top:12px;width:34px}.modal .modal__container.floating[open]{-webkit-animation:modal-slide-left-in .5s ease-in-out 0s forwards;animation:modal-slide-left-in .5s ease-in-out 0s forwards}@-webkit-keyframes modal-slide-left-in{to{-webkit-transform:translate(calc(-100% - 20px),calc(-100% - 20px));transform:translate(calc(-100% - 20px),calc(-100% - 20px))}}@keyframes modal-slide-left-in{to{-webkit-transform:translate(calc(-100% - 20px),calc(-100% - 20px));transform:translate(calc(-100% - 20px),calc(-100% - 20px))}}.modal .modal__container.right-side.active{-webkit-animation:modal-right 1s ease-in-out 0s 1;animation:modal-right 1s ease-in-out 0s 1;height:100%;max-height:100%;top:0}.modal .modal__container.right-side.active .modal__container-content{-webkit-animation:modal-right 1s ease-in-out 0s 1;animation:modal-right 1s ease-in-out 0s 1;height:100vh;max-width:100vw;overflow:auto;position:relative;scroll-behavior:smooth}.modal .modal__container.right-side.active .modal__container-content .modal__container-close{right:15px;top:20px}@-webkit-keyframes modal-right{0%{right:-200%}to{right:0}}@keyframes modal-right{0%{right:-200%}to{right:0}}.modal .modal__container.full-screen{height:100vh;max-height:-webkit-fill-available;top:0}.modal .modal__container.full-screen .modal__container-content{height:-webkit-fill-available;max-width:100vw}.modal .modal__container.full-screen .modal__container-content .modal__container-close{right:15px;top:22px}.modal.modal-dark .modal__container{background-color:#000;color:#fff}.modal.modal-light .modal__container{background-color:#fff}.modal.close-button-dark .modal__container .modal__container-close{color:#000}.modal.close-button-light .modal__container .modal__container-close{background:#fff;border-radius:50%;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:35px;width:35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width:768px){.modal .modal__container.pop-up .modal__container-content .modal__container-close{right:30px;top:30px}.modal .modal__container.bottom.active .modal__container-content .modal__container-close{right:21px;top:30px}.modal .modal__container.floating{width:100%}@-webkit-keyframes modal-slide-left-in{to{-webkit-transform:translate(calc(-100% - 31px),calc(-100% - 20px));transform:translate(calc(-100% - 31px),calc(-100% - 20px))}}@keyframes modal-slide-left-in{to{-webkit-transform:translate(calc(-100% - 31px),calc(-100% - 20px));transform:translate(calc(-100% - 31px),calc(-100% - 20px))}}.modal .modal__container.right-side.active{inset-inline-start:auto;max-width:44vw;width:100%}.modal .modal__container.right-side.active .modal__container-content .modal__container-close{right:5px}.modal .modal__container.full-screen .modal__container-content .modal__container-close{right:69px;top:42px}}@media(min-width:1280px){.modal .modal__container.pop-up{max-width:68vw}.modal .modal__container.pop-up .modal__container-content .modal__container-close{right:30px;top:31px}.modal .modal__container.bottom.active .modal__container-content .modal__container-close{right:48px;top:50px}.modal .modal__container.floating{max-width:450px}@-webkit-keyframes modal-slide-left-in{to{-webkit-transform:translate(calc(-100% - 51px),calc(-100% - 20px));transform:translate(calc(-100% - 51px),calc(-100% - 20px))}}@keyframes modal-slide-left-in{to{-webkit-transform:translate(calc(-100% - 51px),calc(-100% - 20px));transform:translate(calc(-100% - 51px),calc(-100% - 20px))}}.modal .modal__container.right-side.active .modal__container-content .modal__container-close{right:20px;top:41px}.modal .modal__container.full-screen .modal__container-content .modal__container-close{right:51px;top:75px}}@media(min-width:1800px){.modal .modal__container.pop-up{max-width:60vw}.modal .modal__container.pop-up .modal__container-content .modal__container-close{right:35px;top:35px}.modal .modal__container.bottom.active .modal__container-content .modal__container-close{right:78px;top:60px}.modal .modal__container.right-side.active .modal__container-content .modal__container-close{right:30px;top:30px}.modal .modal__container.full-screen .modal__container-content .modal__container-close{right:80px;top:77px}}
