npm - @ihab_giihan/core - Versions diffs - 0.1.1 → 0.1.2 - Mend

@ihab_giihan/core 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components.cjs.css +2 -0
package/dist/components.cjs.css.map +1 -0
package/dist/components.esm.css +2 -0
package/dist/components.esm.css.map +1 -0
package/dist/ihab-core.cjs.js +54 -0
package/dist/ihab-core.cjs.js.map +1 -1
package/dist/ihab-core.esm.js +54 -0
package/dist/ihab-core.esm.js.map +1 -1
package/package.json +1 -1

package/dist/components.cjs.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .ihab-core-scope .notice-box{background:var(--color-darkWhite);border-radius:20px;color:var(--color-gray);font-size:var(--body-2);margin:0 auto var(--margin-page);padding:20px;position:relative;text-align:left}.ihab-core-scope .notice-box ul{margin:0;padding:0 0 0 18px}.ihab-core-scope .notice-inner{border-radius:10px;padding:12px 14px;text-align:left}.ihab-core-scope .notice-title{color:var(--color-gray);margin:0 0 10px}.ihab-core-scope .notice-body,.ihab-core-scope .notice-line{color:var(--color-lightGray)}.ihab-core-scope .notice--default{border-color:var(--color-whiteLine)}.ihab-core-scope .notice--dashed{background:var(--color-softWhite);border:1px dashed var(--color-whiteLine)}.ihab-core-scope .notice--important{border:1px solid var(--color-main);box-shadow:0 6px 18px rgba(73,156,223,.08)}@media (max-width:767px){.ihab-core-scope .notice-box,.ihab-core-scope .notice-inner{padding:12px}}.ihab-core-scope .payment-plan-card{display:block}.ihab-core-scope .product-card{background:var(--color-white);border:2px solid var(--color-whiteLine);border-radius:40px;display:flex;flex:1 1 420px;flex-direction:column;max-width:420px;padding:40px;width:100%}.ihab-core-scope .product-card__inner{display:flex;flex:1 1 auto;flex-direction:column;gap:20px}.ihab-core-scope .product-card__content{display:flex;flex:1 1 auto;flex-direction:column;gap:40px;text-align:left}.ihab-core-scope .product-quote{color:var(--color-sub);margin:0}.ihab-core-scope .product-title{color:var(--color-black);margin:0}.ihab-core-scope .product-sub{color:var(--color-lightGray);margin:0 0 6px;text-align:left}.ihab-core-scope .box-title,.ihab-core-scope .product-box{display:block}.ihab-core-scope .box-list{color:var(--color-lightGray);padding-left:18px}.ihab-core-scope .box-list li{margin-bottom:4px}.ihab-core-scope .product-card__pricing{display:flex;flex-direction:column;gap:6px;margin-top:auto;text-align:left;width:100%}.ihab-core-scope .pricing-list{display:flex;flex-direction:column;gap:12px}.ihab-core-scope .pricing-row{align-items:flex-start;background:var(--color-darkWhite);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 20px;width:100%}.ihab-core-scope .pricing-row__label{align-self:flex-start;margin:0!important}.ihab-core-scope .pricing-row__price{align-items:center;color:var(--color-main);display:flex;gap:12px;justify-content:flex-end;margin:0;text-align:right;width:100%}.ihab-core-scope .pricing-original{color:var(--color-lightGray);margin:0!important;text-decoration:line-through}.ihab-core-scope .pricing-badge,.ihab-core-scope .pricing-current{color:var(--color-main);margin:0!important}.ihab-core-scope .pricing-row-title{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:0!important;width:100%}.ihab-core-scope .payment-plans{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto var(--margin-page);max-width:1340px;width:100%}.ihab-core-scope .payment-plans>.product-card{align-self:stretch;box-sizing:border-box;min-height:0}.ihab-core-scope .product-card__content,.ihab-core-scope .product-card__inner{min-height:0}.ihab-core-scope .payment-plan-card{background:#fff;border:2px solid var(--color-whiteLine);border-radius:20px;padding:28px 20px;position:relative;transition:all .15s}.ihab-core-scope .payment-plan-card.recommended{border-color:var(--color-main);box-shadow:0 8px 32px rgba(73,156,223,.18)}.ihab-core-scope .plan-recommended-badge{background:var(--color-main);border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.ihab-core-scope .plan-name{font-size:var(--h5);font-weight:800;margin:0 0 8px}.ihab-core-scope .plan-price{font-size:var(--h2);font-weight:800;margin:0 0 4px}.ihab-core-scope .plan-period{color:var(--color-gray);display:inline;font-size:var(--body-3)}.ihab-core-scope .plan-features{display:flex;flex-direction:column;gap:8px;list-style:none;margin:20px 0;padding:0}.ihab-core-scope .plan-feature{align-items:center;color:var(--color-darkGray);display:flex;font-size:var(--body-2);gap:8px}.ihab-core-scope .plan-feature:before{color:var(--color-success);content:"✓";font-weight:700}.ihab-core-scope .plan-btn{border:none;border-radius:12px;cursor:pointer;font-size:var(--body-2);font-weight:700;padding:14px;transition:all .12s;width:100%}.ihab-core-scope .plan-btn--primary{background:var(--color-main);color:#fff}.ihab-core-scope .plan-btn--primary:hover{background:var(--color-infoLink)}.ihab-core-scope .plan-btn--outline{background:var(--color-softWhite);border:1px solid var(--color-whiteLine);color:var(--color-darkGray)}.ihab-core-scope .plan-btn--outline:hover{border-color:var(--color-main);color:var(--color-main)}@media (max-width:520px){.ihab-core-scope .payment-plans{align-items:center;flex-direction:column;gap:16px;max-width:420px}}.ihab-core-scope .faq-root{align-items:flex-start;border-top:1px solid var(--color-whiteLine);box-sizing:border-box;display:flex;gap:24px;margin-left:calc(var(--margin-page)-1);padding-left:var(--margin-page);padding-right:var(--margin-page);padding-top:var(--margin-page);width:calc(100% + var(--margin-page)2)}.ihab-core-scope .faq-side{display:flex;flex-direction:column;gap:16px;width:220px}.ihab-core-scope .faq-side-title{font-size:var(--h4);margin:0;text-align:left}.ihab-core-scope .faq-side-button{align-items:center;background:#fff;border:none;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:12px 18px}.ihab-core-scope .faq-side-icon{align-items:center;background:var(--color-softWhite);border-radius:50%;display:inline-flex;height:28px;justify-content:center;width:28px}.ihab-core-scope .faq-list{display:flex;flex:1;flex-direction:column;gap:18px}.ihab-core-scope .faqItem{background:transparent}.ihab-core-scope .faqItem-title{align-items:center;background:transparent;border:none;border-radius:20px;cursor:pointer;display:flex;justify-content:space-between;padding:22px 20px;text-align:left;width:100%}.ihab-core-scope .faqItem-icon{align-items:center;color:var(--color-lightGray);display:inline-flex;font-size:20px}.ihab-core-scope .faqItem-icon-image{display:block;height:20px;width:20px}.ihab-core-scope .faqItem.faqItem--open .faqItem-title{background:var(--color-white);box-shadow:0 2px 12px rgba(0,0,0,.04)}.ihab-core-scope .faqItem-body{background:var(--color-white);border-radius:20px;color:var(--color-gray);margin-top:12px;padding:22px;text-align:left}.ihab-core-scope .faqItem.faqItem--open{border-radius:12px;overflow:hidden}.ihab-core-scope .faqItem.faqItem--open .faqItem-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.ihab-core-scope .faqItem.faqItem--open .faqItem-body{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}@media (max-width:767px){.ihab-core-scope .faq-root{flex-direction:column}.ihab-core-scope .faq-side{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}.ihab-core-scope .sideNav-menu{height:calc(100vh - 100px);overflow:hidden;padding:0 10px}.ihab-core-scope .sideNav-menu,.ihab-core-scope .sideNav-menu__list{display:flex;flex-direction:column;gap:0}.ihab-core-scope .sideNav-footer{align-items:left;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:0 0 10px}.ihab-core-scope .sideNav-menu__list>.sideNav-section:first-child{padding-top:6px}@media (max-width:767px){.ihab-core-scope .sideNav-footer,.ihab-core-scope .sideNav-menu{display:none!important}}.ihab-core-scope .sideNav-item{align-items:center;background:transparent;border:none;border-radius:10px;box-sizing:border-box;color:var(--color-darkGray);cursor:pointer;display:flex;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--sideNav-font,"Pretendard",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);gap:10px;height:52px;justify-content:flex-start;padding:0 16px;text-align:left;width:100%}@keyframes ihabCoreSnSweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ihabCoreSnIconBounce{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.ihab-core-scope .sideNav-item.active{animation:ihabCoreSnSweep 1s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,var(--color-main) 50%,var(--color-sub) 100%);background-position:0 0;background-size:200% 100%;box-shadow:0 4px 14px rgba(73,156,223,.35);color:var(--color-white)}.ihab-core-scope .sideNav-item.active .sideNav-icon{animation:ihabCoreSnIconBounce .48s cubic-bezier(.4,0,.2,1) forwards;color:var(--color-white)}.ihab-core-scope .sideNav-icon{align-items:center;color:var(--color-lightGray);display:inline-flex;flex:0 0 24px;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--sideNav-font,"Pretendard",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);height:24px;justify-content:center;width:24px}.ihab-core-scope .sideNav-icon img{display:block;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.ihab-core-scope .sideNav-icon__img{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px}.ihab-core-scope .sideNav-item .sideNav-icon img{filter:brightness(0) saturate(0) opacity(.45);transition:filter .16s ease,opacity .16s ease}.ihab-core-scope .sideNav-item.active .sideNav-icon img{filter:brightness(0) invert(1)}.ihab-core-scope .sideNav-label{flex:1}.ihab-core-scope .sideNav-item{transition:background-color .16s ease,color .16s ease,transform 80ms ease}.ihab-core-scope .sideNav-item:focus-visible:not(.active),.ihab-core-scope .sideNav-item:focus:not(.active),.ihab-core-scope .sideNav-item:hover:not(.active){background:var(--color-darkWhite)}.ihab-core-scope .sideNav-item:focus-visible{outline:2px solid rgba(73,156,223,.18);outline-offset:2px}.ihab-core-scope .sideNav-item.disabled,.ihab-core-scope .sideNav-item.disabled:focus,.ihab-core-scope .sideNav-item.disabled:hover{background:transparent;color:var(--color-lightGray);cursor:default;opacity:.6;pointer-events:none;transform:none}.ihab-core-scope .sideNav-item.disabled .sideNav-icon{color:var(--color-lightGray)}.ihab-core-scope .sideNav-item.disabled .sideNav-icon img{filter:none;opacity:.8}.ihab-core-scope .button{align-items:center;background:var(--color-white);border:0;border:var(--button-border,0);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:8px;padding:0 12px;transition:background-color .14s ease,color .14s ease,transform .1s ease,box-shadow .14s ease}.ihab-core-scope .button__icon,.ihab-core-scope .button__left,.ihab-core-scope .button__right{align-items:center;color:inherit;display:inline-flex;justify-content:center}.ihab-core-scope .button--align-center .button__label,.ihab-core-scope .button--align-right .button__label{flex:1 1 auto;text-align:center}.ihab-core-scope .button__icon{height:24px;width:24px}.ihab-core-scope .button__centerGroup{align-items:center;display:inline-flex;gap:8px}.ihab-core-scope .button__centerGroup .button__label{display:inline-block;flex:0 1 auto;text-align:center}.ihab-core-scope .button__label{display:block;line-height:1.2;white-space:normal}.ihab-core-scope .button__label-text{display:inline-block;line-height:1.2;max-width:100%;white-space:normal;word-break:break-word}.ihab-core-scope .button__icon-img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ihab-core-scope .button__icon-mask{background-color:currentColor;display:block;height:100%;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.ihab-core-scope .button__icon-svg{display:inline-block;height:100%;width:100%}.ihab-core-scope .button__icon-svg svg,.ihab-core-scope .button__icon-svg svg *{fill:currentColor;stroke:currentColor}.ihab-core-scope .button .button__label{color:currentColor;color:var(--button-text-color,currentColor);min-height:20px;min-width:20px}.ihab-core-scope .button .button__icon,.ihab-core-scope .button .button__left,.ihab-core-scope .button .button__right{color:currentColor;color:var(--button-icon-color,currentColor)}.ihab-core-scope .button--align-left{justify-content:flex-start}.ihab-core-scope .button--align-center{justify-content:center}.ihab-core-scope .button--align-right{justify-content:flex-end}.ihab-core-scope .button--align-left .button__label{flex:1 1 auto;text-align:left}.ihab-core-scope .button--align-center .button__label{align-items:center;display:flex;flex:1 1 auto;justify-content:center;text-align:center}.ihab-core-scope .button--align-right .button__label{flex:1 1 auto;text-align:right}.ihab-core-scope .button--variant-default{--button-text-color:var(--color-darkGray);--button-icon-color:var(--color-lightGray);background:var(--color-softWhite);border:var(--button-border,1px solid var(--color-whiteLine))}.ihab-core-scope .button--variant-default:focus,.ihab-core-scope .button--variant-default:focus-visible,.ihab-core-scope .button--variant-default:hover{--button-text-color:var(--color-black);--button-icon-color:var(--color-main);background:var(--color-white);border-color:var(--color-main)}.ihab-core-scope .button--variant-default.is-selected,.ihab-core-scope .button--variant-default[aria-pressed=true]{--button-text-color:var(--color-white);--button-icon-color:var(--color-white);background:var(--color-main);border-color:var(--color-main)}.ihab-core-scope .button--variant-default_line .button__icon,.ihab-core-scope .button--variant-default_line .button__icon-img,.ihab-core-scope .button--variant-default_line .button__icon-mask,.ihab-core-scope .button--variant-default_line .button__icon-svg{color:currentColor;color:var(--button-icon-color,currentColor)}.ihab-core-scope .button--variant-default_line .button__label{color:currentColor;color:var(--button-text-color,currentColor)}.ihab-core-scope .button--variant-default_main{background:var(--color-main);border:var(--button-border,1px solid var(--color-main));color:var(--color-white)}.ihab-core-scope .button--variant-default_main:focus,.ihab-core-scope .button--variant-default_main:focus-visible,.ihab-core-scope .button--variant-default_main:hover{background:var(--color-sub);border-color:var(--color-sub);color:var(--color-white)}.ihab-core-scope .button--variant-default_main.is-selected,.ihab-core-scope .button--variant-default_main[aria-pressed=true]{background:var(--color-sub);color:var(--color-white)}.ihab-core-scope .button--variant-default_sub{background:var(--color-primary,var(--color-main));color:var(--color-white)}.ihab-core-scope .button--variant-default_sub:focus,.ihab-core-scope .button--variant-default_sub:focus-visible,.ihab-core-scope .button--variant-default_sub:hover{background:var(--color-sub-dark,var(--color-sub));box-shadow:var(--shadow-button);color:var(--color-white);transform:translateY(-1px)}.ihab-core-scope .button--variant-default_transparent{background:transparent;border:var(--button-border,1px solid var(--color-white-a80));color:var(--color-white-a80)}.ihab-core-scope .button--variant-default_transparent:focus,.ihab-core-scope .button--variant-default_transparent:focus-visible,.ihab-core-scope .button--variant-default_transparent:hover{background:var(--color-white-a10);color:var(--color-white)}.ihab-core-scope .button--variant-default_transparent_gray{background:transparent;border:var(--button-border,1px solid var(--color-gray-a80));color:var(--color-gray-a80)}.ihab-core-scope .button--variant-default_transparent_gray:focus,.ihab-core-scope .button--variant-default_transparent_gray:focus-visible,.ihab-core-scope .button--variant-default_transparent_gray:hover{background:var(--color-gray-a10);color:var(--color-gray)}.ihab-core-scope .button--variant-default_transparent_lightGray{background:transparent;border:var(--button-border,1px solid var(--color-lightGray-a80));color:var(--color-lightGray-a80)}.ihab-core-scope .button--variant-default_transparent_lightGray:focus,.ihab-core-scope .button--variant-default_transparent_lightGray:focus-visible,.ihab-core-scope .button--variant-default_transparent_lightGray:hover{background:var(--color-lightGray-a10);color:var(--color-lightGray)}.ihab-core-scope .button--variant-disabled,.ihab-core-scope .button--variant-disabled-covered{background:transparent;border:var(--button-border,1px solid var(--color-disabled));border-color:var(--color-whiteLine);color:var(--color-disabled)}.ihab-core-scope .button--variant-disabled .button__icon,.ihab-core-scope .button--variant-disabled .button__left,.ihab-core-scope .button--variant-disabled .button__right,.ihab-core-scope .button--variant-disabled-covered .button__icon,.ihab-core-scope .button--variant-disabled-covered .button__left,.ihab-core-scope .button--variant-disabled-covered .button__right{color:var(--color-disabled)}.ihab-core-scope .button--variant-disabled-invisibled,.ihab-core-scope .button--variant-faded{background:transparent}.ihab-core-scope .button--variant-disabled-invisibled .button__icon,.ihab-core-scope .button--variant-disabled-invisibled .button__label,.ihab-core-scope .button--variant-disabled-invisibled .button__left,.ihab-core-scope .button--variant-disabled-invisibled .button__right,.ihab-core-scope .button--variant-faded .button__icon,.ihab-core-scope .button--variant-faded .button__left,.ihab-core-scope .button--variant-faded .button__right{color:transparent}.ihab-core-scope .button:disabled,.ihab-core-scope .button[disabled]{cursor:default;pointer-events:none}.ihab-core-scope .button60{border-radius:20px;height:60px;justify-content:center}.ihab-core-scope .button60--bar{width:200px}.ihab-core-scope .button60--dot{width:60px}.ihab-core-scope .button48{border-radius:24px;height:48px;justify-content:center}.ihab-core-scope .button48--bar{width:160px}.ihab-core-scope .button48--dot{width:48px}.ihab-core-scope .button28{border-radius:14px;height:28px;justify-content:center}.ihab-core-scope .button28--bar{min-width:60px}.ihab-core-scope .button28--dot{width:28px}.ihab-core-scope .button28 .button__icon,.ihab-core-scope .button28--bar .button__icon,.ihab-core-scope .button28--dot .button__icon{height:20px;width:20px}@media (max-width:1024px){.ihab-core-scope .button60{border-radius:17px;height:52px}.ihab-core-scope .button60--bar{width:180px}.ihab-core-scope .button60--dot{width:52px}.ihab-core-scope .button48{border-radius:22px;height:44px}.ihab-core-scope .button48--bar{width:150px}.ihab-core-scope .button48--dot{width:44px}.ihab-core-scope .button28{border-radius:15px;height:30px}.ihab-core-scope .button28--bar{min-width:120px}.ihab-core-scope .button28--dot{width:30px}}@media (max-width:768px){.ihab-core-scope .button60{border-radius:16px;height:48px}.ihab-core-scope .button60--bar{width:160px}.ihab-core-scope .button60--dot{width:48px}.ihab-core-scope .button60 .button__icon,.ihab-core-scope .button60--bar .button__icon,.ihab-core-scope .button60--dot .button__icon{height:20px;width:20px}.ihab-core-scope .button48{border-radius:20px;height:40px}.ihab-core-scope .button48--bar{min-width:140px}.ihab-core-scope .button48--dot{width:40px}.ihab-core-scope .button48 .button__icon,.ihab-core-scope .button48--bar .button__icon,.ihab-core-scope .button48--dot .button__icon{height:20px;width:20px}.ihab-core-scope .button28{border-radius:16px;height:32px}.ihab-core-scope .button28--bar{min-width:120px}.ihab-core-scope .button28--dot{width:32px}}.ihab-core-scope .tabLarge{background:var(--color-whiteLine);border-radius:999px;display:inline-flex;gap:0;height:40px;margin-bottom:20px;padding:2px}.ihab-core-scope .tabLarge-button{background:transparent;border:none;border-radius:999px;color:var(--color-gray);cursor:pointer;transition:background .12s,color .12s;width:120px}.ihab-core-scope .tabLarge-button.tabLarge-button--active{background:var(--color-white);border:none;color:var(--color-darkGray)}.ihab-core-scope .tabLarge-button:focus{outline:none}@media (max-width:480px){.ihab-core-scope .tabLarge-button{font-size:14px;padding:8px 12px}}.ihab-core-scope .tabMedium{background:var(--color-softWhite);border-radius:999px;display:flex;gap:8px;padding:6px}.ihab-core-scope .tabMedium-item{background:transparent;border:none;border-radius:999px;color:var(--color-gray);cursor:pointer;flex:1 1 0;font-size:var(--body-2);padding:12px 8px;text-align:center;transition:background .12s,color .12s}.ihab-core-scope .tabMedium-item.tabMedium-item--active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);color:var(--color-main)}.ihab-core-scope .tabMedium-item:focus{box-shadow:0 0 0 3px rgba(73,156,223,.08);outline:none}@media (max-width:480px){.ihab-core-scope .tabMedium-item{font-size:14px;padding:10px 6px}}
2	+ /# sourceMappingURL=components.cjs.css.map /

package/dist/components.cjs.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["NoticeBox.css","PaymentPlan.css","Faq.css","SideNav.css","SideNavButton.css","Button.css","TabLarge.css","TabMedium.css"],"names":[],"mappings":"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","file":"components.cjs.css","sourcesContent":[".notice-box {\n margin: 0 auto var(--margin-page);\n padding: 20px;\n border-radius: 20px;\n background: var(--color-darkWhite);\n color: var(--color-gray);\n font-size: var(--body-2);\n position: relative;\n text-align: left;\n}\n\n\n.notice-box ul {\n margin: 0;\n padding: 0 0 0 18px;\n}\n\n.notice-inner {\n padding: 12px 14px;\n border-radius: 10px;\n text-align: left;\n}\n\n.notice-title {\n margin: 0 0 10px 0;\n color: var(--color-gray);\n}\n\n.notice-body {\n color: var(--color-lightGray);\n}\n\n.notice-line {\n color: var(--color-lightGray)\n}\n\n/* Variants */\n.notice--default {\n border-color: var(--color-whiteLine);\n}\n\n.notice--dashed {\n border: 1px dashed var(--color-whiteLine);\n background: var(--color-softWhite);\n}\n\n.notice--important {\n border: 1px solid var(--color-main);\n box-shadow: 0 6px 18px rgba(73, 156, 223, 0.08);\n}\n\n/* Close button */\n/* close button removed — dismissible feature disabled */\n\n@media (max-width: 767px) {\n .notice-box {\n padding: 12px;\n }\n\n .notice-inner {\n padding: 12px;\n }\n}",".payment-plan-card {\n display: block;\n}\n\n/* keep this file for future component-specific overrides */\n\n.product-card {\n border: 2px solid var(--color-whiteLine);\n border-radius: 40px;\n padding: 40px;\n width: 100%;\n max-width: 420px;\n background: var(--color-white);\n /* Allow cards to grow/shrink in the horizontal row and match heights */\n display: flex;\n flex-direction: column;\n flex: 1 1 420px;\n}\n\n.product-card__inner {\n display: flex;\n flex-direction: column;\n gap: 20px;\n /* Fill available card height so bottom pricing can be pushed down */\n flex: 1 1 auto;\n}\n\n.product-card__content {\n display: flex;\n flex-direction: column;\n gap: 40px;\n text-align: left;\n /* make main content take remaining space so pricing sits at bottom */\n flex: 1 1 auto;\n}\n\n.product-quote {\n color: var(--color-sub);\n margin: 0;\n}\n\n.product-title {\n color: var(--color-black);\n margin: 0;\n}\n\n.product-sub {\n color: var(--color-lightGray);\n margin: 0 0 6px 0;\n text-align: left;\n}\n\n.product-box {\n display: block;\n}\n\n.box-title {\n display: block;\n}\n\n.box-list {\n padding-left: 18px;\n color: var(--color-lightGray);\n}\n\n.box-list li {\n margin-bottom: 4px;\n}\n\n.product-card__pricing {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 6px;\n text-align: left;\n /* keep pricing area at the bottom of the card */\n margin-top: auto;\n}\n\n.pricing-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.pricing-row {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 10px 20px;\n border-radius: 10px;\n background: var(--color-darkWhite);\n cursor: pointer;\n width: 100%;\n\n}\n\n.pricing-row__label {\n align-self: flex-start;\n margin: 0 !important;\n}\n\n.pricing-row__price {\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n text-align: right;\n color: var(--color-main);\n margin: 0;\n}\n\n.pricing-original {\n color: var(--color-lightGray);\n text-decoration: line-through;\n margin: 0 !important;\n}\n\n.pricing-current {\n color: var(--color-main);\n margin: 0 !important;\n}\n\n.pricing-badge {\n margin: 0 !important;\n color: var(--color-main);\n}\n\n/* Title row: label on left, badge on right */\n.pricing-row-title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n margin: 0 !important;\n}\n\n/* ----- Payment page layout & plan-specific styles moved from styles.pages.css ----- */\n.payment-plans {\n /* arrange product cards horizontally with wrapping and centered */\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 40px;\n width: 100%;\n max-width: calc(3 * 420px + 2 * 40px);\n margin: 0 auto var(--margin-page);\n justify-content: center;\n /* stretch items so cards match height in a row */\n align-items: stretch;\n}\n\n/* Ensure direct children (cards) actually stretch and allow internal flexing/shrinking */\n.payment-plans > .product-card {\n align-self: stretch;\n box-sizing: border-box;\n /* allow flex children to shrink properly */\n min-height: 0;\n}\n\n/* Allow inner flex items to shrink (prevents children from forcing taller heights) */\n.product-card__inner,\n.product-card__content {\n min-height: 0;\n}\n.payment-plan-card {\n padding: 28px 20px; border-radius: 20px;\n border: 2px solid var(--color-whiteLine);\n background: #fff; position: relative;\n transition: all 0.15s;\n}\n.payment-plan-card.recommended {\n border-color: var(--color-main);\n box-shadow: 0 8px 32px rgba(73,156,223,0.18);\n}\n.plan-recommended-badge {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n padding: 4px 14px; border-radius: 20px;\n background: var(--color-main); color: #fff;\n font-size: 11px; font-weight: 700; white-space: nowrap;\n}\n.plan-name { font-size: var(--h5); font-weight: 800; margin: 0 0 8px; }\n.plan-price { font-size: var(--h2); font-weight: 800; margin: 0 0 4px; }\n.plan-period { font-size: var(--body-3); color: var(--color-gray); display: inline; }\n.plan-features { list-style: none; padding: 0; margin: 20px 0; display: flex; flex-direction: column; gap: 8px; }\n.plan-feature {\n display: flex; align-items: center; gap: 8px;\n font-size: var(--body-2); color: var(--color-darkGray);\n}\n.plan-feature::before { content: '✓'; font-weight: 700; color: var(--color-success); }\n.plan-btn {\n width: 100%; padding: 14px;\n border-radius: 12px; border: none; cursor: pointer;\n font-size: var(--body-2); font-weight: 700;\n transition: all 0.12s;\n}\n.plan-btn--primary { background: var(--color-main); color: #fff; }\n.plan-btn--primary:hover { background: var(--color-infoLink); }\n.plan-btn--outline { background: var(--color-softWhite); color: var(--color-darkGray); border: 1px solid var(--color-whiteLine); }\n.plan-btn--outline:hover { border-color: var(--color-main); color: var(--color-main); }\n\n@media (max-width: 520px) {\n .payment-plans { flex-direction: column; gap: 16px; max-width: 420px; align-items: center; }\n}\n\n/* ----- end moved styles ----- */",".faq-root {\n display: flex;\n gap: 24px;\n align-items: flex-start;\n border-top: 1px solid var(--color-whiteLine);\n padding-top: var(--margin-page);\n padding-left: var(--margin-page);\n padding-right: var(--margin-page);\n /* stretch visually to page edges by offsetting the page padding */\n width: calc(100% + 2 * var(--margin-page));\n margin-left: calc(-1 * var(--margin-page));\n box-sizing: border-box;\n\n\n}\n\n.faq-side {\n width: 220px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.faq-side-title {\n font-size: var(--h4);\n margin: 0;\n text-align: left;\n}\n\n.faq-side-button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 18px;\n border-radius: 28px;\n border: none;\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n cursor: pointer;\n font-weight: 700;\n}\n\n.faq-side-icon {\n display: inline-flex;\n width: 28px;\n height: 28px;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: var(--color-softWhite);\n}\n\n.faq-list {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 18px;\n}\n\n.faqItem {\n background: transparent;\n}\n\n.faqItem-title {\n width: 100%;\n text-align: left;\n padding: 22px 20px;\n border-radius: 20px;\n background: transparent;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.faqItem-icon {\n font-size: 20px;\n color: var(--color-lightGray);\n display: inline-flex;\n align-items: center;\n}\n\n.faqItem-icon-image {\n width: 20px;\n height: 20px;\n display: block;\n}\n\n.faqItem.faqItem--open .faqItem-title {\n background: var(--color-white);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);\n}\n\n.faqItem-body {\n margin-top: 12px;\n padding: 22px;\n border-radius: 20px;\n background: var(--color-white);\n color: var(--color-gray);\n text-align: left;\n}\n\n/* When opened, visually connect title and body into a single card */\n.faqItem.faqItem--open {\n border-radius: 12px;\n overflow: hidden;\n}\n\n.faqItem.faqItem--open .faqItem-title {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.faqItem.faqItem--open .faqItem-body {\n margin-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n@media (max-width: 767px) {\n .faq-root {\n flex-direction: column;\n }\n\n .faq-side {\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}",".sideNav-menu {\n display: flex;\n flex-direction: column;\n gap: 0px;\n padding: 0 10px;\n height: calc(100vh - 100px); /* allow footer to stick to bottom within header aside */\n overflow: hidden; /* prevent side nav from becoming a scroll container */\n}\n\n.sideNav-menu__list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.sideNav-footer {\n margin-top: auto;\n padding: 0 0 10px 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: left;\n}\n\n.sideNav-menu__list > .sideNav-section:first-child {\n padding-top: 6px;\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n}\n\n@media (max-width: 767px) {\n}\n\n/* Ensure side nav is hidden on mobile unless explicitly toggled via JS */\n@media (max-width: 767px) {\n .sideNav-menu { display: none !important; }\n .sideNav-footer { display: none !important; }\n}",".sideNav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n height: 52px;\n padding: 0 16px;\n box-sizing: border-box;\n border: none;\n border-radius: 10px;\n background: transparent;\n cursor: pointer;\n color: var(--color-darkGray);\n text-align: left;\n justify-content: flex-start;\n font-family: var(--sideNav-font, 'Pretendard', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);\n}\n@keyframes ihabCoreSnSweep {\n 0% { background-position: 100% 0; }\n 100% { background-position: 0% 0; }\n}\n\n@keyframes ihabCoreSnIconBounce {\n 0% { transform: scale(1); }\n 40% { transform: scale(1.12); }\n 100% { transform: scale(1); }\n}\n\n.sideNav-item.active {\n background: linear-gradient(\n 90deg,\n var(--color-main) 50%,\n var(--color-sub) 100%\n );\n background-size: 200% 100%;\n background-position: 0% 0;\n color: var(--color-white);\n animation: ihabCoreSnSweep 1000ms cubic-bezier(0.4, 0, 0.2, 1) forwards;\n box-shadow: 0 4px 14px rgba(73, 156, 223, 0.35);\n}\n\n.sideNav-item.active .sideNav-icon {\n color: var(--color-white);\n animation: ihabCoreSnIconBounce 480ms cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n.sideNav-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--color-lightGray);\n font-family: var(--sideNav-font, 'Pretendard', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);\n color: var(--color-lightGray);\n}\n\n/* Ensure the icon occupies a fixed slot so label width changes don't shift it */\n.sideNav-icon {\n flex: 0 0 24px;\n}\n\n.sideNav-icon img {\n width: 20px;\n height: 20px;\n display: block;\n object-fit: contain;\n}\n\n/* Masked SVG icon: uses the SVG file as a mask so the icon color follows `color`.\n Requires the SVG to be a plain graphic (no embedded raster content).\n Usage: <span class=\"sideNav-icon__img\" style=\"--icon-url: url(/path/icon.svg)\"></span> */\n.sideNav-icon__img {\n width: 20px;\n height: 20px;\n display: inline-block;\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n -webkit-mask-image: var(--icon-url);\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-mask-size: contain;\n mask-image: var(--icon-url);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: contain;\n}\n\n/* Make raster/SVG images appear white when the item is active.\n Uses a filter that turns dark icon pixels to white. If your icons\n are full-color photos this may not be perfect; prefer inline SVG\n with `fill=\"currentColor\"` for robust color control. */\n.sideNav-item .sideNav-icon img {\n transition: filter 160ms ease, opacity 160ms ease;\n filter: brightness(0) saturate(0) opacity(0.45);\n}\n\n.sideNav-item.active .sideNav-icon img {\n filter: brightness(0) invert(1);\n}\n\n.sideNav-label {\n flex: 1;\n}\n\n/* Hover / focus interaction */\n.sideNav-item {\n transition: background-color 160ms ease, color 160ms ease, transform 80ms ease;\n}\n\n.sideNav-item:hover:not(.active),\n.sideNav-item:focus:not(.active),\n.sideNav-item:focus-visible:not(.active) {\n background: var(--color-darkWhite); /* subtle tint of --color-main */\n}\n\n.sideNav-item:focus-visible {\n outline: 2px solid rgba(73,156,223,0.18);\n outline-offset: 2px;\n}\n\n/* Disabled state */\n.sideNav-item.disabled,\n.sideNav-item.disabled:focus,\n.sideNav-item.disabled:hover {\n background: transparent;\n color: var(--color-lightGray);\n cursor: default;\n pointer-events: none;\n opacity: 0.6;\n transform: none;\n}\n\n.sideNav-item.disabled .sideNav-icon {\n color: var(--color-lightGray);\n}\n\n.sideNav-item.disabled .sideNav-icon img {\n filter: none;\n opacity: 0.8;\n}\n","/* Button component styles — renamed .btn -> .button */\n.button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: var(--button-border, 0);\n padding: 0 12px;\n background: var(--color-white);\n color: inherit;\n cursor: pointer;\n font-family: inherit;\n box-sizing: border-box;\n transition: background-color .14s ease, color .14s ease, transform .10s ease, box-shadow .14s ease;\n color: inherit;\n}\n\n/* shared inner element names */\n.button__left,\n.button__right,\n.button__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: inherit;\n}\n\n/* align helpers: when a button is a wide `--bar`, allow centering label\n while keeping a right icon pinned to the edge. */\n.button--align-center .button__label,\n.button--align-right .button__label {\n flex: 1 1 auto;\n text-align: center;\n}\n\n\n.button__icon {\n width: 24px;\n height: 24px\n}\n\n/* group for center-aligned icon+label so they stay together */\n.button__centerGroup {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n/* inside the center group, prevent the label from flexing to fill space */\n.button__centerGroup .button__label {\n flex: 0 1 auto;\n display: inline-block;\n text-align: center;\n}\n\n.button__label {\n line-height: 1.2;\n white-space: normal;\n display: block;\n}\n\n/* Allow button labels to wrap to multiple lines when needed */\n.button__label-text {\n display: inline-block;\n white-space: normal;\n word-break: break-word;\n line-height: 1.2;\n max-width: 100%;\n}\n\n.button__icon-img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.button__icon-mask {\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n -webkit-mask-image: var(--icon-url);\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-mask-size: contain;\n mask-image: var(--icon-url);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: contain;\n}\n\n.button__icon-svg {\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n\n/* Ensure inline SVGs inherit currentColor for fill and stroke */\n.button__icon-svg svg,\n.button__icon-svg svg * {\n fill: currentColor;\n stroke: currentColor;\n}\n\n/* Allow variants to control icon and label colors via CSS variables\n e.g. --button-text-color and --button-icon-color set on the variant class */\n.button .button__label {\n color: var(--button-text-color, currentColor);\n min-width: 20px;\n min-height: 20px;\n}\n\n.button .button__icon,\n.button .button__left,\n.button .button__right {\n color: var(--button-icon-color, currentColor);\n}\n\n\n/* shared modifiers */\n.button--align-left {\n justify-content: flex-start\n}\n\n.button--align-center {\n justify-content: center\n}\n\n.button--align-right {\n justify-content: flex-end\n}\n\n/* Fine-grained alignment behaviors for bar buttons:\n - left: left icon + label grouped left, right icon pinned to far right\n - center: label centered, icons sit close to label\n - right: label fills space and aligns right, right icon pinned to far right\n*/\n.button--align-left .button__label {\n flex: 1 1 auto;\n text-align: left;\n}\n\n\n.button--align-center .button__label {\n /* allow label to grow and wrap while keeping it centered */\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.button--align-right .button__label {\n flex: 1 1 auto;\n text-align: right;\n}\n\n/* variants */\n.button--variant-default {\n background: var(--color-softWhite);\n --button-text-color: var(--color-darkGray);\n --button-icon-color: var(--color-lightGray);\n border: var(--button-border, 1px solid var(--color-whiteLine));\n}\n\n.button--variant-default:hover,\n.button--variant-default:focus,\n.button--variant-default:focus-visible {\n background: var(--color-white);\n --button-text-color: var(--color-black);\n --button-icon-color: var(--color-main);\n border-color: var(--color-main);\n}\n\n.button--variant-default.is-selected,\n.button--variant-default[aria-pressed='true'] {\n background: var(--color-main);\n --button-text-color: var(--color-white);\n --button-icon-color: var(--color-white);\n border-color: var(--color-main);\n}\n\n.button--variant-default_line .button__icon,\n.button--variant-default_line .button__icon-img,\n.button--variant-default_line .button__icon-svg,\n.button--variant-default_line .button__icon-mask {\n color: var(--button-icon-color, currentColor);\n}\n\n.button--variant-default_line .button__label {\n color: var(--button-text-color, currentColor);\n}\n\n.button--variant-default_main {\n background: var(--color-main);\n color: var(--color-white);\n border: var(--button-border, 1px solid var(--color-main));\n}\n\n.button--variant-default_main:hover,\n.button--variant-default_main:focus,\n.button--variant-default_main:focus-visible {\n background: var(--color-sub);\n color: var(--color-white);\n border-color: var(--color-sub);\n}\n\n.button--variant-default_main.is-selected,\n.button--variant-default_main[aria-pressed='true'] {\n background: var(--color-sub);\n color: var(--color-white);\n}\n\n.button--variant-default_sub {\n background: var(--color-primary, var(--color-main));\n color: var(--color-white);\n}\n\n.button--variant-default_sub:hover,\n.button--variant-default_sub:focus,\n.button--variant-default_sub:focus-visible {\n background: var(--color-sub-dark, var(--color-sub));\n color: var(--color-white);\n box-shadow: var(--shadow-button);\n transform: translateY(-1px);\n}\n\n.button--variant-default_transparent {\n background: transparent;\n color: var(--color-white-a80);\n border: var(--button-border, 1px solid var(--color-white-a80));\n}\n\n.button--variant-default_transparent:hover,\n.button--variant-default_transparent:focus,\n.button--variant-default_transparent:focus-visible {\n background: var(--color-white-a10);\n color: var(--color-white);\n}\n\n.button--variant-default_transparent_gray {\n background: transparent;\n color: var(--color-gray-a80);\n border: var(--button-border, 1px solid var(--color-gray-a80));\n}\n\n.button--variant-default_transparent_gray:hover,\n.button--variant-default_transparent_gray:focus,\n.button--variant-default_transparent_gray:focus-visible {\n background: var(--color-gray-a10);\n color: var(--color-gray);\n}\n\n.button--variant-default_transparent_lightGray {\n background: transparent;\n color: var(--color-lightGray-a80);\n border: var(--button-border, 1px solid var(--color-lightGray-a80));\n}\n\n.button--variant-default_transparent_lightGray:hover,\n.button--variant-default_transparent_lightGray:focus,\n.button--variant-default_transparent_lightGray:focus-visible {\n background: var(--color-lightGray-a10);\n color: var(--color-lightGray);\n}\n\n.button--variant-disabled,\n.button--variant-disabled-covered {\n background: transparent;\n border: var(--button-border, 1px solid var(--color-disabled));\n border-color: var(--color-whiteLine);\n color: var(--color-disabled);\n}\n\n.button--variant-disabled .button__icon,\n.button--variant-disabled .button__left,\n.button--variant-disabled .button__right,\n.button--variant-disabled-covered .button__icon,\n.button--variant-disabled-covered .button__left,\n.button--variant-disabled-covered .button__right {\n color: var(--color-disabled);\n}\n\n.button--variant-faded,\n.button--variant-disabled-invisibled {\n background: transparent;\n}\n\n.button--variant-faded .button__icon,\n.button--variant-faded .button__left,\n.button--variant-faded .button__right,\n.button--variant-disabled-invisibled .button__icon,\n.button--variant-disabled-invisibled .button__left,\n.button--variant-disabled-invisibled .button__right,\n.button--variant-disabled-invisibled .button__label {\n color: transparent;\n}\n\n.button:disabled,\n.button[disabled] {\n cursor: default;\n pointer-events: none;\n}\n\n/* sizes */\n.button60 {\n height: 60px;\n border-radius: 20px;\n justify-content: center;\n}\n\n.button60--bar { width: 200px; }\n.button60--dot { width: 60px; }\n\n.button48 {\n height: 48px;\n border-radius: 24px;\n justify-content: center;\n}\n\n.button48--bar { width: 160px; }\n.button48--dot { width: 48px; }\n\n.button28 {\n height: 28px;\n border-radius: 14px;\n justify-content: center;\n}\n\n.button28--bar { min-width: 60px; }\n.button28--dot { width: 28px; }\n\n.button28 .button__icon,\n.button28--bar .button__icon,\n.button28--dot .button__icon {\n width: 20px;\n height: 20px;\n}\n\n@media (max-width: 1024px) {\n .button60 {\n height: 52px;\n border-radius: 17px;\n }\n .button60--bar { width: 180px; }\n .button60--dot { width: 52px; }\n\n .button48 {\n height: 44px;\n border-radius: 22px;\n }\n .button48--bar { width: 150px; }\n .button48--dot { width: 44px; }\n\n .button28 {\n height: 30px;\n border-radius: 15px;\n }\n .button28--bar { min-width: 120px; }\n .button28--dot { width: 30px; }\n}\n\n@media (max-width: 768px) {\n .button60 {\n height: 48px;\n border-radius: 16px;\n }\n .button60--bar { width: 160px; }\n .button60--dot { width: 48px; }\n\n .button60 .button__icon,\n .button60--bar .button__icon,\n .button60--dot .button__icon {\n width: 20px;\n height: 20px;\n }\n\n .button48 {\n height: 40px;\n border-radius: 20px;\n }\n .button48--bar { min-width: 140px; }\n .button48--dot { width: 40px; }\n\n .button48 .button__icon,\n .button48--bar .button__icon,\n .button48--dot .button__icon {\n width: 20px;\n height: 20px;\n }\n\n .button28 {\n height: 32px;\n border-radius: 16px;\n }\n .button28--bar { min-width: 120px; }\n .button28--dot { width: 32px; }\n}\n",".tabLarge {\n display: inline-flex;\n gap: 0px;\n background: var(--color-whiteLine);\n padding: 2px;\n border-radius: 999px;\n height: 40px;\n margin-bottom: 20px;\n \n}\n.tabLarge-button {\n width: 120px;\n border: none;\n background: transparent;\n border-radius: 999px;\n color: var(--color-gray);\n cursor: pointer;\n transition: background 0.12s, color 0.12s;\n}\n.tabLarge-button.tabLarge-button--active {\n background: var(--color-white);\n color: var(--color-darkGray);\n border: none;\n}\n.tabLarge-button:focus { outline: none; }\n\n@media (max-width: 480px) {\n .tabLarge-button { padding: 8px 12px; font-size: 14px; }\n}\n",".tabMedium {\n display: flex;\n gap: 8px;\n background: var(--color-softWhite);\n padding: 6px;\n border-radius: 999px;\n}\n.tabMedium-item {\n flex: 1 1 0;\n padding: 12px 8px;\n border: none;\n background: transparent;\n border-radius: 999px;\n font-size: var(--body-2);\n color: var(--color-gray);\n cursor: pointer;\n transition: background 0.12s, color 0.12s;\n text-align: center;\n}\n.tabMedium-item.tabMedium-item--active {\n background: #fff;\n color: var(--color-main);\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n.tabMedium-item:focus { outline: none; box-shadow: 0 0 0 3px rgba(73,156,223,0.08); }\n\n@media (max-width: 480px) {\n .tabMedium-item { padding: 10px 6px; font-size: 14px; }\n}\n"]}

package/dist/components.esm.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .ihab-core-scope .notice-box{background:var(--color-darkWhite);border-radius:20px;color:var(--color-gray);font-size:var(--body-2);margin:0 auto var(--margin-page);padding:20px;position:relative;text-align:left}.ihab-core-scope .notice-box ul{margin:0;padding:0 0 0 18px}.ihab-core-scope .notice-inner{border-radius:10px;padding:12px 14px;text-align:left}.ihab-core-scope .notice-title{color:var(--color-gray);margin:0 0 10px}.ihab-core-scope .notice-body,.ihab-core-scope .notice-line{color:var(--color-lightGray)}.ihab-core-scope .notice--default{border-color:var(--color-whiteLine)}.ihab-core-scope .notice--dashed{background:var(--color-softWhite);border:1px dashed var(--color-whiteLine)}.ihab-core-scope .notice--important{border:1px solid var(--color-main);box-shadow:0 6px 18px rgba(73,156,223,.08)}@media (max-width:767px){.ihab-core-scope .notice-box,.ihab-core-scope .notice-inner{padding:12px}}.ihab-core-scope .payment-plan-card{display:block}.ihab-core-scope .product-card{background:var(--color-white);border:2px solid var(--color-whiteLine);border-radius:40px;display:flex;flex:1 1 420px;flex-direction:column;max-width:420px;padding:40px;width:100%}.ihab-core-scope .product-card__inner{display:flex;flex:1 1 auto;flex-direction:column;gap:20px}.ihab-core-scope .product-card__content{display:flex;flex:1 1 auto;flex-direction:column;gap:40px;text-align:left}.ihab-core-scope .product-quote{color:var(--color-sub);margin:0}.ihab-core-scope .product-title{color:var(--color-black);margin:0}.ihab-core-scope .product-sub{color:var(--color-lightGray);margin:0 0 6px;text-align:left}.ihab-core-scope .box-title,.ihab-core-scope .product-box{display:block}.ihab-core-scope .box-list{color:var(--color-lightGray);padding-left:18px}.ihab-core-scope .box-list li{margin-bottom:4px}.ihab-core-scope .product-card__pricing{display:flex;flex-direction:column;gap:6px;margin-top:auto;text-align:left;width:100%}.ihab-core-scope .pricing-list{display:flex;flex-direction:column;gap:12px}.ihab-core-scope .pricing-row{align-items:flex-start;background:var(--color-darkWhite);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 20px;width:100%}.ihab-core-scope .pricing-row__label{align-self:flex-start;margin:0!important}.ihab-core-scope .pricing-row__price{align-items:center;color:var(--color-main);display:flex;gap:12px;justify-content:flex-end;margin:0;text-align:right;width:100%}.ihab-core-scope .pricing-original{color:var(--color-lightGray);margin:0!important;text-decoration:line-through}.ihab-core-scope .pricing-badge,.ihab-core-scope .pricing-current{color:var(--color-main);margin:0!important}.ihab-core-scope .pricing-row-title{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:0!important;width:100%}.ihab-core-scope .payment-plans{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto var(--margin-page);max-width:1340px;width:100%}.ihab-core-scope .payment-plans>.product-card{align-self:stretch;box-sizing:border-box;min-height:0}.ihab-core-scope .product-card__content,.ihab-core-scope .product-card__inner{min-height:0}.ihab-core-scope .payment-plan-card{background:#fff;border:2px solid var(--color-whiteLine);border-radius:20px;padding:28px 20px;position:relative;transition:all .15s}.ihab-core-scope .payment-plan-card.recommended{border-color:var(--color-main);box-shadow:0 8px 32px rgba(73,156,223,.18)}.ihab-core-scope .plan-recommended-badge{background:var(--color-main);border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.ihab-core-scope .plan-name{font-size:var(--h5);font-weight:800;margin:0 0 8px}.ihab-core-scope .plan-price{font-size:var(--h2);font-weight:800;margin:0 0 4px}.ihab-core-scope .plan-period{color:var(--color-gray);display:inline;font-size:var(--body-3)}.ihab-core-scope .plan-features{display:flex;flex-direction:column;gap:8px;list-style:none;margin:20px 0;padding:0}.ihab-core-scope .plan-feature{align-items:center;color:var(--color-darkGray);display:flex;font-size:var(--body-2);gap:8px}.ihab-core-scope .plan-feature:before{color:var(--color-success);content:"✓";font-weight:700}.ihab-core-scope .plan-btn{border:none;border-radius:12px;cursor:pointer;font-size:var(--body-2);font-weight:700;padding:14px;transition:all .12s;width:100%}.ihab-core-scope .plan-btn--primary{background:var(--color-main);color:#fff}.ihab-core-scope .plan-btn--primary:hover{background:var(--color-infoLink)}.ihab-core-scope .plan-btn--outline{background:var(--color-softWhite);border:1px solid var(--color-whiteLine);color:var(--color-darkGray)}.ihab-core-scope .plan-btn--outline:hover{border-color:var(--color-main);color:var(--color-main)}@media (max-width:520px){.ihab-core-scope .payment-plans{align-items:center;flex-direction:column;gap:16px;max-width:420px}}.ihab-core-scope .faq-root{align-items:flex-start;border-top:1px solid var(--color-whiteLine);box-sizing:border-box;display:flex;gap:24px;margin-left:calc(var(--margin-page)-1);padding-left:var(--margin-page);padding-right:var(--margin-page);padding-top:var(--margin-page);width:calc(100% + var(--margin-page)2)}.ihab-core-scope .faq-side{display:flex;flex-direction:column;gap:16px;width:220px}.ihab-core-scope .faq-side-title{font-size:var(--h4);margin:0;text-align:left}.ihab-core-scope .faq-side-button{align-items:center;background:#fff;border:none;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:12px 18px}.ihab-core-scope .faq-side-icon{align-items:center;background:var(--color-softWhite);border-radius:50%;display:inline-flex;height:28px;justify-content:center;width:28px}.ihab-core-scope .faq-list{display:flex;flex:1;flex-direction:column;gap:18px}.ihab-core-scope .faqItem{background:transparent}.ihab-core-scope .faqItem-title{align-items:center;background:transparent;border:none;border-radius:20px;cursor:pointer;display:flex;justify-content:space-between;padding:22px 20px;text-align:left;width:100%}.ihab-core-scope .faqItem-icon{align-items:center;color:var(--color-lightGray);display:inline-flex;font-size:20px}.ihab-core-scope .faqItem-icon-image{display:block;height:20px;width:20px}.ihab-core-scope .faqItem.faqItem--open .faqItem-title{background:var(--color-white);box-shadow:0 2px 12px rgba(0,0,0,.04)}.ihab-core-scope .faqItem-body{background:var(--color-white);border-radius:20px;color:var(--color-gray);margin-top:12px;padding:22px;text-align:left}.ihab-core-scope .faqItem.faqItem--open{border-radius:12px;overflow:hidden}.ihab-core-scope .faqItem.faqItem--open .faqItem-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.ihab-core-scope .faqItem.faqItem--open .faqItem-body{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}@media (max-width:767px){.ihab-core-scope .faq-root{flex-direction:column}.ihab-core-scope .faq-side{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}.ihab-core-scope .sideNav-menu{height:calc(100vh - 100px);overflow:hidden;padding:0 10px}.ihab-core-scope .sideNav-menu,.ihab-core-scope .sideNav-menu__list{display:flex;flex-direction:column;gap:0}.ihab-core-scope .sideNav-footer{align-items:left;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:0 0 10px}.ihab-core-scope .sideNav-menu__list>.sideNav-section:first-child{padding-top:6px}@media (max-width:767px){.ihab-core-scope .sideNav-footer,.ihab-core-scope .sideNav-menu{display:none!important}}.ihab-core-scope .sideNav-item{align-items:center;background:transparent;border:none;border-radius:10px;box-sizing:border-box;color:var(--color-darkGray);cursor:pointer;display:flex;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--sideNav-font,"Pretendard",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);gap:10px;height:52px;justify-content:flex-start;padding:0 16px;text-align:left;width:100%}@keyframes ihabCoreSnSweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ihabCoreSnIconBounce{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.ihab-core-scope .sideNav-item.active{animation:ihabCoreSnSweep 1s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,var(--color-main) 50%,var(--color-sub) 100%);background-position:0 0;background-size:200% 100%;box-shadow:0 4px 14px rgba(73,156,223,.35);color:var(--color-white)}.ihab-core-scope .sideNav-item.active .sideNav-icon{animation:ihabCoreSnIconBounce .48s cubic-bezier(.4,0,.2,1) forwards;color:var(--color-white)}.ihab-core-scope .sideNav-icon{align-items:center;color:var(--color-lightGray);display:inline-flex;flex:0 0 24px;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--sideNav-font,"Pretendard",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);height:24px;justify-content:center;width:24px}.ihab-core-scope .sideNav-icon img{display:block;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.ihab-core-scope .sideNav-icon__img{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px}.ihab-core-scope .sideNav-item .sideNav-icon img{filter:brightness(0) saturate(0) opacity(.45);transition:filter .16s ease,opacity .16s ease}.ihab-core-scope .sideNav-item.active .sideNav-icon img{filter:brightness(0) invert(1)}.ihab-core-scope .sideNav-label{flex:1}.ihab-core-scope .sideNav-item{transition:background-color .16s ease,color .16s ease,transform 80ms ease}.ihab-core-scope .sideNav-item:focus-visible:not(.active),.ihab-core-scope .sideNav-item:focus:not(.active),.ihab-core-scope .sideNav-item:hover:not(.active){background:var(--color-darkWhite)}.ihab-core-scope .sideNav-item:focus-visible{outline:2px solid rgba(73,156,223,.18);outline-offset:2px}.ihab-core-scope .sideNav-item.disabled,.ihab-core-scope .sideNav-item.disabled:focus,.ihab-core-scope .sideNav-item.disabled:hover{background:transparent;color:var(--color-lightGray);cursor:default;opacity:.6;pointer-events:none;transform:none}.ihab-core-scope .sideNav-item.disabled .sideNav-icon{color:var(--color-lightGray)}.ihab-core-scope .sideNav-item.disabled .sideNav-icon img{filter:none;opacity:.8}.ihab-core-scope .button{align-items:center;background:var(--color-white);border:0;border:var(--button-border,0);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:8px;padding:0 12px;transition:background-color .14s ease,color .14s ease,transform .1s ease,box-shadow .14s ease}.ihab-core-scope .button__icon,.ihab-core-scope .button__left,.ihab-core-scope .button__right{align-items:center;color:inherit;display:inline-flex;justify-content:center}.ihab-core-scope .button--align-center .button__label,.ihab-core-scope .button--align-right .button__label{flex:1 1 auto;text-align:center}.ihab-core-scope .button__icon{height:24px;width:24px}.ihab-core-scope .button__centerGroup{align-items:center;display:inline-flex;gap:8px}.ihab-core-scope .button__centerGroup .button__label{display:inline-block;flex:0 1 auto;text-align:center}.ihab-core-scope .button__label{display:block;line-height:1.2;white-space:normal}.ihab-core-scope .button__label-text{display:inline-block;line-height:1.2;max-width:100%;white-space:normal;word-break:break-word}.ihab-core-scope .button__icon-img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ihab-core-scope .button__icon-mask{background-color:currentColor;display:block;height:100%;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.ihab-core-scope .button__icon-svg{display:inline-block;height:100%;width:100%}.ihab-core-scope .button__icon-svg svg,.ihab-core-scope .button__icon-svg svg *{fill:currentColor;stroke:currentColor}.ihab-core-scope .button .button__label{color:currentColor;color:var(--button-text-color,currentColor);min-height:20px;min-width:20px}.ihab-core-scope .button .button__icon,.ihab-core-scope .button .button__left,.ihab-core-scope .button .button__right{color:currentColor;color:var(--button-icon-color,currentColor)}.ihab-core-scope .button--align-left{justify-content:flex-start}.ihab-core-scope .button--align-center{justify-content:center}.ihab-core-scope .button--align-right{justify-content:flex-end}.ihab-core-scope .button--align-left .button__label{flex:1 1 auto;text-align:left}.ihab-core-scope .button--align-center .button__label{align-items:center;display:flex;flex:1 1 auto;justify-content:center;text-align:center}.ihab-core-scope .button--align-right .button__label{flex:1 1 auto;text-align:right}.ihab-core-scope .button--variant-default{--button-text-color:var(--color-darkGray);--button-icon-color:var(--color-lightGray);background:var(--color-softWhite);border:var(--button-border,1px solid var(--color-whiteLine))}.ihab-core-scope .button--variant-default:focus,.ihab-core-scope .button--variant-default:focus-visible,.ihab-core-scope .button--variant-default:hover{--button-text-color:var(--color-black);--button-icon-color:var(--color-main);background:var(--color-white);border-color:var(--color-main)}.ihab-core-scope .button--variant-default.is-selected,.ihab-core-scope .button--variant-default[aria-pressed=true]{--button-text-color:var(--color-white);--button-icon-color:var(--color-white);background:var(--color-main);border-color:var(--color-main)}.ihab-core-scope .button--variant-default_line .button__icon,.ihab-core-scope .button--variant-default_line .button__icon-img,.ihab-core-scope .button--variant-default_line .button__icon-mask,.ihab-core-scope .button--variant-default_line .button__icon-svg{color:currentColor;color:var(--button-icon-color,currentColor)}.ihab-core-scope .button--variant-default_line .button__label{color:currentColor;color:var(--button-text-color,currentColor)}.ihab-core-scope .button--variant-default_main{background:var(--color-main);border:var(--button-border,1px solid var(--color-main));color:var(--color-white)}.ihab-core-scope .button--variant-default_main:focus,.ihab-core-scope .button--variant-default_main:focus-visible,.ihab-core-scope .button--variant-default_main:hover{background:var(--color-sub);border-color:var(--color-sub);color:var(--color-white)}.ihab-core-scope .button--variant-default_main.is-selected,.ihab-core-scope .button--variant-default_main[aria-pressed=true]{background:var(--color-sub);color:var(--color-white)}.ihab-core-scope .button--variant-default_sub{background:var(--color-primary,var(--color-main));color:var(--color-white)}.ihab-core-scope .button--variant-default_sub:focus,.ihab-core-scope .button--variant-default_sub:focus-visible,.ihab-core-scope .button--variant-default_sub:hover{background:var(--color-sub-dark,var(--color-sub));box-shadow:var(--shadow-button);color:var(--color-white);transform:translateY(-1px)}.ihab-core-scope .button--variant-default_transparent{background:transparent;border:var(--button-border,1px solid var(--color-white-a80));color:var(--color-white-a80)}.ihab-core-scope .button--variant-default_transparent:focus,.ihab-core-scope .button--variant-default_transparent:focus-visible,.ihab-core-scope .button--variant-default_transparent:hover{background:var(--color-white-a10);color:var(--color-white)}.ihab-core-scope .button--variant-default_transparent_gray{background:transparent;border:var(--button-border,1px solid var(--color-gray-a80));color:var(--color-gray-a80)}.ihab-core-scope .button--variant-default_transparent_gray:focus,.ihab-core-scope .button--variant-default_transparent_gray:focus-visible,.ihab-core-scope .button--variant-default_transparent_gray:hover{background:var(--color-gray-a10);color:var(--color-gray)}.ihab-core-scope .button--variant-default_transparent_lightGray{background:transparent;border:var(--button-border,1px solid var(--color-lightGray-a80));color:var(--color-lightGray-a80)}.ihab-core-scope .button--variant-default_transparent_lightGray:focus,.ihab-core-scope .button--variant-default_transparent_lightGray:focus-visible,.ihab-core-scope .button--variant-default_transparent_lightGray:hover{background:var(--color-lightGray-a10);color:var(--color-lightGray)}.ihab-core-scope .button--variant-disabled,.ihab-core-scope .button--variant-disabled-covered{background:transparent;border:var(--button-border,1px solid var(--color-disabled));border-color:var(--color-whiteLine);color:var(--color-disabled)}.ihab-core-scope .button--variant-disabled .button__icon,.ihab-core-scope .button--variant-disabled .button__left,.ihab-core-scope .button--variant-disabled .button__right,.ihab-core-scope .button--variant-disabled-covered .button__icon,.ihab-core-scope .button--variant-disabled-covered .button__left,.ihab-core-scope .button--variant-disabled-covered .button__right{color:var(--color-disabled)}.ihab-core-scope .button--variant-disabled-invisibled,.ihab-core-scope .button--variant-faded{background:transparent}.ihab-core-scope .button--variant-disabled-invisibled .button__icon,.ihab-core-scope .button--variant-disabled-invisibled .button__label,.ihab-core-scope .button--variant-disabled-invisibled .button__left,.ihab-core-scope .button--variant-disabled-invisibled .button__right,.ihab-core-scope .button--variant-faded .button__icon,.ihab-core-scope .button--variant-faded .button__left,.ihab-core-scope .button--variant-faded .button__right{color:transparent}.ihab-core-scope .button:disabled,.ihab-core-scope .button[disabled]{cursor:default;pointer-events:none}.ihab-core-scope .button60{border-radius:20px;height:60px;justify-content:center}.ihab-core-scope .button60--bar{width:200px}.ihab-core-scope .button60--dot{width:60px}.ihab-core-scope .button48{border-radius:24px;height:48px;justify-content:center}.ihab-core-scope .button48--bar{width:160px}.ihab-core-scope .button48--dot{width:48px}.ihab-core-scope .button28{border-radius:14px;height:28px;justify-content:center}.ihab-core-scope .button28--bar{min-width:60px}.ihab-core-scope .button28--dot{width:28px}.ihab-core-scope .button28 .button__icon,.ihab-core-scope .button28--bar .button__icon,.ihab-core-scope .button28--dot .button__icon{height:20px;width:20px}@media (max-width:1024px){.ihab-core-scope .button60{border-radius:17px;height:52px}.ihab-core-scope .button60--bar{width:180px}.ihab-core-scope .button60--dot{width:52px}.ihab-core-scope .button48{border-radius:22px;height:44px}.ihab-core-scope .button48--bar{width:150px}.ihab-core-scope .button48--dot{width:44px}.ihab-core-scope .button28{border-radius:15px;height:30px}.ihab-core-scope .button28--bar{min-width:120px}.ihab-core-scope .button28--dot{width:30px}}@media (max-width:768px){.ihab-core-scope .button60{border-radius:16px;height:48px}.ihab-core-scope .button60--bar{width:160px}.ihab-core-scope .button60--dot{width:48px}.ihab-core-scope .button60 .button__icon,.ihab-core-scope .button60--bar .button__icon,.ihab-core-scope .button60--dot .button__icon{height:20px;width:20px}.ihab-core-scope .button48{border-radius:20px;height:40px}.ihab-core-scope .button48--bar{min-width:140px}.ihab-core-scope .button48--dot{width:40px}.ihab-core-scope .button48 .button__icon,.ihab-core-scope .button48--bar .button__icon,.ihab-core-scope .button48--dot .button__icon{height:20px;width:20px}.ihab-core-scope .button28{border-radius:16px;height:32px}.ihab-core-scope .button28--bar{min-width:120px}.ihab-core-scope .button28--dot{width:32px}}.ihab-core-scope .tabLarge{background:var(--color-whiteLine);border-radius:999px;display:inline-flex;gap:0;height:40px;margin-bottom:20px;padding:2px}.ihab-core-scope .tabLarge-button{background:transparent;border:none;border-radius:999px;color:var(--color-gray);cursor:pointer;transition:background .12s,color .12s;width:120px}.ihab-core-scope .tabLarge-button.tabLarge-button--active{background:var(--color-white);border:none;color:var(--color-darkGray)}.ihab-core-scope .tabLarge-button:focus{outline:none}@media (max-width:480px){.ihab-core-scope .tabLarge-button{font-size:14px;padding:8px 12px}}.ihab-core-scope .tabMedium{background:var(--color-softWhite);border-radius:999px;display:flex;gap:8px;padding:6px}.ihab-core-scope .tabMedium-item{background:transparent;border:none;border-radius:999px;color:var(--color-gray);cursor:pointer;flex:1 1 0;font-size:var(--body-2);padding:12px 8px;text-align:center;transition:background .12s,color .12s}.ihab-core-scope .tabMedium-item.tabMedium-item--active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);color:var(--color-main)}.ihab-core-scope .tabMedium-item:focus{box-shadow:0 0 0 3px rgba(73,156,223,.08);outline:none}@media (max-width:480px){.ihab-core-scope .tabMedium-item{font-size:14px;padding:10px 6px}}
2	+ /# sourceMappingURL=components.esm.css.map /

package/dist/components.esm.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["NoticeBox.css","PaymentPlan.css","Faq.css","SideNav.css","SideNavButton.css","Button.css","TabLarge.css","TabMedium.css"],"names":[],"mappings":"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","file":"components.esm.css","sourcesContent":[".notice-box {\n margin: 0 auto var(--margin-page);\n padding: 20px;\n border-radius: 20px;\n background: var(--color-darkWhite);\n color: var(--color-gray);\n font-size: var(--body-2);\n position: relative;\n text-align: left;\n}\n\n\n.notice-box ul {\n margin: 0;\n padding: 0 0 0 18px;\n}\n\n.notice-inner {\n padding: 12px 14px;\n border-radius: 10px;\n text-align: left;\n}\n\n.notice-title {\n margin: 0 0 10px 0;\n color: var(--color-gray);\n}\n\n.notice-body {\n color: var(--color-lightGray);\n}\n\n.notice-line {\n color: var(--color-lightGray)\n}\n\n/* Variants */\n.notice--default {\n border-color: var(--color-whiteLine);\n}\n\n.notice--dashed {\n border: 1px dashed var(--color-whiteLine);\n background: var(--color-softWhite);\n}\n\n.notice--important {\n border: 1px solid var(--color-main);\n box-shadow: 0 6px 18px rgba(73, 156, 223, 0.08);\n}\n\n/* Close button */\n/* close button removed — dismissible feature disabled */\n\n@media (max-width: 767px) {\n .notice-box {\n padding: 12px;\n }\n\n .notice-inner {\n padding: 12px;\n }\n}",".payment-plan-card {\n display: block;\n}\n\n/* keep this file for future component-specific overrides */\n\n.product-card {\n border: 2px solid var(--color-whiteLine);\n border-radius: 40px;\n padding: 40px;\n width: 100%;\n max-width: 420px;\n background: var(--color-white);\n /* Allow cards to grow/shrink in the horizontal row and match heights */\n display: flex;\n flex-direction: column;\n flex: 1 1 420px;\n}\n\n.product-card__inner {\n display: flex;\n flex-direction: column;\n gap: 20px;\n /* Fill available card height so bottom pricing can be pushed down */\n flex: 1 1 auto;\n}\n\n.product-card__content {\n display: flex;\n flex-direction: column;\n gap: 40px;\n text-align: left;\n /* make main content take remaining space so pricing sits at bottom */\n flex: 1 1 auto;\n}\n\n.product-quote {\n color: var(--color-sub);\n margin: 0;\n}\n\n.product-title {\n color: var(--color-black);\n margin: 0;\n}\n\n.product-sub {\n color: var(--color-lightGray);\n margin: 0 0 6px 0;\n text-align: left;\n}\n\n.product-box {\n display: block;\n}\n\n.box-title {\n display: block;\n}\n\n.box-list {\n padding-left: 18px;\n color: var(--color-lightGray);\n}\n\n.box-list li {\n margin-bottom: 4px;\n}\n\n.product-card__pricing {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 6px;\n text-align: left;\n /* keep pricing area at the bottom of the card */\n margin-top: auto;\n}\n\n.pricing-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.pricing-row {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 10px 20px;\n border-radius: 10px;\n background: var(--color-darkWhite);\n cursor: pointer;\n width: 100%;\n\n}\n\n.pricing-row__label {\n align-self: flex-start;\n margin: 0 !important;\n}\n\n.pricing-row__price {\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n text-align: right;\n color: var(--color-main);\n margin: 0;\n}\n\n.pricing-original {\n color: var(--color-lightGray);\n text-decoration: line-through;\n margin: 0 !important;\n}\n\n.pricing-current {\n color: var(--color-main);\n margin: 0 !important;\n}\n\n.pricing-badge {\n margin: 0 !important;\n color: var(--color-main);\n}\n\n/* Title row: label on left, badge on right */\n.pricing-row-title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n margin: 0 !important;\n}\n\n/* ----- Payment page layout & plan-specific styles moved from styles.pages.css ----- */\n.payment-plans {\n /* arrange product cards horizontally with wrapping and centered */\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 40px;\n width: 100%;\n max-width: calc(3 * 420px + 2 * 40px);\n margin: 0 auto var(--margin-page);\n justify-content: center;\n /* stretch items so cards match height in a row */\n align-items: stretch;\n}\n\n/* Ensure direct children (cards) actually stretch and allow internal flexing/shrinking */\n.payment-plans > .product-card {\n align-self: stretch;\n box-sizing: border-box;\n /* allow flex children to shrink properly */\n min-height: 0;\n}\n\n/* Allow inner flex items to shrink (prevents children from forcing taller heights) */\n.product-card__inner,\n.product-card__content {\n min-height: 0;\n}\n.payment-plan-card {\n padding: 28px 20px; border-radius: 20px;\n border: 2px solid var(--color-whiteLine);\n background: #fff; position: relative;\n transition: all 0.15s;\n}\n.payment-plan-card.recommended {\n border-color: var(--color-main);\n box-shadow: 0 8px 32px rgba(73,156,223,0.18);\n}\n.plan-recommended-badge {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n padding: 4px 14px; border-radius: 20px;\n background: var(--color-main); color: #fff;\n font-size: 11px; font-weight: 700; white-space: nowrap;\n}\n.plan-name { font-size: var(--h5); font-weight: 800; margin: 0 0 8px; }\n.plan-price { font-size: var(--h2); font-weight: 800; margin: 0 0 4px; }\n.plan-period { font-size: var(--body-3); color: var(--color-gray); display: inline; }\n.plan-features { list-style: none; padding: 0; margin: 20px 0; display: flex; flex-direction: column; gap: 8px; }\n.plan-feature {\n display: flex; align-items: center; gap: 8px;\n font-size: var(--body-2); color: var(--color-darkGray);\n}\n.plan-feature::before { content: '✓'; font-weight: 700; color: var(--color-success); }\n.plan-btn {\n width: 100%; padding: 14px;\n border-radius: 12px; border: none; cursor: pointer;\n font-size: var(--body-2); font-weight: 700;\n transition: all 0.12s;\n}\n.plan-btn--primary { background: var(--color-main); color: #fff; }\n.plan-btn--primary:hover { background: var(--color-infoLink); }\n.plan-btn--outline { background: var(--color-softWhite); color: var(--color-darkGray); border: 1px solid var(--color-whiteLine); }\n.plan-btn--outline:hover { border-color: var(--color-main); color: var(--color-main); }\n\n@media (max-width: 520px) {\n .payment-plans { flex-direction: column; gap: 16px; max-width: 420px; align-items: center; }\n}\n\n/* ----- end moved styles ----- */",".faq-root {\n display: flex;\n gap: 24px;\n align-items: flex-start;\n border-top: 1px solid var(--color-whiteLine);\n padding-top: var(--margin-page);\n padding-left: var(--margin-page);\n padding-right: var(--margin-page);\n /* stretch visually to page edges by offsetting the page padding */\n width: calc(100% + 2 * var(--margin-page));\n margin-left: calc(-1 * var(--margin-page));\n box-sizing: border-box;\n\n\n}\n\n.faq-side {\n width: 220px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.faq-side-title {\n font-size: var(--h4);\n margin: 0;\n text-align: left;\n}\n\n.faq-side-button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 18px;\n border-radius: 28px;\n border: none;\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n cursor: pointer;\n font-weight: 700;\n}\n\n.faq-side-icon {\n display: inline-flex;\n width: 28px;\n height: 28px;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: var(--color-softWhite);\n}\n\n.faq-list {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 18px;\n}\n\n.faqItem {\n background: transparent;\n}\n\n.faqItem-title {\n width: 100%;\n text-align: left;\n padding: 22px 20px;\n border-radius: 20px;\n background: transparent;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.faqItem-icon {\n font-size: 20px;\n color: var(--color-lightGray);\n display: inline-flex;\n align-items: center;\n}\n\n.faqItem-icon-image {\n width: 20px;\n height: 20px;\n display: block;\n}\n\n.faqItem.faqItem--open .faqItem-title {\n background: var(--color-white);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);\n}\n\n.faqItem-body {\n margin-top: 12px;\n padding: 22px;\n border-radius: 20px;\n background: var(--color-white);\n color: var(--color-gray);\n text-align: left;\n}\n\n/* When opened, visually connect title and body into a single card */\n.faqItem.faqItem--open {\n border-radius: 12px;\n overflow: hidden;\n}\n\n.faqItem.faqItem--open .faqItem-title {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.faqItem.faqItem--open .faqItem-body {\n margin-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n@media (max-width: 767px) {\n .faq-root {\n flex-direction: column;\n }\n\n .faq-side {\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}",".sideNav-menu {\n display: flex;\n flex-direction: column;\n gap: 0px;\n padding: 0 10px;\n height: calc(100vh - 100px); /* allow footer to stick to bottom within header aside */\n overflow: hidden; /* prevent side nav from becoming a scroll container */\n}\n\n.sideNav-menu__list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.sideNav-footer {\n margin-top: auto;\n padding: 0 0 10px 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: left;\n}\n\n.sideNav-menu__list > .sideNav-section:first-child {\n padding-top: 6px;\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n}\n\n@media (max-width: 767px) {\n}\n\n/* Ensure side nav is hidden on mobile unless explicitly toggled via JS */\n@media (max-width: 767px) {\n .sideNav-menu { display: none !important; }\n .sideNav-footer { display: none !important; }\n}",".sideNav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n height: 52px;\n padding: 0 16px;\n box-sizing: border-box;\n border: none;\n border-radius: 10px;\n background: transparent;\n cursor: pointer;\n color: var(--color-darkGray);\n text-align: left;\n justify-content: flex-start;\n font-family: var(--sideNav-font, 'Pretendard', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);\n}\n@keyframes ihabCoreSnSweep {\n 0% { background-position: 100% 0; }\n 100% { background-position: 0% 0; }\n}\n\n@keyframes ihabCoreSnIconBounce {\n 0% { transform: scale(1); }\n 40% { transform: scale(1.12); }\n 100% { transform: scale(1); }\n}\n\n.sideNav-item.active {\n background: linear-gradient(\n 90deg,\n var(--color-main) 50%,\n var(--color-sub) 100%\n );\n background-size: 200% 100%;\n background-position: 0% 0;\n color: var(--color-white);\n animation: ihabCoreSnSweep 1000ms cubic-bezier(0.4, 0, 0.2, 1) forwards;\n box-shadow: 0 4px 14px rgba(73, 156, 223, 0.35);\n}\n\n.sideNav-item.active .sideNav-icon {\n color: var(--color-white);\n animation: ihabCoreSnIconBounce 480ms cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n.sideNav-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--color-lightGray);\n font-family: var(--sideNav-font, 'Pretendard', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);\n color: var(--color-lightGray);\n}\n\n/* Ensure the icon occupies a fixed slot so label width changes don't shift it */\n.sideNav-icon {\n flex: 0 0 24px;\n}\n\n.sideNav-icon img {\n width: 20px;\n height: 20px;\n display: block;\n object-fit: contain;\n}\n\n/* Masked SVG icon: uses the SVG file as a mask so the icon color follows `color`.\n Requires the SVG to be a plain graphic (no embedded raster content).\n Usage: <span class=\"sideNav-icon__img\" style=\"--icon-url: url(/path/icon.svg)\"></span> */\n.sideNav-icon__img {\n width: 20px;\n height: 20px;\n display: inline-block;\n background-color: currentColor;\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n -webkit-mask-image: var(--icon-url);\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-mask-size: contain;\n mask-image: var(--icon-url);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: contain;\n}\n\n/* Make raster/SVG images appear white when the item is active.\n Uses a filter that turns dark icon pixels to white. If your icons\n are full-color photos this may not be perfect; prefer inline SVG\n with `fill=\"currentColor\"` for robust color control. */\n.sideNav-item .sideNav-icon img {\n transition: filter 160ms ease, opacity 160ms ease;\n filter: brightness(0) saturate(0) opacity(0.45);\n}\n\n.sideNav-item.active .sideNav-icon img {\n filter: brightness(0) invert(1);\n}\n\n.sideNav-label {\n flex: 1;\n}\n\n/* Hover / focus interaction */\n.sideNav-item {\n transition: background-color 160ms ease, color 160ms ease, transform 80ms ease;\n}\n\n.sideNav-item:hover:not(.active),\n.sideNav-item:focus:not(.active),\n.sideNav-item:focus-visible:not(.active) {\n background: var(--color-darkWhite); /* subtle tint of --color-main */\n}\n\n.sideNav-item:focus-visible {\n outline: 2px solid rgba(73,156,223,0.18);\n outline-offset: 2px;\n}\n\n/* Disabled state */\n.sideNav-item.disabled,\n.sideNav-item.disabled:focus,\n.sideNav-item.disabled:hover {\n background: transparent;\n color: var(--color-lightGray);\n cursor: default;\n pointer-events: none;\n opacity: 0.6;\n transform: none;\n}\n\n.sideNav-item.disabled .sideNav-icon {\n color: var(--color-lightGray);\n}\n\n.sideNav-item.disabled .sideNav-icon img {\n filter: none;\n opacity: 0.8;\n}\n","/* Button component styles — renamed .btn -> .button */\n.button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: var(--button-border, 0);\n padding: 0 12px;\n background: var(--color-white);\n color: inherit;\n cursor: pointer;\n font-family: inherit;\n box-sizing: border-box;\n transition: background-color .14s ease, color .14s ease, transform .10s ease, box-shadow .14s ease;\n color: inherit;\n}\n\n/* shared inner element names */\n.button__left,\n.button__right,\n.button__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: inherit;\n}\n\n/* align helpers: when a button is a wide `--bar`, allow centering label\n while keeping a right icon pinned to the edge. */\n.button--align-center .button__label,\n.button--align-right .button__label {\n flex: 1 1 auto;\n text-align: center;\n}\n\n\n.button__icon {\n width: 24px;\n height: 24px\n}\n\n/* group for center-aligned icon+label so they stay together */\n.button__centerGroup {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n/* inside the center group, prevent the label from flexing to fill space */\n.button__centerGroup .button__label {\n flex: 0 1 auto;\n display: inline-block;\n text-align: center;\n}\n\n.button__label {\n line-height: 1.2;\n white-space: normal;\n display: block;\n}\n\n/* Allow button labels to wrap to multiple lines when needed */\n.button__label-text {\n display: inline-block;\n white-space: normal;\n word-break: break-word;\n line-height: 1.2;\n max-width: 100%;\n}\n\n.button__icon-img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.button__icon-mask {\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n -webkit-mask-image: var(--icon-url);\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-mask-size: contain;\n mask-image: var(--icon-url);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: contain;\n}\n\n.button__icon-svg {\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n\n/* Ensure inline SVGs inherit currentColor for fill and stroke */\n.button__icon-svg svg,\n.button__icon-svg svg * {\n fill: currentColor;\n stroke: currentColor;\n}\n\n/* Allow variants to control icon and label colors via CSS variables\n e.g. --button-text-color and --button-icon-color set on the variant class */\n.button .button__label {\n color: var(--button-text-color, currentColor);\n min-width: 20px;\n min-height: 20px;\n}\n\n.button .button__icon,\n.button .button__left,\n.button .button__right {\n color: var(--button-icon-color, currentColor);\n}\n\n\n/* shared modifiers */\n.button--align-left {\n justify-content: flex-start\n}\n\n.button--align-center {\n justify-content: center\n}\n\n.button--align-right {\n justify-content: flex-end\n}\n\n/* Fine-grained alignment behaviors for bar buttons:\n - left: left icon + label grouped left, right icon pinned to far right\n - center: label centered, icons sit close to label\n - right: label fills space and aligns right, right icon pinned to far right\n*/\n.button--align-left .button__label {\n flex: 1 1 auto;\n text-align: left;\n}\n\n\n.button--align-center .button__label {\n /* allow label to grow and wrap while keeping it centered */\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.button--align-right .button__label {\n flex: 1 1 auto;\n text-align: right;\n}\n\n/* variants */\n.button--variant-default {\n background: var(--color-softWhite);\n --button-text-color: var(--color-darkGray);\n --button-icon-color: var(--color-lightGray);\n border: var(--button-border, 1px solid var(--color-whiteLine));\n}\n\n.button--variant-default:hover,\n.button--variant-default:focus,\n.button--variant-default:focus-visible {\n background: var(--color-white);\n --button-text-color: var(--color-black);\n --button-icon-color: var(--color-main);\n border-color: var(--color-main);\n}\n\n.button--variant-default.is-selected,\n.button--variant-default[aria-pressed='true'] {\n background: var(--color-main);\n --button-text-color: var(--color-white);\n --button-icon-color: var(--color-white);\n border-color: var(--color-main);\n}\n\n.button--variant-default_line .button__icon,\n.button--variant-default_line .button__icon-img,\n.button--variant-default_line .button__icon-svg,\n.button--variant-default_line .button__icon-mask {\n color: var(--button-icon-color, currentColor);\n}\n\n.button--variant-default_line .button__label {\n color: var(--button-text-color, currentColor);\n}\n\n.button--variant-default_main {\n background: var(--color-main);\n color: var(--color-white);\n border: var(--button-border, 1px solid var(--color-main));\n}\n\n.button--variant-default_main:hover,\n.button--variant-default_main:focus,\n.button--variant-default_main:focus-visible {\n background: var(--color-sub);\n color: var(--color-white);\n border-color: var(--color-sub);\n}\n\n.button--variant-default_main.is-selected,\n.button--variant-default_main[aria-pressed='true'] {\n background: var(--color-sub);\n color: var(--color-white);\n}\n\n.button--variant-default_sub {\n background: var(--color-primary, var(--color-main));\n color: var(--color-white);\n}\n\n.button--variant-default_sub:hover,\n.button--variant-default_sub:focus,\n.button--variant-default_sub:focus-visible {\n background: var(--color-sub-dark, var(--color-sub));\n color: var(--color-white);\n box-shadow: var(--shadow-button);\n transform: translateY(-1px);\n}\n\n.button--variant-default_transparent {\n background: transparent;\n color: var(--color-white-a80);\n border: var(--button-border, 1px solid var(--color-white-a80));\n}\n\n.button--variant-default_transparent:hover,\n.button--variant-default_transparent:focus,\n.button--variant-default_transparent:focus-visible {\n background: var(--color-white-a10);\n color: var(--color-white);\n}\n\n.button--variant-default_transparent_gray {\n background: transparent;\n color: var(--color-gray-a80);\n border: var(--button-border, 1px solid var(--color-gray-a80));\n}\n\n.button--variant-default_transparent_gray:hover,\n.button--variant-default_transparent_gray:focus,\n.button--variant-default_transparent_gray:focus-visible {\n background: var(--color-gray-a10);\n color: var(--color-gray);\n}\n\n.button--variant-default_transparent_lightGray {\n background: transparent;\n color: var(--color-lightGray-a80);\n border: var(--button-border, 1px solid var(--color-lightGray-a80));\n}\n\n.button--variant-default_transparent_lightGray:hover,\n.button--variant-default_transparent_lightGray:focus,\n.button--variant-default_transparent_lightGray:focus-visible {\n background: var(--color-lightGray-a10);\n color: var(--color-lightGray);\n}\n\n.button--variant-disabled,\n.button--variant-disabled-covered {\n background: transparent;\n border: var(--button-border, 1px solid var(--color-disabled));\n border-color: var(--color-whiteLine);\n color: var(--color-disabled);\n}\n\n.button--variant-disabled .button__icon,\n.button--variant-disabled .button__left,\n.button--variant-disabled .button__right,\n.button--variant-disabled-covered .button__icon,\n.button--variant-disabled-covered .button__left,\n.button--variant-disabled-covered .button__right {\n color: var(--color-disabled);\n}\n\n.button--variant-faded,\n.button--variant-disabled-invisibled {\n background: transparent;\n}\n\n.button--variant-faded .button__icon,\n.button--variant-faded .button__left,\n.button--variant-faded .button__right,\n.button--variant-disabled-invisibled .button__icon,\n.button--variant-disabled-invisibled .button__left,\n.button--variant-disabled-invisibled .button__right,\n.button--variant-disabled-invisibled .button__label {\n color: transparent;\n}\n\n.button:disabled,\n.button[disabled] {\n cursor: default;\n pointer-events: none;\n}\n\n/* sizes */\n.button60 {\n height: 60px;\n border-radius: 20px;\n justify-content: center;\n}\n\n.button60--bar { width: 200px; }\n.button60--dot { width: 60px; }\n\n.button48 {\n height: 48px;\n border-radius: 24px;\n justify-content: center;\n}\n\n.button48--bar { width: 160px; }\n.button48--dot { width: 48px; }\n\n.button28 {\n height: 28px;\n border-radius: 14px;\n justify-content: center;\n}\n\n.button28--bar { min-width: 60px; }\n.button28--dot { width: 28px; }\n\n.button28 .button__icon,\n.button28--bar .button__icon,\n.button28--dot .button__icon {\n width: 20px;\n height: 20px;\n}\n\n@media (max-width: 1024px) {\n .button60 {\n height: 52px;\n border-radius: 17px;\n }\n .button60--bar { width: 180px; }\n .button60--dot { width: 52px; }\n\n .button48 {\n height: 44px;\n border-radius: 22px;\n }\n .button48--bar { width: 150px; }\n .button48--dot { width: 44px; }\n\n .button28 {\n height: 30px;\n border-radius: 15px;\n }\n .button28--bar { min-width: 120px; }\n .button28--dot { width: 30px; }\n}\n\n@media (max-width: 768px) {\n .button60 {\n height: 48px;\n border-radius: 16px;\n }\n .button60--bar { width: 160px; }\n .button60--dot { width: 48px; }\n\n .button60 .button__icon,\n .button60--bar .button__icon,\n .button60--dot .button__icon {\n width: 20px;\n height: 20px;\n }\n\n .button48 {\n height: 40px;\n border-radius: 20px;\n }\n .button48--bar { min-width: 140px; }\n .button48--dot { width: 40px; }\n\n .button48 .button__icon,\n .button48--bar .button__icon,\n .button48--dot .button__icon {\n width: 20px;\n height: 20px;\n }\n\n .button28 {\n height: 32px;\n border-radius: 16px;\n }\n .button28--bar { min-width: 120px; }\n .button28--dot { width: 32px; }\n}\n",".tabLarge {\n display: inline-flex;\n gap: 0px;\n background: var(--color-whiteLine);\n padding: 2px;\n border-radius: 999px;\n height: 40px;\n margin-bottom: 20px;\n \n}\n.tabLarge-button {\n width: 120px;\n border: none;\n background: transparent;\n border-radius: 999px;\n color: var(--color-gray);\n cursor: pointer;\n transition: background 0.12s, color 0.12s;\n}\n.tabLarge-button.tabLarge-button--active {\n background: var(--color-white);\n color: var(--color-darkGray);\n border: none;\n}\n.tabLarge-button:focus { outline: none; }\n\n@media (max-width: 480px) {\n .tabLarge-button { padding: 8px 12px; font-size: 14px; }\n}\n",".tabMedium {\n display: flex;\n gap: 8px;\n background: var(--color-softWhite);\n padding: 6px;\n border-radius: 999px;\n}\n.tabMedium-item {\n flex: 1 1 0;\n padding: 12px 8px;\n border: none;\n background: transparent;\n border-radius: 999px;\n font-size: var(--body-2);\n color: var(--color-gray);\n cursor: pointer;\n transition: background 0.12s, color 0.12s;\n text-align: center;\n}\n.tabMedium-item.tabMedium-item--active {\n background: #fff;\n color: var(--color-main);\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n.tabMedium-item:focus { outline: none; box-shadow: 0 0 0 3px rgba(73,156,223,0.08); }\n\n@media (max-width: 480px) {\n .tabMedium-item { padding: 10px 6px; font-size: 14px; }\n}\n"]}