.modal{display:block;flex-direction:column;width:100%;height:100%;background-color:rgba(var(--color-black-rgb),.75);position:fixed;z-index:500;top:0;left:0;transition:var(--transition)}.modal-wrapper{display:flex;align-items:center;width:100%;height:100%;position:relative;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:2.5rem 3.75rem}.modal-wrapper-video{padding:0}.modal-wrapper-video .modal-close-btn{--size:4.375rem;--color:var(--color-white);position:fixed;top:0;right:0;z-index:10;border-radius:0}.modal-wrapper-video .modal-close-btn::after,.modal-wrapper-video .modal-close-btn::before{width:50%;height:2px}.modal-content{width:100%;max-width:47.5rem;display:flex;flex-direction:column;margin:auto;background-color:var(--color-white);padding:8% 5%;transition:var(--transition);transition-delay:.25s;position:relative}.modal-content-video{position:relative;width:100%;padding:0;max-width:min(100vh - 1.5rem,100vw - 1.5rem);margin:auto;aspect-ratio:16/9}.modal-content-video:before{display:none;content:none}.modal-content-video iframe,.modal-content-video video{display:block;width:100%;height:100%;position:relative;border:0}.modal-content-video.is-vertical{aspect-ratio:9/16;max-height:calc(100vh - 1.5rem);max-width:26.25rem}.modal-content-video.is-vertical video{width:auto;height:100%;-o-object-fit:contain;object-fit:contain}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.5rem;line-height:1.25}.modal-body{width:100%;margin:auto}.modal-close-btn{--size:clamp(2.5rem, 4vw, 3.125rem);--color:var(--color-black);padding:0}.modal-close-btn::after,.modal-close-btn::before{--rotate:0deg;display:block;content:"";width:80%;height:5%;background:var(--color);border-radius:.3125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--rotate));transition:var(--transition)}.modal-close-btn::before{--rotate:45deg}.modal-close-btn::after{--rotate:-45deg}.modal-close-btn:hover{--color:var(--color-one)}.modal:not(.active){opacity:0;visibility:hidden;pointer-events:none;z-index:-10;transition-delay:.25s}.modal:not(.active) .modal-wrapper{overflow:hidden}.modal:not(.active) .modal-content{opacity:0;transition-delay:0s}.modal.modal-left-content .modal-wrapper{padding:0}.modal.modal-left-content .modal-content{height:100%;margin:0 auto 0 0}.modal.modal-left-content .modal-body{flex:1 auto 0;overflow-y:auto;border-width:1.5rem 0;border-style:solid;border-color:transparent}.modal.modal-left-content:not(.active) .modal-content{margin:0 auto 0 -50%}.modal.modal-right-content .modal-wrapper{padding:0}.modal.modal-right-content .modal-content{height:100%;margin:0 0 0 auto}.modal.modal-right-content .modal-body{flex:1 auto 0;overflow-y:auto;border-width:1.5rem 0;border-style:solid;border-color:transparent}.modal.modal-right-content:not(.active) .modal-content{margin:0 -50% 0 auto}