{"version":3,"file":"strakture-onboarding.css","mappings":";;;AAAA,gBAAgB;AAChB;EACC;EACA;AACD;;AAEA;;EAEC;AACD;;AAEA;EACC;EACA;EACA;AACD;;AAEA;EACC;AACD;;AAEA;EACC;AACD;;AAEA;EACC;AACD;;AAGA;;;;EAIC;AAAD;;AAQA;EACC;IAAK;EAJJ;EAKD;IAAO;EAFN;AACF;AAIA;EACC;IAAK;IAAY;EAAhB;EACD;IAAO;IAAY;EAGlB;AACF;AADA;EACC;IAAK;EAIJ;AACF;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAED;;AACA;EACC;EACA;AAED;AAAC;EAJD;IAKE;EAGA;AACF;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAGD;AADC;EATD;IAUE;IACA;EAIA;AACF;;AADA;EACC;EACA;EACA;AAID;;AAAA;EACC,YAnEe;EAoEf,gBApEe;EAqEf;EACA;EACA;EACA;EACA;AAGD;AADC;EATD;IAUE;IACA;IACA;EAIA;AACF;;AADA;EACC;EACA;AAID;;AADA;EACC;AAID;AAFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAIF;AAFE;EACC;EACA;AAIH;AADE;EACC;AAGH;AADG;EACC;AAGJ;;AAGA;EACC;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;AAAD;;AAGA;EACC;EACA;AAAD;;AAGA;EACC;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;AAEC;EACC;EACA;AAAF;AAGC;EACC;EACA;AADF;AAGE;EACC;AADH;AAKC;EACC;EACA;AAHF;AAKE;EACC;AAHH;;AASA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAND;;AASA;EACC;EACA;EACA;EACA;EACA;EACA;AAND;AAQC;EACC;AANF;;AAWA;EACC;EACA;AARD;;AAWA;EACC;EACA;EACA;EACA;EACA;AARD;AAUC;EAPD;IAQE;IACA;IACA;EAPA;AACF;;AAUA;EACC;EACA;EACA;AAPD;;AAUA;EACC;EACA;AAPD;;AAUA;EACC;EACA;EACA;EACA;EACA;AAPD;;AAUA;EACC;EACA;EACA;EACA;AAPD;AASC;EACC;EACA;AAPF;AASE;EACC;AAPH;;AAYA;EACC;AATD;;AAYA;EACC;EACA;AATD;AAWC;EAJD;IAKE;EARA;AACF;;AAWA;EACC;EACA;AARD;AAUC;EACC;EACA;EACA;EACA;AARF;AAWC;EACC;EACA;EACA;EACA;AATF;AAYC;EACC;EACA;EACA;AAVF;AAYE;EACC;AAVH;;AAeA;EACC;AAZD;AAcC;EAHD;IAIE;EAXA;AACF;AAaC;EACC;EACA;EACA;AAXF;;AAeA;EACC;AAZD;;AAeA;EACC;AAZD;;AAeA;EACC;EACA;EACA;EACA;EACA;AAZD;AAcC;EACC;EACA;EACA;AAZF;AAeC;EACC;AAbF;;AAiBA;EACC;EACA;EACA;EACA;EACA;AAdD;;AAiBA;EACC;AAdD;AAgBC;EACC;AAdF;AAiBC;EACC;EACA;EACA;EACA;AAfF;AAkBC;EACC;EACA;EACA;AAhBF;AAkBE;EACC;EACA;EACA;EACA;EACA;AAhBH;AAkBG;EACC;EACA;EACA;EACA;AAhBJ;AAqBC;EACC;EACA;AAnBF;AAqBE;EACC;EACA;AAnBH;;AAyBA;EACC;EACA;EACA;EACA;AAtBD;AAwBC;EACC;EACA;EACA;AAtBF;AAyBC;EACC;EACA;EACA;EACA;AAvBF;AA0BC;EACC;EACA;EACA;AAxBF;AA0BE;EACC;EACA;EACA;EACA;AAxBH;AA0BG;EACC;EACA;EACA;EACA;AAxBJ;AA6BC;EACC;EACA;AA3BF;;AAgCA;EACC;EACA;EACA;AA7BD;AA+BC;EACC;EACA;AA7BF;AAgCC;EACC;EACA;AA9BF;;AAkCA;EACC;EACA;EACA;AA/BD;AAiCC;EACC;EACA;EACA;AA/BF;AAkCC;EACC;EACA;AAhCF;;AAqCA;;EAEC;EACA;AAlCD;AAoCC;EALD;;IAME;EAhCA;AACF;;AAmCA;EACC,YAheyB;EAiezB,gBAjeyB;EAkezB;EACA;EACA;EACA;AAhCD;AAkCC;EARD;IASE;IACA;IACA;IACA;EA/BA;AACF;AAiCC;EACC;EACA;AA/BF;AAkCC;EACC;EACA;EACA;AAhCF;;AAoCA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjCD;;AAqCA;EACC;EACA;EACA;AAlCD;;AAqCA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlCD;AAoCC;EACC;AAlCF;AAqCC;EACC;AAnCF;;AAuCA;EACC;EACA;AApCD;;AAuCA;EACC;EACA;AApCD;AAsCC;EACC;EACA;EACA;AApCF;;AAyCA;EACC;EACA;EACA;AAtCD;;AAyCA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtCD;AAwCC;EACC;AAtCF;AAyCC;EACC;AAvCF;;AA2CA;EACC;EACA;EACA;EACA;EACA;AAxCD;;AA2CA;EACC;EACA;AAxCD;;AA2CA;EACC;EACA;AAxCD;;AA2CA;EACC;EACA;AAxCD;;AA2CA;EACC;EACA;EACA;AAxCD;;AA4CA;EACC;EACA;EACA;EACA;AAzCD;;AA4CA;EACC;EACA;EACA;EACA;EACA;AAzCD;;AA4CA;EACC;EACA;AAzCD;AA2CC;EACC;EACA;EACA;EACA;AAzCF;;AA6CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1CD;AA6CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3CF;;AA+CA;EACC;EACA;EACA;EACA;EACA;AA5CD;AA8CC;EACC;AA5CF,C","sources":["webpack://strakture/./src/Onboarding/onboarding.scss"],"sourcesContent":["// Hide WP admin chrome for full-screen wizard.\nhtml.wp-toolbar {\n\tbackground: #1e1e1e;\n\tpadding-top: 0;\n}\n\ndiv#adminmenumain,\ndiv#wpadminbar {\n\tdisplay: none;\n}\n\ndiv#wpcontent {\n\tmargin: 0;\n\tpadding-left: 0;\n\tbackground: #1e1e1e;\n}\n\n#wpfooter {\n\tdisplay: none;\n}\n\n#wpwrap {\n\tbackground: #1e1e1e;\n}\n\n#wpbody-content {\n\tpadding-bottom: 0;\n}\n\n// Hide all admin notices on onboarding screen (TGMPA, updates, etc.)\n.notice,\n.updated,\n.update-nag,\n.settings-error {\n\tdisplay: none !important;\n}\n\n// ─── Variables ───\n$sidebar-width: 250px;\n$secondary-sidebar-width: 280px;\n\n// ─── Animations ───\n@keyframes straktureFadeIn {\n\t0% { opacity: 0; }\n\t100% { opacity: 1; }\n}\n\n@keyframes straktureFadeInUp {\n\t0% { opacity: 0; transform: translateY(20px); }\n\t100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes straktureSpinner {\n\tto { transform: rotate(360deg); }\n}\n\n// ─── Layout ───\n.strakture-onboarding {\n\t--strakture-dark-bg: #1e1e1e;\n\t--strakture-dark-hover: #2f2f2f;\n\t--strakture-accent: #7851D4;\n\t--strakture-light-bg: #F6F8FE;\n\t--strakture-border: #e0e0e0;\n\t--strakture-text: #4E5267;\n\t--strakture-heading: #1e1e1e;\n\t--strakture-muted: #949494;\n\t--strakture-success: #22c55e;\n\t--strakture-success-hover: #16a34a;\n\n\tanimation: straktureFadeIn 0.5s;\n\tmin-height: 100vh;\n}\n\n.strakture-onboarding__layout {\n\tdisplay: flex;\n\tmin-height: 100vh;\n\n\t@media (max-width: 1250px) {\n\t\tflex-direction: column;\n\t}\n}\n\n.strakture-onboarding__main {\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: #fff;\n\tmargin: 24px 24px 24px 0;\n\tborder-radius: 8px;\n\toverflow: hidden;\n\n\t@media (max-width: 1250px) {\n\t\tmargin: 0 20px 20px;\n\t\tborder-radius: 8px;\n\t}\n}\n\n.strakture-onboarding__content {\n\tflex: 1;\n\toverflow-y: auto;\n\tmin-height: 0;\n}\n\n// ─── Dark Sidebar ───\n.strakture-onboarding__sidebar {\n\twidth: $sidebar-width;\n\tmin-width: $sidebar-width;\n\tbackground: var(--strakture-dark-bg);\n\tpadding: 0 16px 30px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tcolor: #fff;\n\n\t@media (max-width: 1250px) {\n\t\twidth: 100%;\n\t\tmin-width: 100%;\n\t\tpadding: 0 20px 20px;\n\t}\n}\n\n.strakture-onboarding__sidebar-top {\n\tposition: relative;\n\tmargin-bottom: 20px;\n}\n\n.strakture-onboarding__back-to-dash {\n\tpadding: 20px 0 0 8px;\n\n\ta {\n\t\tcolor: var(--strakture-border);\n\t\ttext-decoration: none;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tfont-size: 13px;\n\t\tline-height: 1;\n\n\t\tsvg {\n\t\t\tfill: var(--strakture-border);\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: #fff;\n\n\t\t\tsvg {\n\t\t\t\tfill: #fff;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.strakture-onboarding__sidebar-header {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tmargin-top: 16px;\n\tpadding: 0 10px;\n}\n\n.strakture-onboarding__logo {\n\theight: 28px;\n\twidth: auto;\n}\n\n.strakture-onboarding__version {\n\tfont-size: 12px;\n\tcolor: var(--strakture-muted);\n}\n\n.strakture-onboarding__steps {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.strakture-onboarding__step {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 10px 10px 10px 16px;\n\tcolor: var(--strakture-muted);\n\tfont-size: 14px;\n\tborder-radius: 4px;\n\tmargin-bottom: 2px;\n\tcursor: pointer;\n\ttransition: none;\n\n\tsvg {\n\t\tfill: var(--strakture-muted);\n\t\tflex-shrink: 0;\n\t}\n\n\t&:hover {\n\t\tbackground: var(--strakture-dark-hover);\n\t\tcolor: #fff;\n\n\t\tsvg {\n\t\t\tfill: #fff;\n\t\t}\n\t}\n\n\t&.is-active {\n\t\tcolor: #fff;\n\t\tbackground: var(--strakture-dark-hover);\n\n\t\tsvg {\n\t\t\tfill: #fff;\n\t\t}\n\t}\n}\n\n// ─── Bottom Navigation ───\n.strakture-onboarding__nav {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: 20px;\n\tpadding: 20px 40px;\n\tborder-top: 1px solid var(--strakture-border);\n\tbackground: rgba(255, 255, 255, 0.9);\n}\n\n.strakture-onboarding__back-btn {\n\tbackground: none;\n\tborder: none;\n\tcolor: var(--strakture-text);\n\tcursor: pointer;\n\tfont-size: 14px;\n\tpadding: 0;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t}\n}\n\n// ─── Dashboard ───\n.strakture-onboarding__dashboard {\n\theight: 100%;\n\toverflow-y: auto;\n}\n\n.strakture-onboarding__dash-nav {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 16px 50px;\n\tborder-bottom: 1px solid var(--strakture-border);\n\n\t@media (max-width: 600px) {\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\tpadding: 16px 24px;\n\t}\n}\n\n.strakture-onboarding__dash-nav-left {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n}\n\n.strakture-onboarding__dash-nav-logo {\n\theight: 22px;\n\twidth: auto;\n}\n\n.strakture-onboarding__dash-nav-version {\n\tfont-size: 11px;\n\tcolor: var(--strakture-muted);\n\tbackground: var(--strakture-light-bg);\n\tpadding: 2px 8px;\n\tborder-radius: 10px;\n}\n\n.strakture-onboarding__dash-nav-right {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 13px;\n\n\ta {\n\t\tcolor: var(--strakture-text);\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: var(--strakture-heading);\n\t\t}\n\t}\n}\n\n.strakture-onboarding__dash-nav-sep {\n\tcolor: #ccc;\n}\n\n.strakture-onboarding__dash-hero {\n\tpadding: 60px 50px;\n\tbackground: var(--strakture-light-bg);\n\n\t@media (max-width: 600px) {\n\t\tpadding: 40px 24px;\n\t}\n}\n\n.strakture-onboarding__dash-hero-content {\n\tmax-width: 640px;\n\tanimation: straktureFadeInUp 0.5s;\n\n\th1 {\n\t\tfont-size: clamp(1.8rem, 1.8rem + 1vw, 2.4rem);\n\t\tline-height: 1.2;\n\t\tmargin: 0 0 16px;\n\t\tcolor: var(--strakture-heading);\n\t}\n\n\tp {\n\t\tfont-size: 16px;\n\t\tline-height: 1.7;\n\t\tcolor: var(--strakture-text);\n\t\tmargin: 0 0 30px;\n\t}\n\n\t.components-button.is-primary {\n\t\tpadding: 12px 24px;\n\t\theight: auto;\n\t\tfont-size: 15px;\n\n\t\tsvg {\n\t\t\tmargin-left: 4px;\n\t\t}\n\t}\n}\n\n.strakture-onboarding__dash-section {\n\tpadding: 50px;\n\n\t@media (max-width: 600px) {\n\t\tpadding: 32px 24px;\n\t}\n\n\th2 {\n\t\tfont-size: 1.4em;\n\t\tmargin: 0 0 24px;\n\t\tcolor: var(--strakture-heading);\n\t}\n}\n\n.strakture-onboarding__dash-section--alt {\n\tbackground: var(--strakture-light-bg);\n}\n\n.strakture-onboarding__dash-video {\n\tmax-width: 640px;\n}\n\n.strakture-onboarding__dash-video-link {\n\tdisplay: block;\n\tposition: relative;\n\tborder-radius: 8px;\n\toverflow: hidden;\n\tbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tdisplay: block;\n\t}\n\n\t&:hover .strakture-onboarding__dash-video-play {\n\t\ttransform: translate(-50%, -50%) scale(1.1);\n\t}\n}\n\n.strakture-onboarding__dash-video-play {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\ttransition: transform 0.2s;\n}\n\n.strakture-onboarding__dash-upgrade {\n\tbackground: #fff;\n\n\th2 {\n\t\tcolor: var(--strakture-heading);\n\t}\n\n\tp {\n\t\tcolor: var(--strakture-text);\n\t\tfont-size: 15px;\n\t\tline-height: 1.6;\n\t\tmargin: 0 0 20px;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tmargin: 0 0 24px;\n\n\t\tli {\n\t\t\tpadding: 6px 0;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: var(--strakture-text);\n\t\t\tposition: relative;\n\t\t\tpadding-left: 22px;\n\n\t\t\t&::before {\n\t\t\t\tcontent: \"\\2713\";\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tcolor: var(--strakture-success);\n\t\t\t}\n\t\t}\n\t}\n\n\t.strakture-onboarding__upgrade-btn.components-button.is-primary {\n\t\tbackground: var(--strakture-success);\n\t\tborder-color: var(--strakture-success);\n\n\t\t&:hover {\n\t\t\tbackground: var(--strakture-success-hover);\n\t\t\tborder-color: var(--strakture-success-hover);\n\t\t}\n\t}\n}\n\n// ─── Upgrade Widget (sidebar) ───\n.strakture-onboarding__upgrade {\n\tbackground: #2a2a2a;\n\tborder-radius: 8px;\n\tpadding: 30px;\n\tcolor: #ccc;\n\n\th3 {\n\t\tcolor: #fff;\n\t\tmargin: 0 0 10px;\n\t\tfont-size: 18px;\n\t}\n\n\tp {\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tmargin: 0 0 16px;\n\t\tcolor: #b0b0b0;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tmargin: 0 0 20px;\n\n\t\tli {\n\t\t\tpadding: 6px 0;\n\t\t\tfont-size: 14px;\n\t\t\tposition: relative;\n\t\t\tpadding-left: 20px;\n\n\t\t\t&::before {\n\t\t\t\tcontent: \"\\2713\";\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tcolor: var(--strakture-success);\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-button.is-primary {\n\t\twidth: 100%;\n\t\tjustify-content: center;\n\t}\n}\n\n// ─── Site Settings Step ───\n.strakture-onboarding__site-settings {\n\tmax-width: 600px;\n\tmargin: 0 auto;\n\tpadding: 60px 40px;\n\n\th2 {\n\t\tmargin: 0 0 8px;\n\t\tfont-size: 1.6em;\n\t}\n\n\t> p {\n\t\tcolor: var(--strakture-text);\n\t\tmargin: 0 0 40px;\n\t}\n}\n\n.strakture-onboarding__fields {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\n\t.components-text-control__input {\n\t\tfont-size: 15px;\n\t\tpadding: 10px 12px;\n\t\theight: 44px;\n\t}\n\n\t.components-base-control__label {\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t}\n}\n\n// ─── Colors & Typography Steps (shared layout) ───\n.strakture-onboarding__colors,\n.strakture-onboarding__typography {\n\tdisplay: flex;\n\theight: 100%;\n\n\t@media (max-width: 1250px) {\n\t\tflex-direction: column;\n\t}\n}\n\n.strakture-onboarding__secondary-sidebar {\n\twidth: $secondary-sidebar-width;\n\tmin-width: $secondary-sidebar-width;\n\tbackground: var(--strakture-light-bg);\n\tpadding: 40px 24px;\n\toverflow-y: auto;\n\tborder-right: 1px solid var(--strakture-border);\n\n\t@media (max-width: 1250px) {\n\t\twidth: 100%;\n\t\tmin-width: 100%;\n\t\tborder-right: none;\n\t\tborder-bottom: 1px solid var(--strakture-border);\n\t}\n\n\th2 {\n\t\tmargin: 0 0 8px;\n\t\tfont-size: 1.2em;\n\t}\n\n\t> p {\n\t\tcolor: var(--strakture-text);\n\t\tfont-size: 14px;\n\t\tmargin: 0 0 24px;\n\t}\n}\n\n.strakture-onboarding__preview-area {\n\tflex: 1;\n\tmin-width: 0;\n\tpadding: 40px;\n\tbackground: #f0f0f0;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: center;\n\toverflow: hidden;\n}\n\n// ─── Palette Cards ───\n.strakture-onboarding__palette-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n\n.strakture-onboarding__palette-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tpadding: 14px 16px;\n\tbackground: #fff;\n\tborder: 2px solid transparent;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\ttext-align: left;\n\ttransition: border-color 0.15s;\n\twidth: 100%;\n\n\t&:hover {\n\t\tborder-color: #ccc;\n\t}\n\n\t&.is-selected {\n\t\tborder-color: var(--strakture-accent);\n\t}\n}\n\n.strakture-onboarding__palette-title {\n\tfont-size: 13px;\n\tfont-weight: 600;\n}\n\n.strakture-onboarding__palette-colors {\n\tdisplay: flex;\n\tgap: 4px;\n\n\t.component-color-indicator {\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\tborder-radius: 50%;\n\t}\n}\n\n// ─── Font Cards ───\n.strakture-onboarding__font-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n\n.strakture-onboarding__font-card {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 14px;\n\tpadding: 14px 16px;\n\tbackground: #fff;\n\tborder: 2px solid transparent;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\ttext-align: left;\n\ttransition: border-color 0.15s;\n\twidth: 100%;\n\n\t&:hover {\n\t\tborder-color: #ccc;\n\t}\n\n\t&.is-selected {\n\t\tborder-color: var(--strakture-accent);\n\t}\n}\n\n.strakture-onboarding__font-preview {\n\tfont-size: 28px;\n\tfont-weight: 700;\n\tcolor: #333;\n\tmin-width: 40px;\n\ttext-align: center;\n}\n\n.strakture-onboarding__font-info {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.strakture-onboarding__font-title {\n\tfont-size: 13px;\n\tfont-weight: 600;\n}\n\n.strakture-onboarding__font-names {\n\tfont-size: 12px;\n\tcolor: var(--strakture-text);\n}\n\n.strakture-onboarding__no-options {\n\tcolor: var(--strakture-text);\n\tfont-size: 13px;\n\tfont-style: italic;\n}\n\n// ─── Preview Iframe ───\n.strakture-onboarding__preview {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tanimation: straktureFadeInUp 0.5s;\n}\n\n.strakture-onboarding__preview-browser {\n\tbackground: #fff;\n\tborder-radius: 8px 8px 0 0;\n\tpadding: 12px 16px;\n\tborder: 1px solid #ddd;\n\tborder-bottom: none;\n}\n\n.strakture-onboarding__preview-dots {\n\tdisplay: flex;\n\tgap: 6px;\n\n\tspan {\n\t\twidth: 10px;\n\t\theight: 10px;\n\t\tborder-radius: 50%;\n\t\tbackground: var(--strakture-border);\n\t}\n}\n\n.strakture-onboarding__preview-container {\n\tposition: relative;\n\toverflow: hidden;\n\tbackground: #fff;\n\tborder: 1px solid #ddd;\n\tborder-top: none;\n\tborder-radius: 0 0 8px 8px;\n\taspect-ratio: 16 / 9;\n\tmax-height: 50vh;\n\n\t// Loading spinner\n\t&::before {\n\t\tcontent: '';\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tmargin-top: -12px;\n\t\tmargin-left: -12px;\n\t\tborder-radius: 50%;\n\t\tborder: 2px solid var(--strakture-accent);\n\t\tborder-top-color: transparent;\n\t\tanimation: straktureSpinner 0.6s linear infinite;\n\t}\n}\n\n.strakture-onboarding__preview-iframe {\n\toverflow: hidden;\n\tborder: 0;\n\topacity: 0;\n\ttransition: opacity 0.3s;\n\tdisplay: block;\n\n\t&.is-loaded {\n\t\topacity: 1;\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}