.btn--ar{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1.4rem 3rem;font-family:var(--font-body-family);font-size:1.4rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);background:transparent;color:rgb(var(--color-foreground));letter-spacing:.04rem;margin-bottom:1rem;transition:border-color .2s,background .2s}.btn--ar:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.btn--ar svg{width:1.8rem;height:1.8rem;flex-shrink:0}#ar-modal{visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s ease}#ar-modal.open{visibility:visible;opacity:1}#ar-panel{transform:translateY(32px);transition:transform .4s cubic-bezier(.16,1,.3,1)}#ar-modal.open #ar-panel{transform:translateY(0)}.ar-modal-grid{display:grid;grid-template-columns:1fr}@media(min-width:600px){.ar-modal-grid{grid-template-columns:1fr 26rem}}#ar-canvas,#ar-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#ar-canvas{transform:scaleX(-1)}#ar-video{display:none}@media(min-width:600px){#modal-shade-name-price-row{display:contents}#ar-camera-wrap{aspect-ratio:unset;min-height:unset;align-self:stretch;height:100%}}#ar-camera-wrap{position:relative;background:#0d0d0d;overflow:hidden;border:1px solid #1A1A1A;width:100%;flex-shrink:0}.modal-shade-btn{transition:border-color .2s,background .2s}.modal-shade-btn.active{border-color:#121212!important;background:#fff}@media(max-width:599px){.ar-modal-grid{display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}#ar-modal{padding:0!important}#ar-panel,.ar-modal-grid{max-height:100dvh!important}#ar-camera-wrap{aspect-ratio:4 / 3;min-height:unset}#modal-shades{flex-direction:row!important;flex-wrap:nowrap;gap:.5rem!important}.modal-shade-btn{flex:1 1 0;min-width:0;flex-direction:column!important;align-items:center!important;gap:.6rem!important;padding:.8rem .4rem!important;text-align:center}.modal-shade-btn .shade-swatch{width:2.6rem!important;height:2.6rem!important}.modal-shade-btn .shade-desc,#modal-shade-desc,.hide-on-mobile{display:none!important}#modal-shade-name-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.4rem}#modal-shade-name{margin-bottom:0!important}#modal-price{margin-bottom:0!important;white-space:nowrap}#modal-shade-name-price-row{margin-bottom:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ar-mirror.css.map */