.cgau-hb-focus{--cgau-hb-focus-index:0;box-sizing:border-box;margin:32px 0 28px;padding:clamp(20px,3.2vw,38px);border:1px solid #d8e0e5;border-radius:clamp(22px,2.4vw,28px);background:#f5f5f7;color:#17344f;font-family:var(--font-body--family, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif)}.cgau-hb-focus *,.cgau-hb-focus *:before,.cgau-hb-focus *:after{box-sizing:border-box;min-width:0}.cgau-hb-focus__layout{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);align-items:stretch;gap:clamp(22px,4vw,56px)}.cgau-hb-focus__tabs{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(44px,1fr));align-self:center;gap:8px;padding-left:16px}.cgau-hb-focus__tabs:before{content:"";position:absolute;top:0;bottom:auto;left:0;width:2px;height:calc((100% - 16px) / 3);border-radius:999px;background:#17344f;transform:translateY(calc(var(--cgau-hb-focus-index) * (100% + 8px)));transition:transform .32s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__tab{display:flex;align-items:center;column-gap:.22em;min-width:0;min-height:44px;padding:10px 0;border:0;background:transparent;color:#70889b;cursor:pointer;font:600 clamp(24px,2.8vw,36px)/1.08 var(--font-body--family, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);letter-spacing:-.035em;text-align:left;transition:color .32s ease,font-weight .32s ease}.cgau-hb-focus__tab[aria-selected=true]{color:#17344f;font-weight:760}.cgau-hb-focus__tab:focus-visible{outline:3px solid #3158a8;outline-offset:5px;border-radius:6px}.cgau-hb-focus__art-well{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;height:clamp(300px,31vw,410px);padding:68px 18px 22px;overflow:hidden;border:1px solid #e0e5e8;border-radius:22px;background:#fff}.cgau-hb-focus__art-name{position:absolute;z-index:2;top:clamp(16px,2vw,24px);left:clamp(18px,2.4vw,30px);max-width:calc(100% - 36px);color:#17344f;font-size:clamp(20px,2vw,30px);font-weight:760;letter-spacing:-.04em;line-height:1.05;opacity:0;transform:scale(.985);transition:opacity .3s cubic-bezier(.2,.74,.2,1),transform .3s cubic-bezier(.2,.74,.2,1);visibility:hidden}.cgau-hb-focus__portrait{grid-area:1/1;display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(calc(var(--cgau-hb-art-scale,1) * .985));transition:opacity .3s cubic-bezier(.2,.74,.2,1),transform .3s cubic-bezier(.2,.74,.2,1);visibility:hidden}.cgau-hb-focus__portrait--0{--cgau-hb-art-scale:1}.cgau-hb-focus__portrait--1{--cgau-hb-art-scale:1.28}.cgau-hb-focus__portrait--2{--cgau-hb-art-scale:1.25}.cgau-hb-focus__portrait[data-image-error=true]{opacity:0!important;visibility:hidden!important}.cgau-hb-focus__art-name[data-image-error=true]:after{content:"Product image unavailable";display:block;margin-top:90px;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.5;color:#52708b}.cgau-hb-focus__portrait[data-state=active]{opacity:1;transform:scale(var(--cgau-hb-art-scale,1));visibility:visible;transition:opacity .3s cubic-bezier(.2,.74,.2,1),transform .3s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__portrait[data-state=leaving]{opacity:0;transform:scale(calc(var(--cgau-hb-art-scale,1) * .985));visibility:visible;transition:opacity .16s cubic-bezier(.2,.74,.2,1),transform .16s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__art-name[data-state=active]{opacity:1;transform:scale(1);visibility:visible;transition:opacity .3s cubic-bezier(.2,.74,.2,1),transform .3s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__art-name[data-state=leaving]{opacity:0;transform:scale(.985);visibility:visible;transition:opacity .16s cubic-bezier(.2,.74,.2,1),transform .16s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__panels{display:grid;min-width:0;margin-top:clamp(24px,3vw,34px)}.cgau-hb-focus__panel{grid-area:1/1;min-width:0;opacity:0;transform:scale(.985);transition:opacity .3s cubic-bezier(.2,.74,.2,1),transform .3s cubic-bezier(.2,.74,.2,1);visibility:hidden}.cgau-hb-focus__panel[data-state=active]{opacity:1;transform:scale(1);visibility:visible;transition:opacity .3s cubic-bezier(.2,.74,.2,1),transform .3s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__panel[data-state=entering]{visibility:visible}.cgau-hb-focus__panel[data-state=leaving]{opacity:0;transform:scale(.985);visibility:visible;transition:opacity .16s cubic-bezier(.2,.74,.2,1),transform .16s cubic-bezier(.2,.74,.2,1)}.cgau-hb-focus__panel-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cgau-hb-focus__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.cgau-hb-focus__fact{min-width:0;padding:16px 18px;border-top:1px solid #c9d4db}.cgau-hb-focus__fact-label{color:#52708b;font-size:13px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.cgau-hb-focus__fact-value{margin:8px 0 0;color:#17344f;font-size:clamp(15px,1.3vw,18px);font-weight:580;line-height:1.42}.cgau-hb-focus__compatibility{margin:20px 0 0;color:#52708b;font-size:15px;line-height:1.45}.cgau-hb-focus__compatibility a{color:#17344f;font-weight:700;text-underline-offset:3px}@media(max-width:700px){.cgau-hb-focus{margin-top:26px;padding:20px 16px;border-radius:22px}.cgau-hb-focus__layout{grid-template-columns:minmax(0,1fr);gap:18px}.cgau-hb-focus__tabs{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(44px,1fr);gap:6px;padding:0 0 10px}.cgau-hb-focus__tabs:before{top:auto;bottom:0;left:0;width:calc((100% - 12px) / 3);height:2px;transform:translate(calc(var(--cgau-hb-focus-index) * (100% + 6px)))}.cgau-hb-focus__tab{justify-content:center;flex-direction:column;min-height:44px;padding:6px 4px;font-size:clamp(14px,4vw,18px);line-height:1.15;text-align:center;overflow-wrap:normal;word-break:normal}.cgau-hb-focus__art-well{height:clamp(240px,68vw,300px)}.cgau-hb-focus__panels{margin-top:22px}.cgau-hb-focus__facts{grid-template-columns:minmax(0,1fr);gap:0}.cgau-hb-focus__fact{padding:14px 0}}@media(prefers-reduced-motion:reduce){.cgau-hb-focus__tabs:before,.cgau-hb-focus__tab,.cgau-hb-focus__portrait,.cgau-hb-focus__art-name,.cgau-hb-focus__panel{transition:none!important}}@media print{.cgau-hb-focus{display:none!important}}.cgau-hb-focus__fact:first-child .cgau-hb-focus__fact-value{font-size:clamp(32px,3.6vw,44px);font-weight:740;letter-spacing:-.04em;line-height:1.1}.cgau-hb-focus__family,.cgau-hb-focus__suffix{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/47/assets/cgau-homebase-focus.css.map */