.dialog__close{font-family:"helvetica-bold",sans-serif;font-size:0.9375rem;letter-spacing:6%;line-height:130%}.dialog__video-control span{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.dialog{background-color:rgba(0,0,0,0);border:0;border-radius:0;height:100%;opacity:0;outline:none;pointer-events:none;width:100%}.dialog[open]{animation:show-dialog .5s ease;opacity:1;pointer-events:inherit}.dialog[open]::backdrop{animation:show-backdrop .25s ease}.dialog.hide{animation:hide-dialog .5s ease}.dialog.hide::backdrop{animation:hide-backdrop .25s ease}.dialog::backdrop{background:#f4f1e9;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:4}@keyframes show-dialog{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hide-dialog{to{opacity:0;transform:translateY(-10px)}}@keyframes show-backdrop{from{opacity:0}to{opacity:1}}@keyframes hide-backdrop{from{opacity:1}to{opacity:0}}.dialog__inner{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.dialog__close-container{display:flex;margin-bottom:auto}.dialog__close{cursor:pointer;margin-left:auto;margin-right:auto;padding-bottom:1.25rem;padding-top:1.25rem;text-transform:uppercase}.dialog__close.hidden{display:none}.dialog__video-container{margin-top:auto}.dialog__video-container-inner{aspect-ratio:16/9;left:50%;max-width:calc((100vh - 56px - 144px)*16/9);position:relative;top:50%;transform:translate(-50%, -50%)}.dialog__video-container-inner video{border-radius:1.25rem;width:100%}.dialog__video-control{background:#fff;border-radius:50%;bottom:1.875rem;display:block;height:4rem;left:50%;outline:none;position:absolute;transform:translateX(-50%);width:4rem}.dialog__video-control[data-video-status=play]::before{background-image:url("../images/play-icon.svg");background-repeat:no-repeat;bottom:1.875rem;content:"";height:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:1.5rem}.dialog__video-control[data-video-status=pause]::before{background-image:url("../images/pause-icon.svg");background-repeat:no-repeat;bottom:1.875rem;content:"";height:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:1.5rem}.dialog__video-control.hidden{display:none}@media screen and (min-width: 1920px){.dialog__video-control{height:6rem;width:6rem}}