.myoc-preview{margin:10px 0 0}.myoc-preview__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:4px;font-size:15px;font-weight:600;line-height:1;color:#fff;background:#141416;border:1px solid #141416;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .18s ease}.myoc-preview__btn[hidden]{display:none!important}.myoc-preview__btn[disabled]{opacity:.6;cursor:progress}.myoc-preview__btn.is-inactive{opacity:.45;cursor:default;pointer-events:none}.myoc-preview__hint{margin:8px 0 0;font-size:13px;line-height:1.4;color:#14141699}.myoc-preview__hint[hidden]{display:none!important}.myoc-preview__result{margin-top:10px;font-size:14px;line-height:1.45;color:#141416}.myoc-preview__result[hidden]{display:none!important}.myoc-preview__result.has-thumb{display:flex;align-items:flex-start;gap:12px}.myoc-preview__text{min-width:0;flex:1 1 auto}.myoc-preview__thumb{flex:0 0 auto;width:96px;height:96px;padding:0;border:1px solid rgba(20,20,22,.12);border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.myoc-preview__thumb[hidden]{display:none!important}.myoc-preview__thumb canvas,.myoc-preview__thumb img{width:100%;height:100%;display:block;object-fit:contain}@media screen and (min-width:768px){.myoc-preview__thumb{display:none!important}}.myoc-preview__headline{margin:0 0 4px;font-weight:700;color:#141416}.myoc-preview__body{margin:0 0 6px;color:#141416}.myoc-preview__detected{margin:0;font-size:12px;line-height:1.4;color:#1414168c}.myoc-preview__msg{margin:0;color:#141416b3}.myoc-preview__suggest{display:flex;flex-direction:column;gap:8px;margin-top:10px}.myoc-preview__row{position:relative;display:block;width:100%;min-height:44px;padding:11px 44px 11px 14px;text-align:left;font:inherit;font-size:15px;line-height:1.3;color:#141416;background:#fff;border:1px solid rgba(20,20,22,.3);border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease,border-color .12s ease}.myoc-preview__row:after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #141416;border-bottom:2px solid #141416;transform:translateY(-50%) rotate(-45deg)}.myoc-preview__row:hover,.myoc-preview__row:focus-visible{border-color:#141416;outline:none}.myoc-preview__row:active{background:#ebebec;border-color:#141416}.myoc-preview__alt{margin:10px 0 0;color:#141416b3}.myoc-preview__link{display:inline-block;margin-top:8px;min-height:44px;line-height:44px;text-decoration:underline;text-underline-offset:2px;color:var(--gsc-text-color-100, #141416)}.myoc-preview__progress{margin-top:12px}.myoc-preview__progress[hidden]{display:none!important}.myoc-preview__progress .myoc-progress{position:static;inset:auto;padding:0;gap:8px;align-items:flex-start;text-align:left;background:none;z-index:auto}.myoc-preview__progress .myoc-progress__bar{width:min(220px,100%)}.tcustomizer__text-field-wrapper:has(>[data-myoc-clear]){position:relative}.tcustomizer__text-field-wrapper:has(>[data-myoc-clear])>.tcustomizer__text-field{padding-right:44px}.myoc-clear{position:absolute;top:50%;right:0;width:44px;height:44px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#14141699;cursor:pointer;-webkit-tap-highlight-color:transparent}.myoc-clear:hover,.myoc-clear:focus-visible{color:#141416;outline:none}.myoc-clear[hidden],.tcustomizer__widget .tcustomizer__text-field--max-characters,.tcustomizer__widget .tcustomizer__text-field--total-characters{display:none!important}.tcustomizer__widget .cc{margin:14px 0 0}.cc--myoc .cc__sw--original{display:none}.cc--myoc .cc__preview,.cc--myoc .cc__hint{display:none!important}.myoc-progress{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#141416}.myoc-progress[hidden]{display:none!important}.myoc-progress__text{font-size:15px;font-weight:600;line-height:1.3;color:#141416}.myoc-progress__bar{display:flex;gap:4px;width:min(220px,70%)}.myoc-progress__bar i{flex:1 1 0;height:6px;border-radius:3px;background:#1414161f;transition:background .3s ease}.myoc-progress__bar i.is-on{background:#141416}.myoc-progress__bar i.is-on:not(:has(~i.is-on)){animation:myoc-pulse 1.2s ease-in-out infinite}.myoc-progress__eta{font-size:13px;color:#1414168c}@keyframes myoc-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.myoc-progress__bar i.is-on:not(:has(~i.is-on)){animation:none}}.myoc-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.myoc-stage{display:block;width:100%;margin:0 0 2rem}.myoc-stage[hidden]{display:none!important}.myoc-stage{position:relative}.myoc-stage .cc-overlay{position:relative;inset:auto;width:100%;aspect-ratio:1 / 1;border-radius:8px;pointer-events:auto;cursor:zoom-in}.myoc-stage__zoom{position:absolute;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#141416;background:#ffffffeb;box-shadow:0 1px 4px #0000002e;cursor:zoom-in;-webkit-tap-highlight-color:transparent;z-index:3}.myoc-stage__zoom:hover,.myoc-stage__zoom:focus-visible{background:#fff;outline:none}.myoc-stage .cc-overlay[hidden]{display:flex!important}.myoc-stage .cc-overlay__tag{bottom:12px}.myoc-stage__photos{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 4px;border:0;background:none;font:inherit;font-size:14px;color:#141416b3;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}.myoc-stage__photos:hover,.myoc-stage__photos:focus-visible{color:#141416;outline:none}.myoc-stage__mark{margin:10px 0;text-align:center;font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance}.myoc-preview-on>[data-product-media-container]{display:none!important}@media screen and (min-width:768px){.myoc-stage{display:none!important}.myoc-preview-on>[data-product-media-container]{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/myoc-preview.css.map */