.cpk{width:100%;max-width:100%;margin:8px 0 10px;padding:0;box-sizing:border-box}.cpk__heading{font-size:15px;font-weight:700;color:#102a43;margin:0;padding:0;text-align:left;line-height:1.2}.cpk__panel{display:none}.cpk__panel.is-active{display:block}.cpk__card{position:relative;overflow:hidden;border-radius:14px;border:1px solid #9eb6d1;box-shadow:0 1px 2px #12345b0f;background:linear-gradient(135deg,#f3f8fe,#e8f2fc 48%,#f0f7ff)}.cpk__card:before{content:none}.cpk__card-body{position:relative;z-index:1;padding:12px 12px 10px}.cpk__head{margin-bottom:10px}.cpk__head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cpk__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#0c7fdf;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.2;box-shadow:none;white-space:nowrap}.cpk__line{margin:6px 0 0;font-size:12px;line-height:1.4;font-weight:500;color:#465568;max-width:none}.cpk__pipeline-wrap{margin-bottom:8px;overflow-x:auto;padding:0 0 2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cpk__pipeline-wrap::-webkit-scrollbar{display:none}.cpk__pipeline{display:grid;grid-template-columns:repeat(var(--cpk-count, 6),minmax(0,1fr));column-gap:8px;position:relative;min-width:0}.cpk__pipeline-col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;scroll-snap-align:start}.cpk__stage{-webkit-appearance:none;appearance:none;border:1px solid #dceaf5;background:#fff;border-radius:10px;padding:0;width:100%;max-width:88px;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.cpk__stage:hover{border-color:#0c7fdf}.cpk__stage.is-active{border-color:#0c7fdf;box-shadow:0 4px 12px #0c7fdf24}.cpk__stage-body{position:relative;display:flex;align-items:stretch;justify-content:stretch;flex:1 1 auto;min-height:64px;aspect-ratio:10 / 11;padding:0;background:#fff;overflow:hidden}.cpk__stage.is-active .cpk__stage-body:before{content:none}.cpk__stage:focus-visible{outline:2px solid #0c7fdf;outline-offset:2px}.cpk__stage-label{display:block;padding:4px 4px 5px;font-size:11px;font-weight:700;color:#0d2b6b;line-height:1.1;text-align:center;background:#eef5fc;border-top:1px solid rgba(12,127,223,.12)}.cpk__stage.is-active .cpk__stage-label{background:linear-gradient(135deg,#0c7fdf,#0047ab);color:#fff;border-top:none}.cpk__stage-art{position:relative;z-index:1;width:100%;height:100%;min-height:inherit;display:flex;align-items:stretch;justify-content:center}.cpk__stage-art--multi{width:100%;min-width:0;max-width:none;gap:0}.cpk__stage--multi .cpk__stage-body{min-height:64px}.cpk__stage-art--multi img,.cpk__stage-art--multi .cpk__stage-svg{flex:1 1 0;width:auto;min-width:0;height:100%}.cpk__stage-art--multi .cpk__stage-photo{width:auto;height:100%}.cpk__stage-art img,.cpk__stage-svg{width:100%;height:100%;object-fit:cover;display:block}.cpk__stage-svg{object-fit:contain;padding:6px;background:#f5f9fd;filter:drop-shadow(0 2px 6px rgba(12,127,223,.16))}.cpk__stage-photo{width:100%;height:100%;object-fit:cover;filter:none}.cpk__track-line{position:absolute;left:calc(50% / var(--cpk-count, 6));right:calc(50% / var(--cpk-count, 6));bottom:5px;height:3px;border-radius:999px;background:linear-gradient(90deg,#0c7fdf,#0047ab);pointer-events:none;z-index:0}.cpk__node{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #0c7fdf;box-shadow:0 0 0 2px #ffffffd9;position:relative;z-index:1;flex-shrink:0}.cpk__node.is-active{background:#0c7fdf;box-shadow:0 0 0 3px #0c7fdf2e}.cpk__status-bar{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;background:#eaf4ff;border:1px solid rgba(12,127,223,.14);border-radius:10px}.cpk__status-icon{flex-shrink:0;width:20px;height:20px;color:#0c7fdf;display:flex;align-items:center;justify-content:center}.cpk__status-icon svg{width:18px;height:18px;display:block}.cpk__status{margin:0;font-size:12px;line-height:1.35;color:#0d2b6b;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cpk__status [data-cpk-status]{font-weight:700}.cpk__status-sep{color:#0d2b6b66;font-weight:400}.cpk__status-detail{font-weight:700;color:#0d2b6b}.cpk__bottom{display:flex;flex-direction:column;gap:8px;margin-top:0}.cpk__pipeline-wrap--compact{display:flex;justify-content:center;overflow-x:visible}.cpk__pipeline-wrap--compact .cpk__pipeline{width:auto;margin:0 auto;grid-template-columns:repeat(var(--cpk-count, 1),88px)}.cpk__pipeline-wrap--compact .cpk__stage{max-width:88px;width:88px;margin:0 auto}.cpk__pipeline-wrap--one .cpk__track-line{display:none}.cpk__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;background:#eaf4ff;border:1px solid rgba(12,127,223,.12);border-radius:10px;padding:0;box-shadow:none;overflow:hidden}.cpk__benefit{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:8px 6px}.cpk__benefit:nth-child(odd){border-right:1px solid rgba(12,127,223,.2)}.cpk__benefit:nth-child(-n+2){border-bottom:1px solid rgba(12,127,223,.2)}.cpk__benefit-icon{flex-shrink:0;width:15px;height:15px;color:#3d4a58;display:flex;align-items:center;justify-content:center}.cpk__benefit-svg{width:13px;height:13px;display:block}.cpk__benefit-text{display:block;font-size:9px;line-height:1.2;font-weight:700;color:#334155;min-width:0;text-align:center;white-space:normal;letter-spacing:-.01em}.cpk__benefit-text--multiline{white-space:normal;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1;max-width:none}.cpk__benefit-text--multiline>span{display:block;white-space:nowrap}.cpk__footer{display:grid;grid-template-columns:minmax(0,.95fr) 1px minmax(0,1.15fr) 1px minmax(0,1fr);align-items:center;gap:0 10px;margin-top:0;padding:10px 12px;border-radius:10px;background:linear-gradient(90deg,#0d2b6b,#1e4db7 48%,#0d2b6b);box-shadow:none;--cpk-footer-text: 14px}.cpk__footer-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;width:100%;text-align:center}.cpk__footer-value{font-size:var(--cpk-footer-text);font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.25}.cpk__footer-label{font-size:var(--cpk-footer-text);font-weight:600;color:#fffffff2;line-height:1.25}.cpk__footer-divider{width:1px;height:100%;min-height:44px;background:#ffffff52;justify-self:center}.cpk__footer-center{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 2px;text-align:center}.cpk__footer-plan{font-size:var(--cpk-footer-text);font-weight:700;color:#fff;line-height:1.25;text-align:center}.cpk__footer-right{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}.cpk__footer-total{font-size:var(--cpk-footer-text);font-weight:700;color:#fff;line-height:1.25;text-align:center}.cpk__terms{position:relative;z-index:1;margin:0;padding:0 20px 14px;background:#fff}.cpk__terms-btn{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 8px;font-size:14px;font-weight:700;color:#111}.cpk__terms-btn::-webkit-details-marker{display:none}.cpk__terms-plus{width:16px;height:16px;position:relative;flex-shrink:0}.cpk__terms-plus:before,.cpk__terms-plus:after{content:"";position:absolute;background:#0c7fdf;border-radius:1px}.cpk__terms-plus:before{left:0;right:0;top:7px;height:2px}.cpk__terms-plus:after{top:0;bottom:0;left:7px;width:2px;transition:opacity .15s ease}.cpk__terms[open] .cpk__terms-plus:after{opacity:0}.cpk__terms-body{padding:0 0 6px;font-size:13px;line-height:1.6;color:#4b5563}.cpk__terms-body p{margin:0 0 10px}.cpk__terms-body p:last-child{margin-bottom:0}.cpk__terms-body a{color:#0c7fdf;text-decoration:underline}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:767px){.cpk{margin:8px 0;padding:0}.cpk__heading{font-size:14px;margin:0;padding:0}.cpk__card{border-radius:12px}.cpk__card-body{padding:10px 10px 8px}.cpk__badge{font-size:10px;padding:3px 8px}.cpk__line{font-size:11px}.cpk__pipeline-wrap{overflow-x:visible;scroll-snap-type:none}.cpk__pipeline-col{scroll-snap-align:none}.cpk__stage{margin:0 auto}.cpk__pipeline-wrap--compact .cpk__pipeline{grid-template-columns:repeat(var(--cpk-count, 1),88px)}.cpk__pipeline-wrap--compact .cpk__stage{max-width:88px;width:88px}.cpk__pipeline-wrap:not(.cpk__pipeline-wrap--compact) .cpk__pipeline{width:100%;min-width:0;grid-template-columns:repeat(var(--cpk-count, 4),minmax(0,1fr));column-gap:5px}.cpk__pipeline-wrap:not(.cpk__pipeline-wrap--compact) .cpk__stage{width:100%;max-width:none}.cpk__pipeline-wrap:not(.cpk__pipeline-wrap--compact) .cpk__stage-body{min-height:0}.cpk__pipeline-wrap:not(.cpk__pipeline-wrap--compact) .cpk__stage-label{font-size:9px;padding:3px 2px 4px;letter-spacing:-.02em}.cpk__pipeline-wrap:not(.cpk__pipeline-wrap--compact) .cpk__node{width:10px;height:10px}.cpk__stage-body{min-height:56px;padding:0}.cpk__stage-art,.cpk__stage-art img,.cpk__stage-svg,.cpk__stage-photo{width:100%;height:100%}.cpk__pipeline{min-width:0}.cpk__status-bar{margin:0 0 8px;padding:7px 8px;gap:6px}.cpk__status{font-size:11px;gap:4px}.cpk__footer{grid-template-columns:1fr;gap:8px;padding:8px 10px;border-radius:10px;--cpk-footer-text: 13px}.cpk__footer-divider{width:100%;height:1px;min-height:0}.cpk__footer-left{flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.35em;text-align:center;white-space:nowrap}.cpk__footer-value,.cpk__footer-label{display:inline}.cpk__footer-center{justify-content:center}.cpk__footer-plan{text-align:center}.cpk__footer-right{justify-content:center}.cpk__footer-total{text-align:center}.cpk__benefits{overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.cpk__benefits::-webkit-scrollbar{display:none}.cpk__benefit{padding:8px 6px;gap:4px}.cpk__benefit-text{font-size:9px;line-height:1.2}.cpk__benefit-icon{width:13px;height:13px}.cpk__benefit-svg{width:11px;height:11px}.cpk__terms{padding:0 10px 8px}}@media screen and (min-width:768px){.cpk__benefit{padding:8px;gap:4px}.cpk__benefit-text{font-size:8.5px}}@media screen and (min-width:990px){.cpk__benefit{padding:9px 10px}.cpk__benefit-text{font-size:9px}.cpk__benefit-icon{width:16px;height:16px}.cpk__benefit-svg{width:14px;height:14px}}@media screen and (min-width:1100px){.cpk__benefit-text{font-size:9.5px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cartridge-pack.css.map */