.glop-teaser{position:relative;isolation:isolate;min-height:100dvh;background:#000;color:#fffef2;overflow:hidden;font-family:var(--glop-font-mono)}.glop-teaser__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.glop-teaser__video,.glop-teaser__media video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.glop-teaser__copy{position:absolute;z-index:1;left:17.3%;top:45.4%;display:flex;flex-direction:column;align-items:flex-start;width:clamp(220px,16.2vw,300px)}.glop-section .glop-teaser__title{margin:0 0 clamp(40px,4.1vw,64px);font-family:var(--glop-font-mono);font-weight:400;font-size:clamp(18px,1.42vw,22px);line-height:.964;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#fffef2}.glop-teaser__form{display:flex;flex-direction:column;align-items:flex-start;width:100%}.glop-teaser__label{margin:0 0 clamp(12px,1.2vw,18px);font-size:clamp(12px,.95vw,15px);letter-spacing:.04em;text-transform:uppercase}.glop-section .glop-teaser__input{width:100%;height:auto;margin:0;padding:0 0 clamp(10px,.9vw,14px);border:0;border-bottom:1px solid #fffef2;border-radius:0;background:transparent;box-shadow:none;color:#fffef2;font-family:var(--glop-font-mono);font-size:clamp(12px,.95vw,15px);letter-spacing:.04em;text-transform:uppercase;outline:none}.glop-section .glop-teaser__input::placeholder{color:#fffef2;opacity:.5;text-transform:uppercase}.glop-section .glop-teaser__input:focus-visible{border-bottom-color:var(--glop-pink)}.glop-section .glop-teaser__submit{-webkit-appearance:none;appearance:none;margin:clamp(14px,1.3vw,22px) 0 0;padding:0 clamp(16px,1.2vw,20px);height:clamp(36px,2.9vw,46px);border:1.5px solid #fffcf3;border-radius:999px;background:transparent;color:#fffcf3;font-family:var(--glop-font-mono);font-size:clamp(12px,.95vw,15px);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--glop-fast) var(--glop-ease),color var(--glop-fast) var(--glop-ease)}.glop-section .glop-teaser__submit:hover{background:#fffcf3;color:#000}.glop-section .glop-teaser__submit:active{transform:translateY(1px)}.glop-teaser__error{margin:0 0 10px;font-size:clamp(11px,.85vw,13px);letter-spacing:.04em;text-transform:uppercase;color:var(--glop-pink)}.glop-teaser__pw{position:absolute;z-index:2;right:var(--glop-margin);bottom:var(--glop-margin)}.glop-teaser__pw-details{text-align:right}.glop-teaser__pw-toggle{list-style:none;cursor:pointer;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.glop-teaser__pw-toggle::-webkit-details-marker{display:none}.glop-teaser__pw-toggle:hover{opacity:1}.glop-teaser__pw-row{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.glop-section .glop-teaser__input--pw{width:180px}.glop-section .glop-teaser__submit--sm{margin:0;height:34px;padding:0 14px;font-size:11px}@media(max-width:749px){.glop-teaser__media{top:14%;bottom:auto;height:auto;aspect-ratio:16 / 9}.glop-teaser__video,.glop-teaser__media video{object-fit:cover;object-position:55% 50%;transform:scale(1.35);transform-origin:55% 50%}.glop-teaser__copy{left:var(--glop-margin);right:var(--glop-margin);top:auto;bottom:12%;width:auto}.glop-section .glop-teaser__title{white-space:normal}.glop-section .glop-teaser__title{font-size:18px;margin-bottom:32px}.glop-teaser__label,.glop-section .glop-teaser__input,.glop-section .glop-teaser__submit{font-size:13px}.glop-section .glop-teaser__submit{height:44px;min-width:120px}.glop-teaser__pw{right:auto;left:var(--glop-margin);bottom:24px}.glop-teaser__pw-details{text-align:left}}@media(prefers-reduced-motion:reduce){.glop-teaser__video{animation:none}}body:has(.glop-teaser){background:#000}body:has(.glop-teaser) .password-footer,body:has(.glop-teaser) dialog-component#password-form,body:has(.glop-teaser) .password-header{display:none!important}body:has(.glop-teaser) #header-group,body:has(.glop-teaser) .shopify-section-group-footer-group,body:has(.glop-teaser) #shopify-section-cart-drawer-section{display:none!important}body:has(.glop-teaser) .page-wrapper{height:auto;min-height:100dvh;overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/3/assets/glop-teaser.css.map */