.ar-scan{background-color:var(--color-black);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.ar-scan__camera{inset:0;position:absolute;z-index:var(--z-camera)}.ar-scan__camera-img{display:block;height:100%;object-fit:cover;width:100%}.ar-scan__camera canvas,.ar-scan__camera video{display:block;height:100%!important;inset:0;object-fit:cover;position:absolute;width:100%!important}.ar-scan__overlay{background-color:rgba(0,0,0,.1);inset:0;position:absolute;z-index:var(--z-overlay)}.ar-scan__content{align-items:center;display:flex;flex:1;flex-direction:column;padding:40px 20px;position:relative;z-index:var(--z-content)}.ar-scan__title{color:var(--color-text-white);font-size:40px;line-height:50px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ar-scan__subtitle{color:var(--color-text-white);font-family:var(--font-body);font-size:var(--fs-body);margin-top:var(--space-sm);text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}.ar-scan__frame{flex-shrink:0;height:200px;margin:auto 0;position:relative;width:200px}.ar-scan__frame svg{height:100%;width:100%}.ar-scan__progress{bottom:32px;height:48px;left:50%;position:absolute;transform:translateX(-50%);width:48px;z-index:var(--z-progress)}.ar-scan__progress svg{height:100%;width:100%}.ar-scan__sheet{background-color:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-sheet);padding:20px 30px 30px;position:relative;z-index:var(--z-sheet)}.ar-scan__drag-handle,.ar-scan__sheet{align-items:center;display:flex;flex-direction:column}.ar-scan__drag-handle{gap:var(--space-xs);margin-bottom:var(--space-xl)}.ar-scan__drag-handle span{background-color:var(--color-oreo-black);display:block;height:2px;width:80px}.ar-scan__sheet-content{gap:var(--space-2xl);width:100%}.ar-scan__sheet-content,.ar-scan__sheet-text{align-items:center;display:flex;flex-direction:column}.ar-scan__sheet-text{gap:var(--space-sm);text-align:center}.ar-scan__sheet-title{color:var(--color-text-primary);font-size:var(--fs-heading-md);line-height:30px}.ar-scan__sheet-desc{color:var(--color-text-primary);font-size:var(--fs-body-sm);line-height:19px}.ar-scan__sheet-desc p{margin:0}.ar-scan__sheet-buttons{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);width:100%}.ar-scan__sheet-buttons .btn{width:100%}.ar-scan__skip-btn{background:none;border:none;color:var(--color-oreo-blue);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-body);font-weight:700;letter-spacing:.32px;padding:0;text-decoration:underline;text-transform:uppercase;transition:color var(--transition-fast)}.ar-scan__skip-btn:hover{color:var(--color-oreo-blue-dark)}.ar-scan__skip-btn:focus-visible{outline:2px solid var(--color-oreo-blue);outline-offset:2px}.ar-scan__sheet--peek{padding:12px 30px 16px}.ar-scan__sheet--peek .ar-scan__sheet-content{display:none}.ar-scan__sheet--peek .ar-scan__drag-handle{margin-bottom:0}@media (min-width:480px){.ar-scan__title{font-size:48px;line-height:60px}.ar-scan__subtitle{font-size:18px}.ar-scan__frame{height:240px;width:240px}.ar-scan__sheet-title{font-size:28px;line-height:35px}.ar-scan__sheet-desc{font-size:var(--fs-body);line-height:22px}}@media (min-width:768px){.ar-scan__sheet{margin:0 auto;max-width:500px;width:100%}.ar-scan__sheet-buttons .btn{min-width:300px;width:auto}}