.passport-front{position:relative;background-color:#324038;border-radius:26px;overflow:hidden;width:100%;max-width:400px;aspect-ratio:1.5 / 1;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000001a}.mejimeji-stamp{position:absolute;bottom:-66px;right:-65px}.passport-front-inner{padding:8px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;position:relative}.passport-title{font-family:var(--font-family-heading);font-size:18px;color:var(--content-brand);letter-spacing:-.2px;padding-top:12px}.passport-body{display:flex;flex-direction:row;gap:16px;align-items:start;flex:1}.passport-photo{border:1px solid var(--border-color);background-color:#f5f5f5;width:144px;height:144px;border-radius:18px 0 0;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.passport-photo:after{content:"upload photo";font-family:var(--font-family-label);font-size:14px;color:var(--content-primary);opacity:.8;padding:10px;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);z-index:1;text-align:center;text-transform:capitalize}.passport-photo-preview{position:static;z-index:2}.passport-photo-placeholder{align-self:end}.passport-details{display:flex;flex-direction:column;gap:12px;width:57%}.passport-field-row{display:flex;gap:16px}.passport-field-row>.passport-field{width:46%}.passport-field{display:flex;flex-direction:column;gap:4px}.passport-label{font-family:var(--font-family-label);font-size:10px;color:var(--content-brand);text-transform:capitalize;opacity:.8}.passport-value{font-family:var(--font-family-label);font-size:14px;color:var(--content-brand);font-weight:500;border-bottom:1px solid var(--content-brand);transition:border-bottom 0s ease-in-out}.passport-value:focus,.passport-value:active,.passport-value:focus-visible{border-bottom:1.5px solid var(--content-brand);outline:none}.passport-photo-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.passport-barcode{display:flex;gap:2px;height:24px;align-items:stretch}.barcode-line{background-color:var(--content-brand);opacity:.6}.passport-stripes{display:flex;height:12px;width:100%;position:absolute;bottom:0;left:0}.stripe{flex:1;height:100%}.stripe-red{background-color:#6b202c}.stripe-yellow{background-color:var(--content-brand)}.stripe-white{background-color:#f9f7f2}.passport-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(1,0,0,1)}.passport-overlay.is-active{opacity:1;pointer-events:auto}.passport-front{transition:transform .8s cubic-bezier(1,0,0,1),top .8s cubic-bezier(1,0,0,1),left .8s cubic-bezier(1,0,0,1),width .8s cubic-bezier(1,0,0,1),height .8s cubic-bezier(1,0,0,1);transform-style:preserve-3d;cursor:pointer;border:1px solid var(--border-inverse)}.passport-front.is-centered{position:fixed;z-index:1000;border:1px solid var(--border-tertiary);box-shadow:#959da533 0 0 7px}.passport-front.is-centered.is-tilting{transition:transform .1s ease-out}.passport-actions-modal{position:fixed;top:calc(50% + 200px);left:50%;transform:translate(-50%,15px);z-index:1001;opacity:0;pointer-events:none;transition:opacity .4s ease .2s,transform .4s cubic-bezier(.16,1,.3,1) .2s;display:flex;justify-content:center;align-items:center}.passport-actions-modal.is-active{opacity:1;pointer-events:auto;transform:translate(-50%)}.get-passport-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.get-passport-btn:hover:not(:disabled){transform:scale(1.03)}.get-passport-btn:active:not(:disabled){transform:scale(.97)}.get-passport-btn:disabled,.get-passport-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}@media(max-width:768px){.passport-actions-modal{top:calc(50% + 140px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/passport-front.css.map */