*{box-sizing:border-box}body,html{position:relative;margin:0;padding:0;overflow:hidden;width:100%;height:100%;background-color:#fff}.back-image,.img_git,main{height:100vh;width:100%}main{height:100dvh;display:flex;justify-content:center;align-items:center}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;aspect-ratio:16.9}.back-image{background-image:url('../media/src-thumb.png');background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(9px);opacity:.6}#play-button{width:4.5rem;height:4.5rem;border-radius:50%;display:none;position:absolute;background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px 20px 10px 1.5rem;font-size:20px;cursor:pointer}#btnConfirm,.btn_calendar,.map_dir{position:absolute;color:#fff;border:none;right:1.2rem}#play-button::before{content:'';width:0;height:0;display:block;background-color:transparent;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:2rem solid #fff}.btn_calendar,.map_dir{padding-block:.6rem;padding-inline:1rem;background-color:#09f;border-radius:5px;bottom:4rem;cursor:pointer}.btn_calendar{bottom:6.5rem}#btnConfirm{padding-block:.4rem;padding-inline:.8rem;background-color:#198754;border-radius:5px;bottom:1.5rem}.img_git{position:fixed;top:0;left:0}.direction_maps{width:100%;height:0;background:#fff;z-index:1;position:absolute;bottom:0;box-shadow:0 0 8px rgba(0 0 0 / 2%);transition:height .4s}.direction_maps.hide{height:0}.direction_maps.show{height:85vh}.direction_maps--header{position:relative;display:flex;justify-content:flex-end;align-items:center;width:100%;height:auto;padding:1rem;border-bottom:1px solid #ccc}.direction_maps .direction_maps--header .close{border:none;color:#3a3a3a;background-color:transparent;padding:.3rem;margin-inline:.5rem;font-size:18px}.direction_maps .direction_maps--body{width:100%}.direction_maps .direction_maps--body iframe{width:100%;height:60vh}.direction_maps .direction_maps--body p{width:100%;text-align:center;margin:0;padding:1rem;font-size:14px;font-size:clamp(1rem, 1.8vw, 3rem)}@media screen and (min-width:690px){.btn_calendar,.map_dir{right:2.5rem;padding-block:.8rem;padding-inline:1.3rem}.btn_calendar{bottom:8.5rem}.map_dir{bottom:5rem}#btnConfirm{right:2.5rem;bottom:2.5rem}}