:root,.opc-content,.opc-guide{--opc-fg:var(--color-foreground,20,25,34);--opc-bg:var(--color-background,255,255,255);--opc-text:rgba(var(--opc-fg),.8);--opc-muted:rgba(var(--opc-fg),.68);--opc-line:rgba(var(--opc-fg),.1);--opc-surface:rgba(var(--opc-bg),.66);--opc-solid:rgb(var(--opc-bg));--opc-accent:#5865F2;--opc-accent-2:#4752c4;--opc-ink:#3b44ad;--opc-soft:rgba(88,101,242,.1);--opc-brand:#e8202a;--opc-ok:#096b35;--opc-ok-soft:rgba(15,157,79,.12);--opc-warn:#7a4a00;--opc-warn-soft:rgba(245,165,36,.17);--opc-bad:#a61b12;--opc-bad-soft:rgba(220,38,38,.1);--opc-r:16px;--opc-btn-r:var(--buttons-radius,12px);--opc-shadow:0 10px 28px -20px rgba(var(--color-shadow,18,18,18),.45);--opc-head:100px;--opc-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}.opc-content,.opc-guide{container:opc / inline-size;interpolate-size:allow-keywords;overflow-wrap:break-word}@media(prefers-reduced-motion:no-preference){html:has(.opc-content,.opc-guide){scroll-behavior:smooth}}:is(.opc-content,.opc-guide) :is(h2,h3){scroll-margin-top:var(--opc-head);color:rgb(var(--opc-fg));font-weight:650;letter-spacing:-.005em}:is(.opc-content,.opc-guide) h2{margin:2.2em 0 .7em;line-height:1.25}:is(.opc-content,.opc-guide) h2:before{content:"";display:block;width:32px;height:4px;margin-bottom:12px;border-radius:4px;background:linear-gradient(90deg,var(--opc-accent),var(--opc-brand))}:is(.opc-content,.opc-guide) h3{margin:1.7em 0 .5em;line-height:1.3}:is(.opc-content,.opc-guide) p{margin:0 0 1em}:is(.opc-content,.opc-guide) :is(ul,ol){list-style-position:outside;padding-left:1.35em;margin:0 0 1.1em}:is(.opc-content,.opc-guide) li{margin:0 0 .5em;padding-left:.15em}:is(.opc-content,.opc-guide) li::marker{color:var(--opc-accent);font-weight:700}:is(.opc-content,.opc-guide) :is(strong,b){color:rgb(var(--opc-fg));font-weight:650}:is(.opc-content,.opc-guide) a:not([class]){color:var(--opc-ink);text-decoration:underline 1px rgba(88,101,242,.45);text-underline-offset:3px;transition:text-decoration-color .15s,color .15s}:is(.opc-content,.opc-guide) a:not([class]):hover{color:var(--opc-accent-2);text-decoration-color:currentColor}:is(.opc-content,.opc-guide) :is(a,summary):focus-visible{outline:3px solid rgba(88,101,242,.55);outline-offset:2px;border-radius:6px}:is(.opc-content,.opc-guide) code{font:.88em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(var(--opc-fg),.07);border-radius:6px;padding:.12em .4em;overflow-wrap:anywhere}:is(.opc-content,.opc-guide) small,.opc-note,:is(.opc-content,.opc-guide) .opc-rez-note{font-size:.86em;color:var(--opc-muted)}:is(.opc-content,.opc-guide) hr{height:1px;margin:36px 0;border:0;background:linear-gradient(90deg,transparent,rgba(var(--opc-fg),.2),transparent)}.opc-lead{font-size:1.07em;line-height:1.65;color:rgba(var(--opc-fg),.86)}:is(.opc-content,.opc-guide) p.opc-guide-meta{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:5px 12px;font-size:13px;line-height:1.4;letter-spacing:.01em;opacity:1;color:var(--opc-muted);background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:999px}:is(.opc-content,.opc-guide) p.opc-guide-meta:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#0f9d4f;box-shadow:0 0 0 3px #0f9d4f2e}:is(.opc-content,.opc-guide) p.opc-guide-answer{margin:0 0 20px;padding:16px 18px;font-size:1.04em;line-height:1.68;color:rgba(var(--opc-fg),.88);background:linear-gradient(135deg,#5865f221,rgba(var(--opc-bg),.72) 60%);border:1px solid rgba(88,101,242,.28);border-left:4px solid var(--opc-accent);border-radius:4px var(--opc-r) var(--opc-r) 4px;box-shadow:var(--opc-shadow)}.opc-panel,:is(.opc-content,.opc-guide) :is(.opc-safe-box,.opc-author){margin:20px 0;padding:16px 18px;background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:var(--opc-r);box-shadow:var(--opc-shadow)}:is(.opc-panel,.opc-safe-box,.opc-callout,.opc-cta)>:last-child{margin-bottom:0}.opc-panel>:is(h2,h3):first-child,.opc-cta>:first-child{margin-top:0}:is(.opc-content,.opc-guide) .opc-safe-box{border-color:#0f9d4f4d;background:linear-gradient(135deg,rgba(15,157,79,.08),var(--opc-surface) 55%)}:is(.opc-content,.opc-guide) .opc-safe-box>p:first-child{display:flex;align-items:center;gap:10px;margin-bottom:4px}:is(.opc-content,.opc-guide) .opc-safe-box>p:first-child:before{content:"";flex:none;width:26px;height:26px;border-radius:8px;background:var(--opc-ok) var(--opc-shield) center / 16px no-repeat}:is(.opc-content,.opc-guide) .opc-author{display:flex;align-items:flex-start;gap:14px;font-size:14.5px;line-height:1.55}:is(.opc-content,.opc-guide) .opc-author:before{content:"";flex:none;width:42px;height:42px;border-radius:12px;background:var(--opc-shield) center / 22px no-repeat,linear-gradient(135deg,var(--opc-brand),#9b1118)}:is(.opc-content,.opc-guide) .opc-author>*{margin:0}.opc-cols{display:grid;gap:14px;margin:20px 0}.opc-cols>*{margin:0;min-width:0}@container opc (min-width: 600px){.opc-cols{grid-template-columns:1fr 1fr}}ul.opc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;padding:0;list-style:none}ul.opc-stats>li{margin:0;padding:14px 14px 12px;font-size:13.5px;line-height:1.35;color:var(--opc-muted);background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:var(--opc-r)}ul.opc-stats>li>strong:first-child{display:block;margin-bottom:4px;font-size:28px;line-height:1.05;font-weight:750;letter-spacing:-.02em;color:var(--opc-ink);font-variant-numeric:tabular-nums}ul.opc-stats>li.is-up>strong:first-child{color:var(--opc-ok)}@container opc (min-width: 600px){ul.opc-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}:is(.opc-content,.opc-guide) .opc-toc{margin:20px 0 8px;padding:6px 16px;font-size:14.5px;line-height:1.45;background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:var(--opc-r)}:is(.opc-content,.opc-guide) .opc-toc :is(p,summary){margin:0;padding:10px 0;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--opc-muted)}:is(.opc-content,.opc-guide) .opc-toc ol{counter-reset:toc;list-style:none;margin:0 0 10px;padding:0}:is(.opc-content,.opc-guide) .opc-toc li{counter-increment:toc;margin:0;padding:0;break-inside:avoid}:is(.opc-content,.opc-guide) .opc-toc li a{display:flex;gap:10px;margin:0 -8px;padding:7px 8px;border-radius:8px;color:var(--opc-text);text-decoration:none;transition:background-color .15s}:is(.opc-content,.opc-guide) .opc-toc li a:before{content:counter(toc);flex:none;min-width:1.4em;font-weight:700;color:var(--opc-ink);font-variant-numeric:tabular-nums}:is(.opc-content,.opc-guide) .opc-toc li a:hover{background:var(--opc-soft);color:rgb(var(--opc-fg))}@container opc (min-width: 640px){:is(.opc-content,.opc-guide) .opc-toc ol{columns:2;column-gap:28px}}@media(min-width:1280px){:is(.page-width--narrow,.page-width--narrow *):is(.opc-content,.opc-guide)>.opc-toc{--w:clamp(180px, calc((100vw - 72.6rem)/2 - 56px) ,260px);float:left;clear:left;position:sticky;top:24px;z-index:2;width:var(--w);margin:0 28px 0 calc(-1 * var(--w) - 28px);max-height:calc(100vh - 48px);overflow:auto;font-size:13.5px;transition:top .2s}body:has(.shopify-section-header-sticky:not(.shopify-section-header-hidden)) :is(.page-width--narrow,.page-width--narrow *):is(.opc-content,.opc-guide)>.opc-toc{top:var(--opc-head);max-height:calc(100vh - var(--opc-head) - 24px)}:is(.page-width--narrow,.page-width--narrow *):is(.opc-content,.opc-guide)>.opc-toc ol{columns:1}}ol.opc-steplist{counter-reset:step;list-style:none;margin:18px 0 20px;padding:0}ol.opc-steplist>li{counter-increment:step;position:relative;min-height:34px;margin:0;padding:4px 0 18px 46px}ol.opc-steplist>li:before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:750;color:#fff;background:linear-gradient(135deg,var(--opc-accent),var(--opc-accent-2));box-shadow:0 4px 12px -4px #5865f299}ol.opc-steplist>li:not(:last-child):after{content:"";position:absolute;left:15px;top:36px;bottom:2px;width:2px;border-radius:2px;background:#5865f238}ol.opc-steplist>li:last-child{padding-bottom:4px}.opc-callout{--c:var(--opc-ink);--c-soft:var(--opc-soft);--c-ico:"i";position:relative;margin:20px 0;padding:14px 16px 14px 52px;border-radius:12px;background:linear-gradient(var(--c-soft),var(--c-soft)),var(--opc-surface);border:1px solid var(--opc-line);border-left:4px solid var(--c)}.opc-callout:before{content:var(--c-ico);position:absolute;left:14px;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 system-ui,sans-serif;color:#fff;background:var(--c)}.opc-callout>:first-child>strong:first-child{color:var(--c)}.opc-callout.is-tip{--c-ico:"\2605"}.opc-callout.is-warn{--c:var(--opc-warn);--c-soft:var(--opc-warn-soft);--c-ico:"!"}.opc-callout.is-ok{--c:var(--opc-ok);--c-soft:var(--opc-ok-soft);--c-ico:"\2713"}.opc-callout.is-bad{--c:var(--opc-bad);--c-soft:var(--opc-bad-soft);--c-ico:"\2715"}ul.opc-check{list-style:none;padding:0}ul.opc-check>li{position:relative;margin-bottom:.65em;padding-left:32px}ul.opc-check>li:before{content:"\2713";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 system-ui,sans-serif;color:var(--opc-ok);background:var(--opc-ok-soft)}ul.opc-check.is-no>li:before,ul.opc-check>li.is-no:before{content:"\2715";color:var(--opc-bad);background:var(--opc-bad-soft)}ul.opc-facts,:is(.opc-content,.opc-guide) .opc-safe-box ul{list-style:none;margin:0 0 1em;padding:0}ul.opc-facts{padding:2px 16px;background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:var(--opc-r)}:is(ul.opc-facts,.opc-safe-box ul)>li{display:flow-root;margin:0;padding:11px 0;border-top:1px solid var(--opc-line)}:is(ul.opc-facts,.opc-safe-box ul)>li:first-child{border-top:0}:is(ul.opc-facts,.opc-safe-box ul)>li>strong:first-child{display:block;margin-bottom:1px}@container opc (min-width: 600px){:is(ul.opc-facts,.opc-safe-box ul)>li{padding-left:13em}:is(ul.opc-facts,.opc-safe-box ul)>li>strong:first-child{float:left;width:12em;margin-left:-13em}}:is(.opc-content,.opc-guide) .opc-rez-wrap{margin:18px 0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--opc-line);border-radius:14px;box-shadow:var(--opc-shadow);background:linear-gradient(90deg,var(--opc-solid) 30%,rgba(var(--opc-bg),0)) left / 40px 100% no-repeat local,linear-gradient(270deg,var(--opc-solid) 30%,rgba(var(--opc-bg),0)) right / 40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(var(--opc-fg),.16),transparent) left / 12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(var(--opc-fg),.16),transparent) right / 12px 100% no-repeat scroll,var(--opc-solid)}:is(.opc-content,.opc-guide) .opc-rez-wrap table{width:100%;min-width:0;margin:0;table-layout:auto;border-collapse:separate;border-spacing:0;border:0;box-shadow:none;font-size:14.5px;line-height:1.45}:is(.opc-content,.opc-guide) .opc-rez-wrap table.opc-rez{min-width:600px}:is(.opc-content,.opc-guide) .opc-table.is-wide table{min-width:680px}:is(.opc-content,.opc-guide) .opc-rez-wrap :is(th,td){min-width:7.5em;padding:11px 12px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--opc-line)}:is(.opc-content,.opc-guide) .opc-rez-wrap tr:last-child>*{border-bottom:0}:is(.opc-content,.opc-guide) .opc-rez-wrap thead th{position:static;vertical-align:bottom;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--opc-fg),.75);background:#5865f217;border-bottom:1px solid rgba(88,101,242,.22)}:is(.opc-content,.opc-guide) .opc-rez-wrap tbody tr:nth-child(2n)>*{background-color:rgba(var(--opc-fg),.03)}:is(.opc-content,.opc-guide) .opc-rez-wrap caption{caption-side:bottom;padding:10px 12px;text-align:left;font-size:12.5px;color:var(--opc-muted)}:is(.opc-content,.opc-guide) :is(.opc-table.rec-2 tr>:nth-child(2),.opc-table.rec-3 tr>:nth-child(3),.opc-table.rec-4 tr>:nth-child(4)){background-color:#5865f214}:is(.opc-content,.opc-guide) :is(.opc-table.rec-2 thead th:nth-child(2),.opc-table.rec-3 thead th:nth-child(3),.opc-table.rec-4 thead th:nth-child(4)){color:#fff;background:var(--opc-accent-2)}:is(.opc-content,.opc-guide) .opc-table.is-sticky tr>:first-child{position:sticky;left:0;z-index:1;max-width:42vw;background-color:var(--opc-solid);box-shadow:inset -1px 0 0 var(--opc-line)}:is(.opc-content,.opc-guide) .opc-table.is-sticky tbody tr:nth-child(2n)>:first-child{background:linear-gradient(rgba(var(--opc-fg),.03),rgba(var(--opc-fg),.03)) var(--opc-solid)}:is(.opc-content,.opc-guide) .opc-table.is-sticky thead tr>:first-child{background:linear-gradient(#5865f217,#5865f217) var(--opc-solid)}:is(.opc-content,.opc-guide) .opc-rez td{font-variant-numeric:tabular-nums}:is(.opc-content,.opc-guide) .opc-rez-wrap .opc-rez :is(th,td){min-width:0}:is(.opc-content,.opc-guide) .opc-rez thead th{white-space:nowrap}:is(.opc-content,.opc-guide) .opc-rez td:is(.n,:nth-last-child(2),:nth-last-child(4)){white-space:nowrap}:is(.opc-content,.opc-guide) .opc-rez td:is(:nth-last-child(2),:nth-last-child(4)){color:inherit}:is(.opc-content,.opc-guide) .opc-rez td:is(.g,:nth-last-child(1),:nth-last-child(3)){color:var(--opc-ok);font-weight:750;white-space:nowrap}.opc-up{display:inline-block;padding:1px 8px;border-radius:999px;font-weight:750;color:var(--opc-ok);background:var(--opc-ok-soft);white-space:nowrap}.opc-table.is-specs tbody th{width:34%;min-width:0;font-weight:650;color:rgb(var(--opc-fg))}@container opc (max-width: 520px){.opc-table.is-specs :is(tr,th,td){display:block;width:auto}.opc-table.is-specs tbody th{width:auto;padding-bottom:0;border-bottom:0;font-size:13px;color:var(--opc-ink)}.opc-table.is-specs tbody td{padding-top:2px}.opc-table.is-specs tbody tr:nth-child(2n)>*{background-color:transparent}}:is(.opc-content,.opc-guide) .faqx{max-width:none;margin:16px 0 24px;padding:0;font-family:inherit;color:inherit}:is(.opc-content,.opc-guide) .faqx-section{display:block;margin:0 0 26px}:is(.opc-content,.opc-guide) .faqx-section-title{position:static;margin:0 0 10px;padding:0 2px;font-size:12px!important;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--opc-muted)}:is(.opc-content,.opc-guide) details.faqx-item{margin:0 0 10px;overflow:hidden;background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:14px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-color .2s,background-color .2s,box-shadow .2s}:is(.opc-content,.opc-guide) details.faqx-item:hover{border-color:#5865f259}:is(.opc-content,.opc-guide) details.faqx-item[open]{background:rgba(var(--opc-bg),.86);border-color:#5865f273;box-shadow:var(--opc-shadow)}:is(.opc-content,.opc-guide) summary.faqx-q{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:15px 16px 15px 18px;font-size:15.5px;font-weight:650;line-height:1.4;color:rgb(var(--opc-fg));cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}:is(.opc-content,.opc-guide) .faqx-a{margin:0;padding:14px 18px 16px;border-top:1px solid var(--opc-line);font-size:15px;line-height:1.7;color:var(--opc-text)}:is(.opc-content,.opc-guide) .faqx-a :is(ol,ul){margin:10px 0 0;padding-left:1.3em}:is(.opc-content,.opc-guide) .faqx-a li{margin-bottom:.4em}:is(.opc-content,.opc-guide) :is(.opc-toc,.opc-more) summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}:is(.opc-content,.opc-guide) summary::-webkit-details-marker{display:none}:is(.opc-content,.opc-guide) :is(summary.faqx-q,.opc-toc summary,.opc-more>summary):after{content:"";flex:none;width:9px;height:9px;margin:0 4px 4px 0;border:solid var(--opc-accent);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:transform .2s}:is(.opc-content,.opc-guide) details[open]>:is(summary.faqx-q,summary):after{transform:rotate(-135deg);margin:4px 4px 0 0}@media(prefers-reduced-motion:no-preference){@supports selector(::details-content){:is(.opc-content,.opc-guide) details::details-content{height:0;overflow:clip;transition:height .25s ease,content-visibility .25s allow-discrete}:is(.opc-content,.opc-guide) details[open]::details-content{height:auto}}}details.opc-more{margin:14px 0 20px;padding:0 16px;border:1px dashed rgba(88,101,242,.4);border-radius:12px;background:rgba(var(--opc-bg),.4)}details.opc-more>summary{padding:12px 0;font-weight:650;color:var(--opc-ink)}details.opc-more[open]{padding-bottom:6px}:is(.opc-content,.opc-guide) .opc-calc-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}:is(.opc-content,.opc-guide) .opc-calc-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:var(--opc-btn-r);font-size:15.5px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s}:is(.opc-content,.opc-guide) .opc-calc-cta a.is-main{color:#fff;background:linear-gradient(135deg,var(--opc-accent),var(--opc-accent-2));box-shadow:0 8px 20px -10px #4752c4cc}:is(.opc-content,.opc-guide) .opc-calc-cta a.is-main:after{content:"\2192";transition:transform .15s}:is(.opc-content,.opc-guide) .opc-calc-cta a.is-alt{color:rgb(var(--opc-fg));background:rgba(var(--opc-bg),.75);border:1.5px solid rgba(88,101,242,.45)}@media(hover:hover){:is(.opc-content,.opc-guide) .opc-calc-cta a:hover{transform:translateY(-2px)}:is(.opc-content,.opc-guide) .opc-calc-cta a.is-main:hover{background:linear-gradient(135deg,var(--opc-accent-2),#3b44ad);box-shadow:0 12px 24px -10px #4752c4e6}:is(.opc-content,.opc-guide) .opc-calc-cta a.is-main:hover:after{transform:translate(3px)}:is(.opc-content,.opc-guide) .opc-calc-cta a.is-alt:hover{border-color:var(--opc-accent);background:var(--opc-solid)}}@container opc (max-width: 479px){:is(.opc-content,.opc-guide) .opc-calc-cta a{flex:1 1 100%}}.opc-cta{margin:28px 0;padding:20px 18px;border:1px solid rgba(88,101,242,.3);border-radius:20px;background:linear-gradient(135deg,#5865f229,#e8202a14),var(--opc-surface);box-shadow:var(--opc-shadow)}:is(.opc-content,.opc-guide) .opc-cta .opc-calc-cta{margin:14px 0 0}:is(.opc-content,.opc-guide) :is(ul.opc-tiles,[class$=-grid]){display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;margin:16px 0 24px;padding:0;list-style:none}:is(.opc-content,.opc-guide) :is(ul.opc-tiles>li,[class$=-grid]>[class$=-card]){width:auto;margin:0;padding:14px;font-size:14px;line-height:1.5;color:var(--opc-text);background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:14px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s,border-color .2s,box-shadow .2s}:is(.opc-content,.opc-guide) [class$=-grid]>[class$=-card]{display:flex;align-items:flex-start;gap:12px}:is(.opc-content,.opc-guide) ul.opc-tiles>li{display:grid;grid-template-columns:auto 1fr;align-content:start;column-gap:12px}:is(.opc-content,.opc-guide) ul.opc-tiles>li>.opc-ico{grid-row:span 2}@container opc (min-width: 430px){:is(.opc-content,.opc-guide) :is(ul.opc-tiles,[class$=-grid]){grid-template-columns:1fr 1fr}:is(.opc-content,.opc-guide) ul.opc-tiles>li{grid-template-columns:1fr;row-gap:4px}:is(.opc-content,.opc-guide) ul.opc-tiles>li>.opc-ico{grid-row:auto;margin-bottom:6px}:is(.opc-content,.opc-guide) [class$=-grid]>[class$=-card]{flex-direction:column;gap:10px}}@media(hover:hover){:is(.opc-content,.opc-guide) :is(ul.opc-tiles>li,[class$=-grid]>[class$=-card]):hover{transform:translateY(-2px);border-color:#5865f266;box-shadow:var(--opc-shadow)}}:is(.opc-content,.opc-guide) :is(.opc-ico,[class$=-card]>[class$=-icon]){flex:none;display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:12px;font-size:21px;line-height:1;background:linear-gradient(135deg,#5865f229,#e8202a1a)}:is(.opc-content,.opc-guide) :is(ul.opc-tiles>li>strong,[class$=-card] [class*=title],.opcb-head){display:block;margin:0 0 3px;font-size:15.5px;font-weight:700;line-height:1.3;color:rgb(var(--opc-fg))}:is(.opc-content,.opc-guide) :is([class$=-card] [class$=-text],.opcb-desc){font-size:14px;line-height:1.5;color:var(--opc-text)}:is(.opc-content,.opc-guide) ul.opc-tiles>li>span:not(.opc-ico){display:block}:is(.opc-content,.opc-guide):is(.opc-product,.opc-product-gold,.opc-product-platinum,.opc-product-bios,.opc-product-biosupdate,.opc-configurator,.opc-windows-install,.opc-product-support,.opcb),:is(.opc-content,.opc-guide) :is(.opc-product,.opc-product-gold,.opc-product-platinum,.opc-product-bios,.opc-product-biosupdate,.opc-configurator,.opc-windows-install,.opc-product-support,.opcb){max-width:none;margin:0;padding:0;font-family:inherit;color:inherit}:is(.opc-content,.opc-guide) h2[class*=-title]{margin:2.2em 0 .7em;font-size:calc(var(--font-heading-scale,1) * 2rem);text-align:left;text-shadow:none}@media(min-width:750px){:is(.opc-content,.opc-guide) h2[class*=-title]{font-size:calc(var(--font-heading-scale,1) * 2.4rem)}}ul.opc-plans{display:grid;gap:12px;margin:18px 0 24px;padding:14px 0 0;list-style:none}@container opc (min-width: 640px){ul.opc-plans{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}ul.opc-plans>li{position:relative;display:flex;flex-direction:column;margin:0;padding:18px 16px 16px;font-size:14.5px;line-height:1.5;background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:var(--opc-r)}ul.opc-plans>li.is-rec{border:2px solid var(--opc-accent);background:linear-gradient(160deg,rgba(88,101,242,.14),var(--opc-surface) 60%);box-shadow:0 16px 34px -22px #4752c4cc}ul.opc-plans>li>.opc-badge:first-child{position:absolute;top:0;left:16px;transform:translateY(-50%)}ul.opc-plans p{margin:0 0 .6em}.opc-plan-name{font-size:18px;font-weight:750;color:rgb(var(--opc-fg))}.opc-plan-name a:not([class]){color:inherit;text-decoration:none}.opc-plan-price{font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--opc-ink)}ul.opc-plans p:not([class])>:is(a:first-child,.opc-plan-price){font-size:1.2em;font-weight:750}:is(.opc-content,.opc-guide) ul.opc-plans .opc-calc-cta{margin:auto 0 0;padding-top:8px}:is(.opc-content,.opc-guide) ul.opc-plans .opc-calc-cta a{flex:1 1 100%}.opc-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;vertical-align:middle;font-size:11.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;color:#fff;background:var(--opc-accent-2)}.opc-badge.is-ok{background:var(--opc-ok)}.opc-badge.is-warn{background:var(--opc-warn)}.opc-badge.is-soft{color:var(--opc-ink);background:var(--opc-soft)}ul.opc-pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding:0;list-style:none}ul.opc-pills>li{margin:0;padding:5px 12px;font-size:13.5px;font-weight:600;line-height:1.4;color:rgb(var(--opc-fg));background:var(--opc-surface);border:1px solid var(--opc-line);border-radius:999px}:is(.opc-content,.opc-guide) .opc-code{margin:12px 0 16px;padding:12px 14px;border-radius:10px;background:#141922;overflow-x:auto}:is(.opc-content,.opc-guide) .opc-code code{display:block;padding:0;color:#e6e9f2;background:none;font-size:14px;white-space:pre;overflow-wrap:normal;-webkit-user-select:all;user-select:all}:is(ul,ol).opc-sources{counter-reset:src;list-style:none;margin:10px 0 20px;padding:0;font-size:13.5px;line-height:1.5}.opc-sources>li{counter-increment:src;position:relative;display:block;margin:0;padding:8px 0 8px 32px;border-top:1px solid var(--opc-line)}.opc-sources>li:before{content:counter(src);position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11.5px;font-weight:750;color:var(--opc-ink);background:var(--opc-soft)}.opc-sources a[target=_blank]:after{content:" \2197";color:var(--opc-muted)}@container opc (min-width: 700px){:is(.opc-content,.opc-guide) p.opc-guide-answer{padding:20px 24px}.opc-panel,:is(.opc-content,.opc-guide) :is(.opc-safe-box,.opc-author){padding:20px 22px}.opc-cta{padding:24px 26px}ul.opc-stats>li>strong:first-child{font-size:32px}}@media screen and (min-width:990px){.product-grid.grid--3-col-desktop>.grid__item:first-child:nth-last-child(4),.product-grid.grid--3-col-desktop>.grid__item:first-child:nth-last-child(4)~.grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}@container opc (max-width: 520px){:is(.opc-content,.opc-guide) .opc-rez-wrap :is(th,td){min-width:0;padding:10px 8px}}ul.opc-stats>li:last-child:nth-child(odd){grid-column:1 / -1}@container opc (min-width: 600px){ul.opc-stats>li:last-child:nth-child(odd){grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/opc-content.css.map */
