{"version":3,"file":"tabbed-docs/index.css","mappings":"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C,kBACA,aACA,UAEA,wBAEC,uBADA,sBACA,CAGD,mBAEC,mBAQA,6BAFA,mCAHA,uBAJA,aAMA,eAJA,SACA,kBAEA,+BAGA,yCACA,CAEA,0BAEC,uBADA,sBACA,CAGD,uBAGC,uBACA,cAFA,YAGA,wBAJA,UAIA,CAGD,yBACC,2BAEA,iCADA,yBAEA,0BAEA,6BACC,yBACA,qBAIF,qCAGC,uBADA,eAEA,gBAHA,gBAGA,CAIF,4BACC,gBAUH,qBAKC,2BAGA,kCAFA,mCALA,uBACA,eACA,gBACA,aAGA,iBACA,CAID,iBAGC,mBAIA,0EAOA,kCAFA,mCAXA,aACA,sBAWA,iBATA,uBACA,kBACA,iBAQA,CAEA,qBACC,uBACA,mBAGD,oBAIC,uBAFA,eACA,gBAFA,cAGA,CAGD,mBAEC,uBACA,eAFA,QAEA,CAQF,cAEC,mBAWA,sBAFA,oCADA,mCALA,mCAJA,oBAOA,yBADA,0BAHA,QADA,uBAMA,kBAHA,+BAMA,qDACA,CAEA,kBAGC,YAFA,wCACA,UACA,CAGD,oBACC,8BAEA,0CADA,oBACA,CAEA,wBACC,0BAIF,2BACC,2BACA,iCAEA,iCACC,8BACA,qBASH,qBACC,GACC,UACA,2BAED,GACC,UACA,yBAQF,aAEE,qDACC,uBAGD,+BACC,wBACA,wBAGD,mCAEC,gCADA,yBACA,ECr0BH,MAEE,qCACA,uBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBAEA,0BACA,sBACA,kBACA,eACA,gBACA,mBACA,mBACA,gBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,0BACA,sFACA,sFACA,uFAIA,sFACA,sFACA,uFACA,uFACA,uFACA,uFACA,uFACA,uFACA,uFACA,uFACA,uFACA,uFACA,uFAgDF,OACE,kCAGF,OACE,kCAGF,OACE,kCAQF,gCACE,kCCrGF,MACC,6CACA,0EAGA,kEACA,wCACA,2BACA,0CACA,8CACA,gDACA,gDACA,oBACA,qBACA,qBACA,qBACA,iCACA,mCACA,iCAQD,eAEC,mBAGA,mDAKA,mBAJA,WALA,oBAMA,eACA,gBALA,QASA,qBADA,gBAPA,gBAKA,wBAGA,CAEA,mBAEC,YADA,UACA,CAID,oCAGC,cAFA,gBACA,gBAEA,sBAKF,oBAEC,uBAGA,4EACA,qCACA,mCANA,aAEA,SAKA,mBAJA,YAIA,CAGA,mDAEC,0BADA,+BAEA,qCACA,sCAGD,sCAKC,mBAEA,mDACA,kBACA,WALA,aAHA,cAEA,YAGA,uBAJA,UAOA,CAEA,0CAEC,YADA,UACA,CAIF,yCACC,OAEA,gDAIC,cAHA,cACA,eACA,gBAEA,kBAGD,2CAGC,cADA,eAEA,gBAHA,cAGA,CAIF,sCAEC,mBAGA,mDAIA,kBAHA,qBALA,oBAMA,eACA,gBALA,QACA,iBAMA,+BACA,wBAEA,4CAEC,0CADA,yBACA,CAMH,qBACC,mBAGC,yDACC,cACA,kBAGD,oDAEC,eACA,gBAFA,cAEA,CAGD,oEAEC,mBAGA,mDAIA,kBAHA,qBALA,oBAMA,eACA,gBALA,QACA,iBAMA,+BAMH,mBAGC,mBAFA,aACA,sBAKA,QADA,YAFA,uBACA,UAEA,CAEA,2CAGC,wBAFA,eACA,gBAGA,qBACA,yCAFA,yBAGA,gEAGD,0CAEC,mBAEA,mDAIA,kBAGA,yCANA,qBAJA,oBAKA,eACA,gBAJA,iBAMA,+BACA,uBACA,CAEA,gDAEC,0CADA,0BACA,CAMH,mBACC,sCACA,mCACA,YAID,oBAEC,mBADA,iBACA,CAEA,wCAQC,mBAEA,6BACA,mCANA,YAEA,aAEA,uBANA,WAFA,kBAGA,YAFA,SAIA,UAKA,CAGD,wCAGC,qBAFA,WACA,mBACA,CAKF,qBAEC,mBAIA,mDACA,yBACA,mCACA,0CARA,aAEA,SAEA,mBADA,iBAKA,CAEA,+CAEC,mBAIA,mDACA,kBANA,aAOA,cAHA,YAFA,uBACA,UAIA,CAEA,mDACC,WAIF,kDAEC,aADA,OAEA,sBACA,QAEA,yDAGC,cAFA,eACA,eACA,CAGD,uDAEC,cADA,cACA,CAIF,8CAEC,mBAEA,mDAIA,kBAGA,yCANA,qBAJA,oBAKA,eACA,gBAJA,iBAMA,+BACA,uBACA,CAEA,oDAEC,0CADA,0BACA,CAUH,+BAEC,wBACA,oBACA,uBAEA,8GAGC,sBAID,oDACC,kCAGD,sDACC,kCAGD,oDACC,mCAID,+CACC,qBACA,qBACA,qBACA,qBAGD,gDACC,0CACA,+CACA,+CAGD,iDACC,0CACA,8CACA,iDACA,kDAKA,8EACC,aASA,8HACC,4BASD,8HACC,4BAOF,iEACC,iCACA,oCAEA,uEACC,wCACA,qBAMF,6DACC,iCACA,eACA,gBAEA,mEACC,iCAEA,gBADA,uCACA,CAOF,6DACC,mBAGD,6DACC,aAGD,8DACC,iBAMH,cACC,SAID,4BACC,gBAID,2CACC,Y","sources":["webpack:///./src/tabbed-docs/_common.scss","webpack:///./assets/scss/frontend/_variables.scss","webpack:///./src/tabbed-docs/editor.scss"],"sourcesContent":["/**\n * Tabbed Docs Block - Common Styles\n * Shared styles between editor and frontend\n * Contains all the core component styles\n *\n * @package EazyDocs\n */\n\n// ============================================\n// TAB NAVIGATION\n// ============================================\n\n// Tab Navigation Container\n.ezd-tabs-sliders {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\tmargin-bottom: 24px;\n\tbackground: var(--bs-white);\n\tpadding: 6px;\n\tborder-radius: var(--ezd-radius-lg);\n\tborder: 1px solid var(--black_50);\n\tbox-shadow: var(--ezd-shadow-sm);\n}\n\n// Scroller Buttons\n.ezd-scroller-btn {\n\tcursor: pointer;\n\twidth: 32px;\n\theight: 32px;\n\tmin-width: 32px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: var(--black_400);\n\tborder-radius: var(--ezd-radius-sm);\n\ttransition: all var(--ezd-transition-fast);\n\tbackground: transparent;\n\tflex-shrink: 0;\n\tborder: none;\n\n\t&:hover {\n\t\tbackground: var(--black_50);\n\t\tcolor: var(--black_800);\n\t}\n\n\t&.ezd-inactive {\n\t\topacity: 0.3;\n\t\tpointer-events: none;\n\t}\n\n\tsvg {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n}\n\n// Tab Menu\n.ezd-tab-menu {\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\toverflow-x: auto;\n\tmargin: 0;\n\tpadding: 0 !important;\n\tscrollbar-width: none;\n\t-ms-overflow-style: none;\n\tflex: 1;\n\tgap: 6px;\n\tlist-style: none;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n}\n\n// Tab Item\n.ezd-nav-item {\n\tflex-shrink: 0;\n\tmargin: 0;\n\tlist-style: none !important;\n\tpadding: 0;\n\n\t// Tab Link\n\t.ezd-nav-link {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tpadding: 10px 18px;\n\t\tcolor: var(--black_600);\n\t\ttext-decoration: none;\n\t\tfont-weight: 500;\n\t\tfont-size: 14px;\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t\tborder-radius: var(--ezd-radius-md);\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\ttext-decoration: none !important;\n\t\ttransition: background-color var(--ezd-transition-normal);\n\n\t\t&:hover {\n\t\t\tbackground: var(--ezd-primary-light);\n\t\t\tcolor: var(--black_800);\n\t\t}\n\n\t\t&.ezd-active {\n\t\t\tbackground: var(--ezd-primary);\n\t\t\tcolor: #fff;\n\t\t\tbox-shadow: var(--ezd-shadow-md);\n\n\t\t\t.ezd-tab-count {\n\t\t\t\tbackground: rgba(255, 255, 255, 0.25);\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Tab Icon\n.ezd-tab-icon {\n\twidth: 24px;\n\theight: 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: var(--ezd-radius-sm);\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t.ezd-tab-icon-img {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tborder-radius: var(--ezd-radius-sm);\n\t}\n}\n\n// Tab Text\n.ezd-tab-text {\n\tflex: 1;\n}\n\n// Tab Count Badge\n.ezd-tab-count {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-width: 22px;\n\theight: 22px;\n\tpadding: 0 7px;\n\tbackground: var(--ezd-primary-light);\n\tcolor: var(--ezd-primary);\n\tfont-size: 11px;\n\tfont-weight: 600;\n\tborder-radius: 11px;\n}\n\n// ============================================\n// TAB STYLE VARIANTS\n// ============================================\n\n.ezd-tab-style-default {\n\t.ezd-tabs-sliders {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tborder-bottom: 2px solid var(--black_50);\n\t\tborder-radius: 0;\n\t\tpadding: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ezd-nav-link {\n\t\tborder-radius: 0;\n\t\tposition: relative;\n\t\tpadding: 14px 20px;\n\t\ttext-decoration: none !important;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 0;\n\t\t\theight: 2px;\n\t\t\tbackground: linear-gradient(\n\t\t\t\t90deg,\n\t\t\t\tvar(--ezd-gradient-start),\n\t\t\t\tvar(--ezd-gradient-end)\n\t\t\t);\n\t\t\ttransition: width 0.3s ease;\n\t\t}\n\n\t\t&.ezd-active {\n\t\t\tbackground: transparent;\n\t\t\tcolor: var(--ezd-primary);\n\t\t\tbox-shadow: none;\n\n\t\t\t&::after {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.ezd-tab-count {\n\t\t\t\tbackground: var(--ezd-primary-light);\n\t\t\t\tcolor: var(--ezd-primary);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.ezd-tab-style-rounded {\n\t.ezd-tabs-sliders {\n\t\tbackground: var(--black_50);\n\t\tborder-radius: 50px;\n\t\tpadding: 6px;\n\t}\n\n\t.ezd-nav-link {\n\t\tborder-radius: 50px;\n\t\tpadding: 10px 22px;\n\t\ttext-decoration: none !important;\n\t}\n}\n\n.ezd-tab-style-pill {\n\t.ezd-tabs-sliders {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tgap: 8px;\n\t\tbox-shadow: none;\n\t}\n\n\t.ezd-tab-menu {\n\t\tgap: 8px;\n\t}\n\n\t.ezd-nav-link {\n\t\tbackground: var(--black_50);\n\t\tborder-radius: var(--ezd-radius-md);\n\t\tpadding: 10px 20px;\n\t\ttext-decoration: none !important;\n\n\t\t&.ezd-active {\n\t\t\tbackground-color: var(--ezd-primary);\n\t\t}\n\t}\n}\n\n.ezd-tab-style-boxed {\n\t.ezd-tabs-sliders {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ezd-tab-menu {\n\t\tgap: 0;\n\t}\n\n\t.ezd-nav-item {\n\t\t&:first-child .ezd-nav-link {\n\t\t\tborder-radius: var(--ezd-radius-md) 0 0 var(--ezd-radius-md);\n\t\t}\n\n\t\t&:last-child .ezd-nav-link {\n\t\t\tborder-radius: 0 var(--ezd-radius-md) var(--ezd-radius-md) 0;\n\t\t}\n\t}\n\n\t.ezd-nav-link {\n\t\tborder-radius: 0;\n\t\tborder: 1px solid var(--black_50);\n\t\tmargin-left: -1px;\n\t\tbackground: var(--bs-white);\n\n\t\t&.ezd-active {\n\t\t\tborder-color: var(--ezd-primary);\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n\n.ezd-tab-style-underline {\n\t.ezd-tabs-sliders {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tborder-bottom: 1px solid var(--black_50);\n\t\tborder-radius: 0;\n\t\tpadding: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ezd-nav-link {\n\t\tborder-radius: 5px 5px 0 0;\n\t\tpadding: 12px 10px;\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tbottom: -1px;\n\t\t\tleft: 0;\n\t\t\twidth: 0;\n\t\t\theight: 2px;\n\t\t\tbackground: var(--ezd-primary);\n\t\t\ttransition: width 0.3s ease;\n\t\t}\n\n\t\t&.ezd-active {\n\t\t\tbackground: transparent;\n\t\t\tcolor: var(--ezd-primary);\n\t\t\tbox-shadow: none;\n\n\t\t\t&::after {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.ezd-tab-count {\n\t\t\t\tbackground: var(--ezd-primary);\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.ezd-tab-style-gradient {\n\t.ezd-tabs-sliders {\n\t\tbackground: linear-gradient(\n\t\t\t135deg,\n\t\t\trgba(99, 102, 241, 0.05) 0%,\n\t\t\trgba(139, 92, 246, 0.05) 100%\n\t\t);\n\t\tborder: 1px solid rgba(99, 102, 241, 0.1);\n\t}\n\n\t.ezd-nav-link.ezd-active {\n\t\tbackground: linear-gradient(\n\t\t\t135deg,\n\t\t\tvar(--ezd-gradient-start) 0%,\n\t\t\tvar(--ezd-gradient-end) 100%\n\t\t);\n\t}\n}\n\n.ezd-tab-style-glass {\n\t.ezd-tabs-sliders {\n\t\tbackground: rgba(255, 255, 255, 0.7);\n\t\tbackdrop-filter: blur(10px);\n\t\tborder: 1px solid rgba(255, 255, 255, 0.5);\n\t}\n\n\t.ezd-nav-link.ezd-active {\n\t\tbackground: rgba(99, 102, 241, 0.15);\n\t\tcolor: var(--ezd-primary);\n\t\tbackdrop-filter: blur(10px);\n\t\tbox-shadow: none;\n\n\t\t.ezd-tab-count {\n\t\t\tbackground: var(--ezd-primary);\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n}\n\n// ============================================\n// TAB CONTENT\n// ============================================\n\n.ezd-tab-content {\n\t.ezd-tab-pane {\n\t\tdisplay: none;\n\t\tanimation: ezdFadeIn 0.3s ease;\n\n\t\t&.ezd-active {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n// ============================================\n// GRID LAYOUT\n// ============================================\n\n.ezd-grid {\n\tdisplay: grid;\n\tgap: var(--ezd-grid-gap);\n\n\t&.ezd-column-1 {\n\t\tgrid-template-columns: 1fr;\n\t}\n\t&.ezd-column-2 {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\t&.ezd-column-3 {\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t}\n\t&.ezd-column-4 {\n\t\tgrid-template-columns: repeat(4, 1fr);\n\t}\n\t&.ezd-column-5 {\n\t\tgrid-template-columns: repeat(5, 1fr);\n\t}\n\t&.ezd-column-6 {\n\t\tgrid-template-columns: repeat(6, 1fr);\n\t}\n\n\t@media (max-width: 992px) {\n\t\t&.ezd-column-4,\n\t\t&.ezd-column-5,\n\t\t&.ezd-column-6 {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\t}\n\n\t@media (max-width: 768px) {\n\t\tgrid-template-columns: 1fr !important;\n\t}\n}\n\n// ============================================\n// MASONRY LAYOUT\n// ============================================\n.ezd-masonry-wrap {\n\tcolumn-gap: var(--ezd-grid-gap);\n\n\t&.ezd-masonry-col-1 {\n\t\tcolumn-count: 1;\n\t}\n\t&.ezd-masonry-col-2 {\n\t\tcolumn-count: 2;\n\t}\n\t&.ezd-masonry-col-3 {\n\t\tcolumn-count: 3;\n\t}\n\t&.ezd-masonry-col-4 {\n\t\tcolumn-count: 4;\n\t}\n\n\t// Prevent cards from breaking across columns\n\t.ezd-section-card {\n\t\tbreak-inside: avoid;\n\t\tpage-break-inside: avoid;\n\t\t-webkit-column-break-inside: avoid;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t\tmargin-bottom: var(--ezd-grid-gap);\n\n\t\t// Override card item styles for masonry\n\t\t.ezd-doc-tag-item {\n\t\t\tmargin-bottom: 0;\n\t\t\theight: auto;\n\t\t}\n\t}\n\n\t@media (max-width: 992px) {\n\t\t&.ezd-masonry-col-4 {\n\t\t\tcolumn-count: 2;\n\t\t}\n\t}\n\n\t@media (max-width: 768px) {\n\t\tcolumn-count: 1 !important;\n\t}\n}\n\n// Topic List Inner\n.ezd-topic-list-inner {\n\tpadding: 8px 0;\n}\n\n// ============================================\n// SECTION CARD\n// ============================================\n\n.ezd-section-card {\n\t.ezd-doc-tag-item {\n\t\tbackground: var(--bs-white);\n\t\tborder-radius: var(--ezd-card-radius);\n\t\tpadding: var(--ezd-card-padding);\n\t\tborder: 1px solid var(--black_50);\n\t\ttransition: all var(--ezd-transition-normal);\n\t\tbox-shadow: var(--ezd-shadow-sm);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t}\n}\n\n// ============================================\n// CARD STYLE VARIANTS\n// ============================================\n\n.ezd-card-style-elevated .ezd-doc-tag-item {\n\tbox-shadow: var(--ezd-shadow-md);\n\tborder-color: transparent;\n\n\t&:hover {\n\t\tbox-shadow: var(--ezd-shadow-xl);\n\t\ttransform: translateY(-5px);\n\t}\n}\n\n.ezd-card-style-bordered .ezd-doc-tag-item {\n\tbox-shadow: none;\n\tborder: 1px solid var(--black_50);\n\n\t&:hover {\n\t\tborder-color: var(--ezd-primary);\n\t\tbox-shadow: var(--ezd-shadow-sm);\n\t}\n}\n\n.ezd-card-style-flat .ezd-doc-tag-item {\n\tbox-shadow: none;\n\tbackground: var(--black_50);\n\tborder: none;\n\n\t&:hover {\n\t\tbackground: var(--black_25);\n\t}\n}\n\n.ezd-card-style-minimal .ezd-doc-tag-item {\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 24px 0;\n\tborder-bottom: 1px solid var(--black_50);\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n\n.ezd-card-style-glass .ezd-doc-tag-item {\n\tbackground: rgba(255, 255, 255, 0.7);\n\tbackdrop-filter: blur(12px);\n\tborder: 1px solid rgba(255, 255, 255, 0.6);\n\tbox-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);\n}\n\n.ezd-card-style-gradient-border .ezd-doc-tag-item {\n\tbackground: var(--bs-white);\n\tborder: 2px solid transparent;\n\tbackground-clip: padding-box;\n\tposition: relative;\n\tbox-shadow: var(--ezd-shadow-sm);\n\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: -2px;\n\t\tborder-radius: calc(var(--ezd-card-radius) + 2px);\n\t\tbackground: linear-gradient(\n\t\t\t135deg,\n\t\t\tvar(--ezd-gradient-start),\n\t\t\tvar(--ezd-gradient-end)\n\t\t);\n\t\tz-index: -1;\n\t\topacity: 0.4;\n\t\ttransition: opacity var(--ezd-transition-normal);\n\t}\n\n\t&:hover::before {\n\t\topacity: 1;\n\t}\n}\n\n// ============================================\n// DOC TAG TITLE\n// ============================================\n\n.ezd-doc-tag-title {\n\tmargin-bottom: 24px;\n\n\t.ezd-item-title {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 16px;\n\t\tfont-size: 20px;\n\t\tfont-weight: 700;\n\t\tcolor: var(--black_800);\n\t\tmargin: 0 0 16px;\n\t\tline-height: 1.3;\n\t\tletter-spacing: -0.02em;\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: none;\n\t\t\tbackground-image: linear-gradient(var(--ezd-primary), var(--ezd-primary));\n\t\t\tbackground-size: 0% 2px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: left bottom;\n\t\t\ttransition: background-size 0.3s ease, color 0.3s ease;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: var(--ezd-primary);\n\t\t\t}\n\t\t}\n\t}\n\n\t.ezd-section-count {\n\t\tfont-size: 11px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--ezd-primary);\n\t\tbackground: var(--ezd-primary-light);\n\t\tpadding: 4px 10px;\n\t\tborder-radius: 20px;\n\t\twhite-space: nowrap;\n\t\tflex-shrink: 0;\n\t\tletter-spacing: 0.02em;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.ezd-line {\n\t\theight: 2px;\n\t\tbackground: var(--black_50);\n\t\tposition: relative;\n\t\tborder-radius: 2px;\n\t\toverflow: hidden;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 60px;\n\t\t\tbackground: linear-gradient(\n\t\t\t\t90deg,\n\t\t\t\tvar(--ezd-gradient-start),\n\t\t\t\tvar(--ezd-gradient-end)\n\t\t\t);\n\t\t\tborder-radius: 2px;\n\t\t}\n\t}\n}\n\n// ============================================\n// TAG LIST\n// ============================================\n\n.ezd-tag-list {\n\tlist-style: none !important;\n\tmargin: 0 0 24px !important;\n\tpadding: 0 !important;\n\tflex-grow: 1;\n\n\tli {\n\t\tmargin-bottom: 4px;\n\t\tmargin-top: 0;\n\t\tpadding: 0;\n\n\t\t&::before {\n\t\t\tdisplay: none !important;\n\t\t\tcontent: none !important;\n\t\t}\n\n\t\ta {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 12px;\n\t\t\tpadding: 12px 16px;\n\t\t\tcolor: var(--black_600);\n\t\t\ttext-decoration: none !important;\n\t\t\tfont-size: 15px;\n\t\t\tborder-radius: var(--ezd-radius-md);\n\t\t\ttransition: all var(--ezd-transition-fast);\n\t\t\tborder: 1px solid transparent;\n\n\t\t\t&::before {\n\t\t\t\tdisplay: none !important;\n\t\t\t\tcontent: none !important;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tcolor: var(--black_400);\n\t\t\t\tflex-shrink: 0;\n\t\t\t\ttransition: all 0.2s ease;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground: var(--black_25);\n\t\t\t\tcolor: var(--ezd-primary);\n\t\t\t\tborder-color: rgba(99, 102, 241, 0.1);\n\t\t\t\ttransform: translateX(4px);\n\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var(--ezd-primary);\n\t\t\t\t\ttransform: scale(1.1);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ezd-article-date {\n\t\t\t\tmargin-left: auto;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--black_400);\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n// ============================================\n// MESSAGES\n// ============================================\n\n// No Articles Message\n.ezd-no-articles-msg {\n\tcolor: var(--black_400);\n\tfont-size: 14px;\n\tmargin: 0 0 24px;\n\tpadding: 20px;\n\tbackground: var(--black_50);\n\tborder-radius: var(--ezd-radius-md);\n\ttext-align: center;\n\tborder: 1px dashed var(--black_50);\n}\n\n// No Sections State\n.ezd-no-sections {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 60px 40px;\n\ttext-align: center;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\tvar(--black_25) 0%,\n\t\tvar(--black_50) 100%\n\t);\n\tborder-radius: var(--ezd-radius-lg);\n\tgrid-column: 1 / -1;\n\tborder: 2px dashed var(--black_50);\n\n\tsvg {\n\t\tcolor: var(--black_400);\n\t\tmargin-bottom: 16px;\n\t}\n\n\th3 {\n\t\tmargin: 0 0 8px;\n\t\tfont-size: 18px;\n\t\tfont-weight: 600;\n\t\tcolor: var(--black_800);\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcolor: var(--black_400);\n\t\tfont-size: 14px;\n\t}\n}\n\n// ============================================\n// BUTTONS\n// ============================================\n\n.ezd-text-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\tcolor: var(--ezd-primary) !important;\n\ttext-decoration: none !important;\n\tfont-weight: 600 !important;\n\tfont-size: 14px !important;\n\tpadding: 10px 20px;\n\tborder-radius: var(--ezd-radius-md);\n\tbackground: var(--ezd-primary-light);\n\ttransition: all var(--ezd-transition-normal) !important;\n\talign-self: flex-start;\n\n\tsvg {\n\t\ttransition: transform 0.2s ease !important;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\t&:hover {\n\t\tbackground: var(--ezd-primary);\n\t\tcolor: #ffffff !important;\n\t\tbox-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);\n\n\t\tsvg {\n\t\t\ttransform: translateX(4px);\n\t\t}\n\t}\n\n\t&.ezd-dark-btn {\n\t\tbackground: var(--black_50);\n\t\tcolor: var(--black_800) !important;\n\n\t\t&:hover {\n\t\t\tbackground: var(--ezd-primary);\n\t\t\tcolor: #ffffff !important;\n\t\t}\n\t}\n}\n\n// ============================================\n// ANIMATIONS\n// ============================================\n\n@keyframes ezdFadeIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(10px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n// ============================================\n// PRINT STYLES\n// ============================================\n\n@media print {\n\t.ezd-tabbed-docs {\n\t\t.ezd-tabs-sliders .ezd-scroller-btn {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\t.ezd-tab-pane {\n\t\t\tdisplay: block !important;\n\t\t\tpage-break-inside: avoid;\n\t\t}\n\n\t\t.ezd-doc-tag-item {\n\t\t\tbox-shadow: none !important;\n\t\t\tborder: 1px solid #ddd !important;\n\t\t}\n\t}\n}\n","/* Colors */\n:root {\n  // EazyDocs brand color shades\n  --ezd-color-10: rgba(171, 198, 245, 0.22);\n  --ezd-color-25: #cee0ff;\n  --ezd-color-50: #b5d1ff;\n  --ezd-color-100: #9cc2ff;\n  --ezd-color-200: #84b2ff;\n  --ezd-color-300: #6ba3ff;\n  --ezd-color-400: #5294ff;\n  --ezd-color-500: #3985ff;\n\n  --secondary_color: #1d2746;\n  --green_color: #27ae60;\n  --p_color: #425466;\n  --body_bg: #fff;\n  --bs-white: #fff;\n  --black_25: #f9f9f9;\n  --black_50: #f2f2f2;\n  --black_75: #eeeeee;\n  --black_100: #d6d9dc;\n  --black_150: #c8ccd0;\n  --black_200: #bbc0c4;\n  --black_300: #9fa6ad;\n  --black_350: #9199a1;\n  --black_400: #848d95;\n  --black_500: #6a737c;\n  --black_600: #535a60;\n  --black_700: #3c4146;\n  --black_750: #2f3337;\n  --black_800: #242729;\n  --black_900: #0c0d0e;\n  --border_on_white: #e6edf0;\n  --bs_sm: 0 1px 2px rgba(0, 0, 0, 0.05),0 1px 4px rgba(0, 0, 0, 0.05),0 2px 8px rgba(0, 0, 0, 0.05);\n  --bs_md: 0 1px 3px rgba(0, 0, 0, 0.06),0 2px 6px rgba(0, 0, 0, 0.06),0 3px 8px rgba(0, 0, 0, 0.09);\n  --bs_lg: 0 1px 4px rgba(0, 0, 0, 0.09),0 3px 8px rgba(0, 0, 0, 0.09),0 4px 13px rgba(0, 0, 0, 0.13);\n\n  // Dynamic brand color RGBA variants using CSS color-mix()\n  // These replace the static SCSS brand_color_rgba() function for dynamic color support\n  --ezd_brand_color_05: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 5%, transparent);\n  --ezd_brand_color_07: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 7%, transparent);\n  --ezd_brand_color_10: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 10%, transparent);\n  --ezd_brand_color_15: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 15%, transparent);\n  --ezd_brand_color_20: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 20%, transparent);\n  --ezd_brand_color_25: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 25%, transparent);\n  --ezd_brand_color_30: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 30%, transparent);\n  --ezd_brand_color_40: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 40%, transparent);\n  --ezd_brand_color_50: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 50%, transparent);\n  --ezd_brand_color_60: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 60%, transparent);\n  --ezd_brand_color_70: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 70%, transparent);\n  --ezd_brand_color_80: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 80%, transparent);\n  --ezd_brand_color_90: color-mix(in srgb, var(--ezd_brand_color, #0870ff) 90%, transparent);\n}\n\n/*font Variables*/\n$rob: \"Roboto\", sans-serif;\n\n// Mixins\n@mixin transition(\n  $property: all,\n  $duration: 300ms,\n  $animate: linear,\n  $delay: 0s\n) {\n  transition: $property $duration $animate $delay;\n}\n\n/**=== Functions ===**/\n/**\n * @deprecated Use CSS custom properties instead: var(--ezd_brand_color_XX) where XX is the opacity percentage (05, 10, 20, etc.)\n * This function uses a hardcoded color and is kept for backward compatibility only.\n * The new CSS color-mix() based variables dynamically inherit from --ezd_brand_color.\n * \n * Migration guide:\n * - brand_color_rgba(0.1)  -> var(--ezd_brand_color_10)\n * - brand_color_rgba(0.2)  -> var(--ezd_brand_color_20)\n * - brand_color_rgba(0.8)  -> var(--ezd_brand_color_80)\n */\n@function brand_color_rgba($alpha) {\n  @return rgba(8, 112, 255, $alpha);\n}\n\n// Placeholder Mixins\n@mixin placeholder {\n  &.placeholder {\n    @content;\n  }\n  &:-moz-placeholder {\n    @content;\n  }\n  &::-moz-placeholder {\n    @content;\n  }\n  &::-webkit-input-placeholder {\n    @content;\n  }\n}\n\n// Shadow variations\n.bs-sm {\n  box-shadow: var(--bs_sm) !important;\n}\n\n.bs-md {\n  box-shadow: var(--bs_md) !important;\n}\n\n.bs-lg {\n  box-shadow: var(--bs_lg) !important;\n}\n\n/** Hover Classes **/\n.h\\:bs-md:hover {\n  box-shadow: var(--bs_md) !important;\n}\n\n.h\\:bs-lg:hover {\n  box-shadow: var(--bs_md) !important;\n}","/**\n * Tabbed Docs Block - Editor Styles\n * Enhanced UI/UX with ezd- prefixed classes for style isolation\n * Includes Pro badge and locked control styles\n *\n * @package EazyDocs\n */\n\n// Import shared variables and common styles\n@use \"common\";\n@import \"../../assets/scss/frontend/variables.scss\";\n\n// ============================================\n// CSS VARIABLES - Scoped to the block editor\n// ============================================\n\n:root {\n\t--ezd-primary: var(--ezd_brand_color, #6366f1);\n\t--ezd-primary-light: color-mix(in srgb,\n\t\t\tvar(--ezd-primary) 15%,\n\t\t\ttransparent);\n\t--ezd-primary-dark: color-mix(in srgb, var(--ezd-primary) 80%, #000);\n\t--ezd-gradient-start: var(--ezd-primary);\n\t--ezd-gradient-end: #8b5cf6;\n\t--ezd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n\t--ezd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n\t--ezd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\t--ezd-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n\t--ezd-radius-sm: 6px;\n\t--ezd-radius-md: 10px;\n\t--ezd-radius-lg: 16px;\n\t--ezd-radius-xl: 24px;\n\t--ezd-transition-fast: 150ms ease;\n\t--ezd-transition-normal: 250ms ease;\n\t--ezd-transition-slow: 400ms ease;\n}\n\n// ============================================\n// PRO FEATURE STYLES (Editor-only)\n// ============================================\n\n// Pro Badge Styles\n.ezd-pro-badge {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tpadding: 2px 8px;\n\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\tcolor: #fff;\n\tfont-size: 10px;\n\tfont-weight: 600;\n\ttext-transform: uppercase;\n\tborder-radius: 12px;\n\tmargin-left: 8px;\n\tletter-spacing: 0.02em;\n\n\tsvg {\n\t\twidth: 10px;\n\t\theight: 10px;\n\t}\n\n\t// Inline variant for labels\n\t&.ezd-pro-badge-inline {\n\t\tmargin-left: 6px;\n\t\tpadding: 1px 6px;\n\t\tfont-size: 9px;\n\t\tvertical-align: middle;\n\t}\n}\n\n// Upgrade Notice Styles\n.ezd-upgrade-notice {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 12px;\n\tpadding: 14px;\n\tbackground: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(217, 119, 6, 0.08) 100%);\n\tborder: 1px solid rgba(245, 158, 11, 0.2);\n\tborder-radius: var(--ezd-radius-md);\n\tmargin-bottom: 16px;\n\n\t// Transparent variant for overlay\n\t&.ezd-upgrade-notice-transparent {\n\t\tbackground: rgba(255, 255, 255, 0.85);\n\t\tbackdrop-filter: blur(4px);\n\t\tborder: 1px solid rgba(245, 158, 11, 0.3);\n\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n\t}\n\n\t.ezd-upgrade-icon {\n\t\tflex-shrink: 0;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\t\tborder-radius: 50%;\n\t\tcolor: #fff;\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\t.ezd-upgrade-content {\n\t\tflex: 1;\n\n\t\tstrong {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #92400e;\n\t\t\tmargin-bottom: 2px;\n\t\t}\n\n\t\tp {\n\t\t\tmargin: 0 0 6px;\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #b45309;\n\t\t\tline-height: 1.4;\n\t\t}\n\t}\n\n\t.ezd-upgrade-link {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tpadding: 4px 10px;\n\t\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\t\tcolor: #fff !important;\n\t\tfont-size: 11px;\n\t\tfont-weight: 600;\n\t\tborder-radius: 5px;\n\t\ttext-decoration: none !important;\n\t\ttransition: all 0.2s ease;\n\n\t\t&:hover {\n\t\t\ttransform: translateX(2px);\n\t\t\tbox-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);\n\t\t}\n\t}\n}\n\n// Pro Demo Notice - Warning notice in inspector\n.ezd-pro-demo-notice {\n\tmargin-bottom: 12px;\n\n\t.ezd-pro-demo-notice-content {\n\t\tstrong {\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: 4px;\n\t\t}\n\n\t\tp {\n\t\t\tmargin: 0 0 8px;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 1.4;\n\t\t}\n\n\t\t.ezd-upgrade-link {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 4px;\n\t\t\tpadding: 4px 10px;\n\t\t\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\t\t\tcolor: #fff !important;\n\t\t\tfont-size: 11px;\n\t\t\tfont-weight: 600;\n\t\t\tborder-radius: 5px;\n\t\t\ttext-decoration: none !important;\n\t\t}\n\t}\n}\n\n// Pro Watermark - Large centered PRO text with upgrade button (like screenshot)\n.ezd-pro-watermark {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100%;\n\theight: 100%;\n\tgap: 8px;\n\n\t.ezd-pro-watermark-text {\n\t\tfont-size: 24px;\n\t\tfont-weight: 800;\n\t\tcolor: rgba(120, 120, 120, 0.6);\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.15em;\n\t\ttext-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);\n\t\tuser-select: none;\n\t}\n\n\t.ezd-pro-watermark-btn {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 6px 14px;\n\t\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\t\tcolor: #fff !important;\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\tborder-radius: 6px;\n\t\ttext-decoration: none !important;\n\t\ttransition: all 0.2s ease;\n\t\tbox-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-1px);\n\t\t\tbox-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);\n\t\t}\n\t}\n}\n\n// Pro Demo Mode - Dashed border indicator\n.ezd-pro-demo-mode {\n\tborder: 2px dashed rgba(245, 158, 11, 0.5);\n\tborder-radius: var(--ezd-radius-lg);\n\tpadding: 4px;\n}\n\n// Locked Control Wrapper - Grayed with PRO watermark (like screenshot)\n.ezd-locked-control {\n\tposition: relative;\n\tmargin-bottom: 16px;\n\n\t.ezd-locked-overlay {\n\t\tposition: absolute;\n\t\ttop: -5px;\n\t\tleft: -12px;\n\t\tright: -12px;\n\t\tbottom: -5px;\n\t\tz-index: 10;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: rgba(95, 95, 95, 0.3);\n\t\tborder-radius: var(--ezd-radius-md);\n\t}\n\n\t.ezd-locked-content {\n\t\topacity: 0.4;\n\t\tpointer-events: none;\n\t\tfilter: grayscale(0.3);\n\t}\n}\n\n// Pro Demo Banner - Improved design\n.ezd-pro-demo-banner {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 12px 16px;\n\tmargin-bottom: 16px;\n\tbackground: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n\tborder: 1px solid #f59e0b;\n\tborder-radius: var(--ezd-radius-md);\n\tbox-shadow: 0 2px 8px rgba(245, 158, 11, 0.15);\n\n\t.ezd-pro-demo-banner-icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\t\tborder-radius: 50%;\n\t\tflex-shrink: 0;\n\n\t\tsvg {\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n\n\t.ezd-pro-demo-banner-content {\n\t\tflex: 1;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\n\t\tstrong {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #92400e;\n\t\t}\n\n\t\tspan {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #b45309;\n\t\t}\n\t}\n\n\t.ezd-pro-demo-banner-btn {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 6px 14px;\n\t\tbackground: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n\t\tcolor: #fff !important;\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\tborder-radius: 6px;\n\t\ttext-decoration: none !important;\n\t\ttransition: all 0.2s ease;\n\t\tbox-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);\n\n\t\t&:hover {\n\t\t\ttransform: translateY(-1px);\n\t\t\tbox-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);\n\t\t}\n\t}\n}\n\n// ============================================\n// EDITOR-SPECIFIC STYLES\n// ============================================\n\n// Gutenberg Editor Block Container\n.wp-block-eazydocs-tabbed-docs {\n\t// Custom Card Padding CSS Variable\n\t--ezd-card-padding: 32px;\n\t--ezd-grid-gap: 24px;\n\t--ezd-card-radius: 16px;\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t// Animation Speed Modifiers\n\t&.ezd-animation-slow * {\n\t\ttransition-duration: 0.5s !important;\n\t}\n\n\t&.ezd-animation-normal * {\n\t\ttransition-duration: 0.3s !important;\n\t}\n\n\t&.ezd-animation-fast * {\n\t\ttransition-duration: 0.15s !important;\n\t}\n\n\t// Shadow Intensity Overrides\n\t&.ezd-shadow-none {\n\t\t--ezd-shadow-sm: none;\n\t\t--ezd-shadow-md: none;\n\t\t--ezd-shadow-lg: none;\n\t\t--ezd-shadow-xl: none;\n\t}\n\n\t&.ezd-shadow-light {\n\t\t--ezd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03);\n\t\t--ezd-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n\t\t--ezd-shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.08);\n\t}\n\n\t&.ezd-shadow-strong {\n\t\t--ezd-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);\n\t\t--ezd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, 0.2);\n\t\t--ezd-shadow-lg: 0 12px 20px -5px rgba(0, 0, 0, 0.25);\n\t\t--ezd-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.35);\n\t}\n\n\t// No Title Line\n\t&.ezd-no-title-line {\n\t\t.ezd-doc-tag-title .ezd-line {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// Icon Style\n\t&.ezd-icon-circle {\n\t\t.ezd-tab-icon {\n\t\t\tborder-radius: 50% !important;\n\n\t\t\timg {\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.ezd-icon-square {\n\t\t.ezd-tab-icon {\n\t\t\tborder-radius: 4px !important;\n\n\t\t\timg {\n\t\t\t\tborder-radius: 4px !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Button Style Overrides\n\t&.ezd-button-outlined {\n\t\t.ezd-text-btn {\n\t\t\tbackground: transparent !important;\n\t\t\tborder: 1px solid var(--ezd-primary);\n\n\t\t\t&:hover {\n\t\t\t\tbackground: var(--ezd-primary) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.ezd-button-text {\n\t\t.ezd-text-btn {\n\t\t\tbackground: transparent !important;\n\t\t\tpadding-left: 0;\n\t\t\tpadding-right: 0;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: transparent !important;\n\t\t\t\tcolor: var(--ezd-primary-dark) !important;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Compact Mode\n\t&.ezd-compact {\n\t\t.ezd-tabs-sliders {\n\t\t\tmargin-bottom: 16px;\n\t\t}\n\n\t\t.ezd-doc-tag-item {\n\t\t\tpadding: 16px;\n\t\t}\n\n\t\t.ezd-tag-list li a {\n\t\t\tpadding: 8px 12px;\n\t\t}\n\t}\n}\n\n// Editor-specific: Tab menu gap adjustment\n.ezd-tab-menu {\n\tgap: 10px;\n}\n\n// Editor-specific: Add min-height to tab link\n.ezd-nav-item .ezd-nav-link {\n\tmin-height: 50px;\n}\n\n// Editor-specific: Default tab underline position adjustment\n.ezd-tab-style-default .ezd-nav-link::after {\n\tbottom: -2px;\n}"],"names":[],"sourceRoot":""}