/* These styles are loaded only by the two standalone commerce tool documents. */
@font-face{font-family:HorangiSans;src:url('/fonts/PretendardVariable-v1.3.9.woff2') format('woff2');font-display:swap;font-weight:100 900}
@media screen{
 .commerce-surface{--ink:#292b35;--muted:#737782;--line:#e6e8ee;--bg:#fff;--rail-width:0px;margin:0;background:#fff;color:var(--ink);padding:0;min-width:320px;font-family:HorangiSans,system-ui,sans-serif}
 .commerce-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid #e6e8ee}
 .commerce-header-inner{max-width:1420px;min-height:76px;margin:auto;padding:0 28px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
 .commerce-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.8px;white-space:nowrap;color:#22252d}
 .commerce-brand-mark{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#22252d;color:#fff;border-radius:8px;font-size:25px;font-weight:800;line-height:1}
 .commerce-brand-mark sub{font-size:15px;align-self:flex-end;padding-bottom:5px;margin-left:-2px}
 .commerce-navigation{display:flex;align-self:stretch;align-items:stretch;gap:3px;margin-left:auto}
 .commerce-navigation a{display:flex;align-items:center;padding:24px 13px 21px;border-radius:0;border-bottom:3px solid transparent;margin:0;color:#636976;font-size:14px;font-weight:600;white-space:nowrap;justify-content:center}
 .commerce-navigation a:hover{background:#fafafa;color:#a74715}
 .commerce-navigation a[aria-current=page]{border-bottom-color:#a74715;color:#a74715;background:transparent}
 .commerce-account-actions{display:flex;gap:18px;align-items:center;font-size:12px;white-space:nowrap}
 .commerce-bookmark{border:0;background:none;padding:10px 0;font-size:12px;color:#656b77;min-height:44px}
 .commerce-account{border:1px solid #dce0e6;border-radius:6px;padding:8px 11px;font-weight:600;background:#fff;color:#343844}
 .commerce-bookmark-help{max-width:1300px;margin:16px auto 0;padding:12px 20px;border-radius:8px;background:#fff6ef;font-size:13px;color:#784519}
 .commerce-bookmark-help[hidden]{display:none}
 .commerce-workspace{max-width:1420px;margin:0 auto;min-height:calc(100vh - 155px)}
 .commerce-subbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;border-bottom:1px solid #f0f1f5;min-height:58px}
 .commerce-subnav{display:flex;align-items:stretch;gap:28px;margin:0}
 .commerce-subnav a{margin:0;border-radius:0;border-bottom:2px solid transparent;padding:17px 0 14px;font-size:14px;color:#717581;font-weight:600;white-space:nowrap}
 .commerce-subnav a.active{color:#5759e9;border-bottom-color:#5759e9;background:none}
 .commerce-subnav a:hover{color:#5759e9;background:none}
 .commerce-section-label{font-weight:700;font-size:14px;color:#5c606b}
 .commerce-data-link{font-size:12px;color:#686d78;padding:12px 0;white-space:nowrap}
 .commerce-data-link.active{color:#5759e9;font-weight:700}
 .commerce-signin-notice{margin:18px 36px 0;padding:12px 16px;border:1px solid #eeedf9;background:#f8f8fd;border-radius:7px;display:flex;align-items:center;gap:18px;color:#686b78;font-size:12px}
 .commerce-signin-notice a{color:#5557d9;font-weight:700;white-space:nowrap;margin-left:auto}
 .commerce-surface .main{max-width:none;min-height:0;margin:0;padding:30px 36px 45px}
 .commerce-surface .page-head{margin-top:0}
 .commerce-surface .page-head h1{font-size:38px}
 .commerce-surface .footer-info{display:none}
 .commerce-footer{max-width:1420px;margin:auto;padding:25px 36px 30px;border-top:1px solid #eceef2;display:flex;justify-content:space-between;gap:20px;color:#808590;font-size:12px}
 .commerce-footer a{color:#686e7a}
 .commerce-surface[data-commerce-page=calculator] .margin-summary{top:20px}
 .commerce-surface[data-commerce-page=calculator] .page-head .page-heading{text-align:left}
 .commerce-surface[data-commerce-page=calculator] .page-head h1{background:none;color:#272a34;-webkit-text-fill-color:currentColor;font-size:32px}
 .commerce-surface[data-commerce-page=calculator] .page-head .eyebrow{color:#a74715}
 .commerce-surface[data-commerce-page=calculator] .page-head .subtitle{max-width:none;margin-left:0}
 .commerce-surface .margin-history{scroll-margin-top:20px}
}
@media screen and (max-width:1100px){
 .commerce-header-inner{gap:15px;padding:0 24px}.commerce-navigation a{padding-left:9px;padding-right:9px}.commerce-bookmark{display:none}.commerce-account-actions{gap:0}.commerce-surface .main{padding:28px 24px 36px}.commerce-subbar{padding:0 24px}.commerce-signin-notice{margin-left:24px;margin-right:24px}
}
@media screen and (max-width:760px){
 .commerce-header-inner{min-height:0;padding:13px 18px 0;gap:8px 12px}.commerce-brand{font-size:18px;margin-right:auto}.commerce-brand-mark{width:31px;height:31px;font-size:23px}.commerce-account-actions{order:2}.commerce-account{font-size:11px;padding:7px 10px}.commerce-navigation{order:3;width:100%;margin:0;justify-content:space-between;gap:0}.commerce-navigation a{flex:none;padding:13px 8px 11px;font-size:13px}.commerce-subbar{padding:0 18px;gap:12px}.commerce-subnav{gap:24px}.commerce-subnav a{font-size:13px}.commerce-data-link{font-size:11px}.commerce-surface .main{margin:0;padding:26px 16px 32px}.commerce-signin-notice{margin:15px 16px 0;font-size:11px;padding:10px 12px;align-items:start;gap:12px}.commerce-surface .page-head h1{font-size:30px}.commerce-surface[data-commerce-page=calculator] .page-head h1{font-size:28px}.commerce-footer{padding:22px 18px 25px;font-size:11px}.commerce-bookmark-help{margin:12px 16px 0}
}
@media screen and (max-width:380px){.commerce-navigation a{font-size:12px;padding-left:5px;padding-right:5px}.commerce-header-inner{padding-left:14px;padding-right:14px}.commerce-brand{font-size:17px;gap:7px}.commerce-subnav{gap:18px}}
@media print{.commerce-header,.commerce-subbar,.commerce-signin-notice,.commerce-footer,.commerce-bookmark-help{display:none!important}.commerce-surface .main{margin:0!important;padding:0!important}}