.mope-frame-picker-lock{overflow:hidden!important}.mope-frame-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}.mope-frame-picker.is-open{display:block}.mope-frame-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000085}.mope-frame-picker__dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 32px));height:min(86vh,900px);background:#fff;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #0000003d}.mope-frame-picker__header{flex:0 0 auto;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:18px 20px 14px;border-bottom:1px solid #e8e8e8;background:#fff}.mope-frame-picker__eyebrow{font-size:12px;line-height:1;color:#777;text-align:left}.mope-frame-picker__title{margin:0;text-align:center;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mope-frame-picker__close{border:0;background:none;width:42px;height:42px;padding:0;position:relative;cursor:pointer}.mope-frame-picker__close:before,.mope-frame-picker__close:after{content:"";position:absolute;left:10px;right:10px;top:20px;height:1.5px;background:#111}.mope-frame-picker__close:before{transform:rotate(45deg)}.mope-frame-picker__close:after{transform:rotate(-45deg)}.mope-frame-picker__content{overflow:auto;overscroll-behavior:contain;padding:18px 20px 28px;-webkit-overflow-scrolling:touch}.mope-frame-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mope-frame-picker-card{border:1px solid #dedede;background:#fff;display:flex;flex-direction:column;min-width:0}.mope-frame-picker-card__media{display:block;aspect-ratio:1/1;background:#f7f7f7;overflow:hidden}.mope-frame-picker-card__image{width:100%;height:100%;display:block;object-fit:contain}.mope-frame-picker-card__body{padding:12px;display:flex;flex-direction:column;flex:1;text-align:center}.mope-frame-picker-card__title{color:#111;text-decoration:none;font-size:14px;line-height:1.25;font-weight:500;min-height:35px;display:flex;align-items:flex-end;justify-content:center}.mope-frame-picker-card__price{display:flex;justify-content:center;align-items:baseline;gap:6px;margin:8px 0 10px;font-size:14px}.mope-frame-picker-card__compare{color:#777;text-decoration:line-through}.mope-frame-picker-card__bundle{color:#111;font-weight:600}.mope-frame-picker-card__button{margin-top:auto;width:100%;min-height:42px;border:1px solid #111;background:#fff;color:#111;padding:10px 8px;font-size:12px;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.mope-frame-picker-card__button:hover,.mope-frame-picker-card__button.is-added{background:#111;color:#fff}.mope-frame-picker-card__button:disabled{opacity:.45;cursor:not-allowed}.mope-frame-picker__loader{display:none;padding:22px;text-align:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#777}.mope-frame-picker__loader.is-visible{display:block}.mope-frame-picker__note{margin:0 0 14px;font-size:12px;line-height:1.45;color:#666;text-align:center}@media(max-width:749px){.mope-frame-picker__dialog{top:0;right:0;bottom:0;left:0;transform:none;width:100%;height:100%;max-height:none;border-radius:0}.mope-frame-picker__header{padding:12px 10px 10px}.mope-frame-picker__title{font-size:15px}.mope-frame-picker__content{padding:12px 10px 24px}.mope-frame-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mope-frame-picker-card__body{padding:9px}.mope-frame-picker-card__title{font-size:13px;min-height:33px}.mope-frame-picker-card__price{font-size:13px;margin:7px 0 9px}.mope-frame-picker-card__button{font-size:11px;min-height:40px}}[data-frame-picker-results]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}[data-frame-picker-results] .mope-frame-picker-card{width:auto;min-width:0}.mope-frame-picker__close{display:flex!important;align-items:center;justify-content:center;color:#111!important;font-size:36px!important;font-weight:200!important;line-height:1!important;z-index:3}.mope-frame-picker__close span{display:block;transform:translateY(-1px)}.mope-frame-picker__close:before,.mope-frame-picker__close:after{display:none!important}.mope-frame-picker__header{position:sticky;top:0;z-index:5}@media(max-width:749px){[data-frame-picker-results]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mope-frame-picker-card__media{aspect-ratio:1/1}.mope-frame-picker-card__body{padding:8px 7px 9px}.mope-frame-picker-card__title{font-size:12px;min-height:30px}.mope-frame-picker-card__price{font-size:12px;gap:4px;margin:5px 0 7px}.mope-frame-picker-card__button{font-size:10px;min-height:36px;padding:8px 4px;letter-spacing:.05em}}.mope-frame-gate{max-width:430px;margin:0 auto;padding:8px 0 18px;text-align:center}.mope-frame-gate[hidden],[data-frame-picker-list][hidden]{display:none!important}.mope-frame-gate__image{display:block;width:min(220px,62%);aspect-ratio:1/1;object-fit:cover;margin:0 auto 14px;background:#f6f6f6}.mope-frame-gate__title{margin:0 0 8px;font-size:16px;letter-spacing:.08em;text-transform:uppercase}.mope-frame-gate__text{margin:0 auto 14px;max-width:360px;font-size:13px;line-height:1.45;color:#666}.mope-frame-gate__product{display:flex;flex-direction:column;gap:3px;padding:11px 12px;margin:0 0 12px;border:1px solid #e2e2e2;font-size:13px}.mope-frame-gate__product strong{font-weight:500;color:#666}.mope-frame-gate__button{width:100%;min-height:46px;border:1px solid #111;background:#111;color:#fff;padding:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.mope-frame-gate__button:disabled{opacity:.5;cursor:wait}.mope-frame-gate__continue{width:100%;min-height:42px;margin-top:8px;border:0;background:transparent;color:#111;padding:10px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mope-frame-gate__continue:hover{text-decoration-thickness:2px}.mope-frame-gate__continue[hidden]{display:none!important}.mope-frame-picker__dialog{position:absolute}.mope-frame-picker__close{position:relative!important;display:flex!important;visibility:visible!important;opacity:1!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;border:0!important;background:#fff!important;color:#111!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:20!important}.mope-frame-picker__close span{display:block!important;font-size:32px!important;font-family:Arial,sans-serif!important;font-weight:300!important;line-height:1!important;color:#111!important;transform:translateY(-1px)!important}@media(max-width:749px){.mope-frame-picker__header{grid-template-columns:36px minmax(0,1fr) 42px!important}.mope-frame-picker__close{width:42px!important;height:42px!important}}
/*# sourceMappingURL=/cdn/shop/t/149/assets/mope-frame-picker.css.map */