.mt-theme-details{--mtd-preview-height: 700px;--mtd-stage-bg: #f3f4f6;--mtd-chrome-bg: #1f2937;--mtd-chrome-url-bg: rgba(255, 255, 255, .08);--mtd-chrome-text: #9ca3af;--mtd-device-bar-bg: #ffffff;--mtd-device-border: #e5e7eb;--mtd-device-active-bg: #111827;--mtd-device-active-text: #ffffff;--mtd-device-hover-bg: #f9fafb;--mtd-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--mtd-radius: 12px;--mtd-max-width: 1280px;--mtd-padding: 60px;padding:var(--mtd-padding) 24px;background:#121111}.mt-theme-details__inner{max-width:var(--mtd-max-width);margin:0 auto}.mt-theme-details__title{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;color:#111827;margin:0 0 24px;letter-spacing:-.02em}.mt-theme-details__preview-wrap{width:100%;max-width:100%;margin:0 auto;border-radius:var(--mtd-radius);overflow:hidden;box-shadow:var(--mtd-shadow);transition:max-width .42s cubic-bezier(.4,0,.2,1)}.mt-theme-details__chrome{display:flex;align-items:center;gap:12px;padding:0 16px;height:46px;background:var(--mtd-chrome-bg);flex-shrink:0}.mt-theme-details__chrome-dots{display:flex;align-items:center;gap:7px;flex-shrink:0}.mt-theme-details__dot{width:12px;height:12px;border-radius:50%;display:block;flex-shrink:0}.mt-theme-details__dot--red{background:#ef4444}.mt-theme-details__dot--yellow{background:#f59e0b}.mt-theme-details__dot--green{background:#10b981}.mt-theme-details__chrome-urlbar{flex:1;display:flex;align-items:center;gap:8px;background:#edf2fa;border-radius:6px;padding:5px 12px;min-width:0;max-width:560px;margin:0 auto}.mt-theme-details__chrome-lock{color:var(--mtd-chrome-text);display:flex;align-items:center;flex-shrink:0}.mt-theme-details__chrome-url-text{color:var(--mtd-chrome-text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,SF Mono,Fira Code,monospace;opacity:.85}.mt-theme-details__chrome-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mt-theme-details__chrome-new-tab{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#ffffff0f;color:var(--mtd-chrome-text);cursor:pointer;transition:background .15s ease,color .15s ease;text-decoration:none;flex-shrink:0}.mt-theme-details__chrome-new-tab:hover{background:#ffffff24;color:#fff}.mt-theme-details__stage{position:relative;background:var(--mtd-stage-bg);height:var(--mtd-preview-height);overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.mt-theme-details__viewport{position:relative;overflow:hidden;transition:width .42s cubic-bezier(.4,0,.2,1),height .42s cubic-bezier(.4,0,.2,1);will-change:width,height}.mt-theme-details__iframe{border:0;display:block;background:#fff;transform-origin:top left;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform;height:100%}.mt-theme-details__placeholder{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:var(--mtd-stage-bg);z-index:2}.mt-theme-details__placeholder-inner{text-align:center;padding:40px 24px;max-width:300px}.mt-theme-details__placeholder-text{margin:16px 0 6px;font-size:15px;color:#374151;font-weight:500}.mt-theme-details__placeholder-sub{margin:0;font-size:13px;color:#9ca3af;line-height:1.5}.mt-theme-details__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6eb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;transition:opacity .3s ease}.mt-theme-details__loading.is-hidden{opacity:0;pointer-events:none}@keyframes mtd-spin{to{transform:rotate(360deg)}}.mt-theme-details__spinner{width:36px;height:36px;border:3px solid rgba(17,24,39,.12);border-top-color:#111827;border-radius:50%;animation:mtd-spin .72s linear infinite}.mt-theme-details__device-bar{display:flex;align-items:center;justify-content:center;padding:10px 20px;position:relative}.mt-theme-details__device-group{display:flex;align-items:center;gap:4px}.mt-theme-details__device-divider{width:1px;height:18px;background:var(--mtd-device-border);margin:0 2px;flex-shrink:0}.mt-theme-details__device-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;gap:7px;padding:10px;border:none;border-radius:99px;background:transparent;color:#fff;cursor:pointer;transition:background .18s ease,color .18s ease;font-size:13px;font-weight:500;font-family:inherit;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.mt-theme-details__device-btn:hover:not(.is-active){background:var(--mtd-device-hover-bg);color:#374151}.mt-theme-details__device-btn.is-active{background:#66666663}.mt-theme-details__device-icon{display:flex;align-items:center;flex-shrink:0}.mt-theme-details__device-name{font-weight:500}.mt-theme-details__device-dim{font-size:11px;font-weight:400;opacity:.6;letter-spacing:0}.mt-theme-details__blocked{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#fffffff5;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20}.mt-theme-details__blocked-inner{text-align:center;padding:32px 24px;max-width:340px}.mt-theme-details__blocked-title{margin:16px 0 8px;font-size:15px;font-weight:600;color:#111827}.mt-theme-details__blocked-desc{margin:0 0 20px;font-size:13px;color:#6b7280;line-height:1.6}.mt-theme-details__blocked-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#111827;color:#fff;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .18s ease}.mt-theme-details__blocked-btn:hover{background:#374151}.mt-theme-details__width-badge{position:absolute;bottom:10px;right:12px;background:#111827a6;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:20px;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,SF Mono,monospace;letter-spacing:.02em;opacity:0;transition:opacity .25s ease;z-index:5}.mt-theme-details__stage.is-switching .mt-theme-details__width-badge{opacity:1}.mt-theme-details__fullscreen-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;border:none;border-radius:99px;background:transparent;color:#fff;cursor:pointer;transition:background .18s ease,color .18s ease;flex-shrink:0}.mt-theme-details__fullscreen-btn:hover,.mt-theme-details__fullscreen-btn.is-active{background:#66666663}.mt-theme-details__fullscreen-icon--compress,.mt-theme-details__fullscreen-btn.is-active .mt-theme-details__fullscreen-icon--expand{display:none}.mt-theme-details__fullscreen-btn.is-active .mt-theme-details__fullscreen-icon--compress{display:block}.mt-theme-details__preview-wrap:fullscreen,.mt-theme-details__preview-wrap:-webkit-full-screen{display:flex;flex-direction:column;max-width:100vw!important;width:100vw;height:100vh;border-radius:0;background:var(--mtd-stage-bg);overflow:hidden}.mt-theme-details__preview-wrap:fullscreen .mt-theme-details__stage,.mt-theme-details__preview-wrap:-webkit-full-screen .mt-theme-details__stage{flex:1;height:auto!important}@media(max-width:640px){.mt-theme-details{padding:40px 16px}.mt-theme-details__device-btn{padding:8px 12px;gap:5px}.mt-theme-details__device-name{display:none}.mt-theme-details__device-dim{font-size:12px;opacity:1}.mt-theme-details__chrome-urlbar{max-width:200px}}@media(max-width:400px){.mt-theme-details__device-dim{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mt-theme-details.css.map */