.gorilla-ugc-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;align-items:center;justify-content:center;padding:16px}.gorilla-ugc-modal--open{display:flex}.gorilla-ugc-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--g-color-modal-overlay);cursor:pointer}.gorilla-ugc-modal__container{position:relative;width:min(47.8125vh,80vw);aspect-ratio:9/16;max-height:85vh;border-radius:16px;overflow:hidden;background:#000;z-index:1}.gorilla-ugc-modal__video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.gorilla-ugc-modal__iframe{width:100%;height:100%;border:none;display:block}.gorilla-ugc-modal__play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.gorilla-ugc-modal__play-overlay--visible{opacity:1;pointer-events:auto}.gorilla-ugc-modal__play-btn{background:#00000073;border:2.5px solid rgba(255,255,255,.9);border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 0 0 4px;transition:background .15s ease}.gorilla-ugc-modal__play-btn:hover{background:#000000a6}.gorilla-ugc-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#0a0a0a8c;border:2px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:2;transition:background .15s ease}.gorilla-ugc-modal__close:hover{background:#0a0a0acc}.gorilla-ugc-modal__mute{position:absolute;bottom:14px;left:14px;width:40px;height:40px;background:#0a0a0a8c;border:2px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:2;transition:background .15s ease}.gorilla-ugc-modal__mute:hover{background:#0a0a0acc}.gorilla-ugc-modal__mute--hidden{display:none}.gorilla-ugc-modal__nav{position:relative;z-index:2;flex-shrink:0;background:none;border:none;padding:16px;cursor:pointer;color:#fff;opacity:.75;transition:opacity .15s ease}.gorilla-ugc-modal__nav:hover{opacity:1}.gorilla-ugc-modal__nav:disabled{opacity:.2;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gorilla-ugc-modal.css.map */