.cb-bench{--cb-tint: 36, 96, 214;--cb-art-w: 150px;isolation:isolate;padding:44px 80px 28px}.cb-bench__head{text-align:center;margin:0 0 26px}.cb-bench__title{margin:0;font:700 clamp(26px,2.6vw,34px)/1.15 var(--font-sans, sans-serif);letter-spacing:-.4px;color:var(--color-ink, #1a1a1a)}.cb-bench__sub{margin:8px 0 0;font:400 16px/1.5 var(--font-sans, sans-serif);color:var(--color-muted, #6b7280)}.cb-bench__tabs{display:grid;grid-template-columns:repeat(var(--cb-n, 3),minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.cb-bench__tabs>li{display:flex}.cb-bench__tab{position:relative;flex:1;width:100%;min-height:184px;text-align:left;cursor:pointer;overflow:hidden;padding:24px;border-radius:16px;background:#fff;border:1px solid var(--cb-edge, #cdd5df);box-shadow:0 1px 2px #131c280f;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.cb-bench__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cb-acc, #1b3a6e);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cb-bench__tab:hover{transform:translateY(-3px)}.cb-bench__tab:focus-visible{outline:2px solid var(--cb-acc, #1b3a6e);outline-offset:3px}.cb-bench__tab[aria-selected=true]{border-color:var(--cb-acc, #1b3a6e)}.cb-bench__tab[aria-selected=true]:after{transform:scaleX(1)}.cb-bench__tab-num{display:block;font:500 11px/1 var(--font-mono, monospace);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-muted, #6b7280);margin-bottom:10px}.cb-bench__tab-title{display:block;font:700 19px/1.25 var(--font-sans, sans-serif);color:var(--color-ink, #1a1a1a)}.cb-bench__tab[aria-selected=true] .cb-bench__tab-title{color:var(--cb-acc, #1b3a6e)}.cb-bench__tab-desc{display:block;margin-top:8px;font:400 14px/1.5 var(--font-sans, sans-serif);color:var(--color-muted, #6b7280)}.cb-bench__icon{position:absolute;right:14px;top:50%;transform:translateY(-52%);width:176px;height:176px;pointer-events:none}.cb-bench__icon img{display:block;width:100%;height:100%;object-fit:contain}.cb-bench__panel{position:relative;margin-top:16px;padding:14px;border-radius:26px;background:linear-gradient(135deg,rgba(var(--cb-tint),.14),rgba(var(--cb-tint),.05) 55%,#fff6);border:1px solid rgba(var(--cb-tint),.32);box-shadow:0 22px 40px -30px rgba(var(--cb-tint),.55),inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cb-panel-in .35s ease}.cb-bench__panel[hidden]{display:none}@keyframes cb-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cb-bench__pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.cb-bench__caption{margin:12px 0 0;text-align:center;font:600 13px/1.2 var(--font-sans, sans-serif);letter-spacing:1.4px;text-transform:uppercase;color:rgb(var(--cb-tint))}.cb-pcard{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--cb-art-w) minmax(0,1fr);align-items:center;column-gap:12px;min-height:150px;padding:8px 18px 8px 10px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(var(--cb-tint),.22);box-shadow:0 8px 18px -14px rgba(var(--cb-tint),.5);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,background .3s ease}.cb-pcard:hover,.cb-pcard:focus-within,.cb-pcard.is-open{transform:translateY(-4px);background:#fff;border-color:rgba(var(--cb-tint),.6);box-shadow:0 22px 34px -20px rgba(var(--cb-tint),.6)}.cb-pcard__main{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.cb-pcard__main:focus-visible{outline:2px solid rgb(var(--cb-tint));outline-offset:2px}.cb-pcard__art{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.cb-pcard__art img{display:block;width:auto;height:auto;max-width:100%;max-height:148px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(var(--cb-tint),.22));transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.cb-pcard:hover .cb-pcard__art img,.cb-pcard:focus-within .cb-pcard__art img,.cb-pcard.is-open .cb-pcard__art img{transform:scale(1.08) translateY(-3px)}.cb-pcard__text{position:relative;z-index:2;min-width:0;pointer-events:none;transition:opacity .22s ease,transform .3s ease}.cb-pcard__title{display:block;font:700 17px/1.2 var(--font-sans, sans-serif);letter-spacing:-.1px;color:var(--color-ink, #1a1a1a)}.cb-pcard__meta{display:block;margin-top:6px;font:400 13.5px/1.45 var(--font-sans, sans-serif);color:var(--color-muted, #6b7280)}.cb-pcard__hint{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:600 12px/1 var(--font-sans, sans-serif);letter-spacing:.3px;text-transform:uppercase;color:rgb(var(--cb-tint))}.cb-pcard__hint:after{content:"\2192"}.cb-pcard:hover .cb-pcard__text,.cb-pcard:focus-within .cb-pcard__text,.cb-pcard.is-open .cb-pcard__text{opacity:0;transform:translateY(8px)}.cb-pcard__links{position:absolute;z-index:3;top:8px;right:8px;bottom:8px;left:calc(var(--cb-art-w) + 10px);display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 16px;border-radius:14px;color:#fff;overflow:hidden;background:linear-gradient(160deg,rgba(var(--cb-tint),.88),#0e182ceb);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 12px 24px -16px rgba(var(--cb-tint),.8);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.cb-pcard:hover .cb-pcard__links,.cb-pcard:focus-within .cb-pcard__links,.cb-pcard.is-open .cb-pcard__links{opacity:1;visibility:visible;transition:opacity .3s ease}.cb-pcard__heading{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;max-width:100%;font:700 15px/1.2 var(--font-sans, sans-serif);color:#fff;text-decoration:none;pointer-events:auto;align-self:flex-start}.cb-pcard__heading:hover{text-decoration:underline}.cb-pcard__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}.cb-pcard__list li{min-width:0}.cb-pcard__list a{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 0;border-top:1px solid rgba(255,255,255,.16);font:500 13.5px/1.3 var(--font-sans, sans-serif);color:#fffffff0;text-decoration:none;pointer-events:auto;transition:color .15s ease,padding-left .15s ease}.cb-pcard__list li:first-child a{border-top:0}.cb-pcard__list a span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-pcard__list a small{flex:0 0 auto;font:500 11.5px/1 var(--font-sans, sans-serif);color:#ffffffad;white-space:nowrap}.cb-pcard__list a:after{content:"\2192";flex:0 0 auto;opacity:.55;transition:transform .15s ease,opacity .15s ease}.cb-pcard__list a:hover,.cb-pcard__list a:focus-visible{color:#fff;padding-left:4px}.cb-pcard__list a:hover:after,.cb-pcard__list a:focus-visible:after{opacity:1;transform:translate(3px)}.cb-pcard__list a:focus-visible,.cb-pcard__heading:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}@media(min-width:1280px){.cb-bench{padding-inline:24px}.cb-bench__tabs,.cb-bench__panel{max-width:1488px;margin-inline:auto}.cb-bench__tab{height:384px;min-height:384px;padding:32px 30px 0}.cb-bench__tab-num{font-size:13px;margin-bottom:12px}.cb-bench__tab-title{font-size:31px}.cb-bench__tab-desc{font-size:18px;margin-top:10px}.cb-bench__panel{min-height:192px;padding:14px}.cb-pcard{height:164px;min-height:0}.cb-pcard__art img{max-height:150px}}@media(max-width:1024px){.cb-bench{padding-inline:24px;--cb-art-w: 112px}.cb-bench__tabs{gap:16px}.cb-bench__tab{min-height:156px}.cb-pcard{padding:8px 12px 8px 6px}.cb-pcard__art img{max-height:120px}.cb-pcard__title{font-size:15px}.cb-pcard__meta{font-size:12.5px}.cb-pcard__links{padding:8px 12px}}@media(max-width:760px){.cb-bench{--cb-art-w: 130px}.cb-bench__tabs,.cb-bench__pcards{grid-template-columns:1fr}.cb-bench__tab{min-height:164px}}@media(prefers-reduced-motion:reduce){.cb-bench__tab,.cb-bench__tab:after,.cb-pcard,.cb-pcard__art img,.cb-pcard__text,.cb-pcard__links,.cb-pcard__list a{transition:none!important}.cb-bench__panel{animation:none}.cb-bench__tab:hover,.cb-pcard:hover,.cb-pcard:focus-within,.cb-pcard.is-open{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cb-bench.css.map */