.pdhWrap{container:pdh/inline-size}.pdh{color:#1c2430;text-align:start;width:100%;font-family:var(--font-geist-sans,-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif);direction:ltr;background:#fff;border:1px solid #dfe3e8;border-radius:12px;font-size:10px;line-height:1.35;overflow:hidden;box-shadow:0 24px 56px #24385e24}:where(.pdh) :where(ul,pre){margin:0;padding:0;list-style:none}:where(.pdh) i{font-style:normal}.pdhHead{border-bottom:1px solid #edf0f3;align-items:center;gap:9px;padding:11px 12px;display:flex}.pdhHead>b{font-size:11px;font-weight:650}.pdhBtn{color:#fff;background:#111;border-radius:6px;place-items:center;height:22px;padding:0 9px;font-size:9px;font-weight:650;display:grid}.pdhReady{color:#17784c;white-space:nowrap;background:#e4f6ec;border-radius:99px;align-items:center;gap:4px;margin-inline-start:auto;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.pdhReady:before{content:"";background:#17784c;border-radius:50%;width:5px;height:5px}.pdhSpec{padding:4px 12px}.pdhSpec li{color:#5b6472;border-top:1px solid #edf0f3;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,.7fr);align-items:center;gap:8px;padding:6px 0;font-size:9.5px;display:grid}.pdhSpec li:first-child{border-top:0}.pdhSpec b{color:#111;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:650;display:flex}.pdhSpec b i{border:1px solid #1111111f;border-radius:3px;flex:none;width:11px;height:11px}.pdhSpec small{color:#6b7482;text-align:end;font-size:8.5px}.pdhCode{color:#d5dbe6;background:#0f1319;border-top:1px solid #edf0f3;padding:11px 14px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;line-height:1.65;overflow-x:auto}.pdhCode code{font:inherit;white-space:pre}.pdhCode .s{color:#8ab4f8}.pdhCode .k{color:#7ee2b0}.pdhCode .n{color:#fbc768}@container pdh (max-width:300px){.pdhSpec li{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}.pdhSpec small{display:none}}
.pdcWrap{container:pdc/inline-size}.pdc{color:#1c2430;text-align:start;width:100%;font-family:var(--font-geist-sans,-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif);direction:ltr;background:#fff;border:1px solid #dfe3e8;border-radius:12px;font-size:10px;line-height:1.35;overflow:hidden;box-shadow:0 34px 78px #24385e26}:where(.pdc) :where(figure,figcaption,ol,ul,p){margin:0;padding:0}:where(.pdc) :where(i,em){font-style:normal}.pdcTop{background:#fff;border-bottom:1px solid #e6e9ee;align-items:center;gap:18px;height:44px;padding:0 16px;display:flex}.pdcFile{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.pdcFile i{background:#111;border-radius:5px;width:18px;height:18px}.pdcFile b{font-weight:650}.pdcFile small{color:#6b7482;font-size:11px}.pdcFile small:before{content:"/";color:#b5bcc6;margin-inline-end:8px}.pdcTabs{background:#f1f3f6;border-radius:9px;gap:2px;margin-inline:auto;padding:3px;display:flex}.pdcTabs span{color:#5b6472;white-space:nowrap;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:600}.pdcTabs .on{color:#111;background:#fff;box-shadow:0 1px 2px #1418211f}.pdcWho{align-items:center;display:flex}.pdcWho i{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9.5px;font-weight:700;display:grid}.pdcWho .a{background:#2560c7}.pdcWho .b{background:#b8471f;margin-inline-start:-6px}.pdcShare{color:#fff;background:#111;border-radius:7px;margin-inline-start:12px;padding:5px 12px;font-size:11px;font-weight:650}.pdcCanvas{background:#eef0f3 radial-gradient(#d3d8df 1px,#0000 1.3px) 0 0/16px 16px;gap:14px;padding:16px 18px 44px 12px;display:flex;position:relative}.pdcRail{background:#fff;border:1px solid #dfe3e8;border-radius:10px;flex-direction:column;flex:none;align-self:flex-start;gap:4px;padding:5px;display:flex}.pdcRail svg{fill:none;stroke:#5b6472;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;border-radius:7px;width:26px;height:26px;padding:6px}.pdcRail svg.on{fill:#fff;stroke:#fff;background:#111}.pdcFrames{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;min-width:0;display:grid}.pdcFrame{min-width:0;position:relative}.pdcFrame figcaption{white-space:nowrap;align-items:center;gap:7px;height:22px;margin-bottom:6px;font-size:11px;display:flex}.pdcFrame figcaption em{color:#fff;background:#111;border-radius:4px;place-items:center;min-width:20px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:grid}.pdcFrame figcaption b{font-weight:650}.pdcFrame figcaption small{color:#6b7482;font-size:10.5px}.pdcReady{color:#17784c;background:#e4f6ec;border-radius:99px;align-items:center;gap:4px;margin-inline-start:auto;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.pdcReady:before{content:"";background:#17784c;border-radius:50%;width:5px;height:5px}.pdcFrame:not(:last-child):after{content:"";top:46%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 12'%3E%3Cpath d='M0 6h29' stroke='%232560c7' stroke-width='1.5' stroke-dasharray='3 3'/%3E%3Cpath d='m27 2 6 4-6 4' fill='none' stroke='%232560c7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:36px;height:12px;position:absolute;inset-inline-end:-36px}.pdcNote{z-index:3;top:8px;color:#3d2a00;background:#fbc768;border-radius:2px;width:92px;padding:7px 8px;font-size:9px;font-weight:650;line-height:1.3;position:absolute;inset-inline-end:-6px;rotate:3deg;box-shadow:0 8px 16px #14182129}.pdcPin{z-index:3;top:216px;color:#fff;background:#2560c7;border:2px solid #fff;border-radius:50% 50% 50% 2px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid;position:absolute;inset-inline-end:-8px;box-shadow:0 3px 8px #1418213d}.pdcCursor{z-index:4;pointer-events:none;align-items:flex-start;animation:7s ease-in-out infinite pdcDrift;display:flex;position:absolute}.pdcCursor svg{flex:none}.pdcCursor em{color:#fff;white-space:nowrap;border-radius:99px 99px 99px 3px;margin:12px 0 0 -3px;padding:2px 7px;font-size:9.5px;font-weight:650}.pdcCursor.a{bottom:6px;inset-inline-start:37%}.pdcCursor.a svg{fill:#2560c7;stroke:#fff;stroke-width:1px}.pdcCursor.a em{background:#2560c7}.pdcCursor.b{bottom:6px;animation-duration:9s;animation-delay:-3.2s;inset-inline-start:55%}.pdcCursor.b svg{fill:#b8471f;stroke:#fff;stroke-width:1px}.pdcCursor.b em{background:#b8471f}@keyframes pdcDrift{0%,to{transform:translate(0)}50%{transform:translate(14px,-10px)}}@media (prefers-reduced-motion:reduce){.pdcCursor,.pdcS-mid .pdcRow.pick .pdcBtn{animation:none}}.pdcScreen{background:#fff;border:1px solid #dfe3e8;border-radius:10px;overflow:hidden}.pdcApp{border-bottom:1px solid #e9ecf0;align-items:center;gap:12px;height:32px;padding:0 10px;display:flex}.pdcLogo{color:#fff;background:#111;border-radius:5px;flex:none;place-items:center;width:17px;height:17px;display:grid}.pdcLogo .brandMark{width:7px}.pdcNav{align-self:stretch;gap:12px;display:flex}.pdcNav span{color:#5b6472;border-bottom:2px solid #0000;align-items:center;font-size:9px;font-weight:550;display:flex}.pdcNav .on{color:#111;border-color:#111;font-weight:650}.pdcSum{justify-content:space-between;align-items:baseline;gap:8px;padding:10px 10px 5px;display:flex}.pdcSum b{font-size:10.5px;font-weight:650}.pdcSum small{color:#6b7482;font-size:9px}.pdcPills{border-bottom:1px solid #e9ecf0;gap:5px;padding:4px 10px 9px;display:flex}.pdcPill{white-space:nowrap;border-radius:99px;padding:3px 7px;font-size:8.5px;font-weight:650}.pdcPill em{opacity:.7;margin-inline-start:3px;font-weight:600}.pdcRow{border-bottom:1px solid #edf0f3;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.pdcCarrier{border-radius:6px;place-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:grid}.pdcInfo{flex-direction:column;gap:3px;min-width:0;display:flex}.pdcInfo b{white-space:nowrap;align-items:center;gap:5px;font-size:9.5px;font-weight:650;display:flex;overflow:hidden}.pdcInfo small{color:#6b7482;white-space:nowrap;font-size:8.5px}.pdcTag{border-radius:3px;padding:1px 4px;font-size:7.5px;font-weight:700}.pdcPrice{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.pdcPrice small{color:#6b7482;font-size:8px}.pdcPrice b{font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.pdcBtn{border-radius:5px;place-items:center;width:40px;height:20px;font-size:8.5px;font-weight:650;display:grid}.pdcPh{background:#d6dae0;border-radius:3px;height:5px;display:block}.pdcS-wire .pdcLogo{background:0 0;border:1px solid #c3c8d0}.pdcS-wire .pdcNav span{border-color:#0000;width:28px}.pdcS-wire .pdcNav .on .pdcPh{background:#b3b9c2}.pdcS-wire .pdcSum b{width:132px}.pdcS-wire .pdcSum small{width:38px}.pdcS-wire .pdcPill{border:1px solid #c3c8d0;width:60px;height:16px;display:block}.pdcS-wire .pdcPill .pdcPh{display:none}.pdcS-wire .pdcCarrier{background:linear-gradient(to top right,#0000 calc(50% - .5px),#c3c8d0 50%,#0000 calc(50% + .5px)),linear-gradient(to bottom right,#0000 calc(50% - .5px),#c3c8d0 50%,#0000 calc(50% + .5px));border:1px solid #c3c8d0}.pdcS-wire .pdcInfo{gap:6px}.pdcS-wire .pdcInfo b .pdcPh{background:#c3c8d0;height:6px}.pdcS-wire .pdcPrice{gap:5px}.pdcS-wire .pdcPrice small,.pdcS-wire .pdcPrice b{width:34px;display:block}.pdcS-wire .pdcPrice b .pdcPh{background:#c3c8d0;height:6px}.pdcS-wire .pdcBtn{border:1px solid #c3c8d0}.pdcS-wire .pdcBtn .pdcPh{display:none}.pdcS-wire .pdcRow.pick{background:#f6f7f9}.pdcS-mid .pdcPill,.pdcS-mid .pdcCarrier,.pdcS-mid .pdcTag{color:#3b4553;background:#fff;border:1px solid #b9bfc8}.pdcS-mid .pdcBtn{color:#111;border:1px solid #111}.pdcS-mid .pdcRow.pick{outline-offset:-1.5px;outline:1.5px solid #111}.pdcS-mid .pdcRow.pick .pdcBtn{color:#1f5bc4;background:#2560c724;border:1.5px dashed #2560c7;animation:2.6s ease-out infinite pdcPulse}@keyframes pdcPulse{0%{box-shadow:0 0 #2560c759}70%,to{box-shadow:0 0 0 7px #2560c700}}.pdcS-hi .gds{color:#1f5bc4;background:#e2eeff}.pdcS-hi .ndc{color:#8a5a00;background:#fdf0d5}.pdcS-hi .lcc{color:#17784c;background:#e4f6ec}.pdcS-hi .pdcBtn{color:#fff;background:#111}.pdcS-hi .pdcRow.pick{background:#f3f6fd;box-shadow:inset 3px 0 #2560c7}.pdcS-hi .pdcPrice b{color:#111}@container pdc (max-width:860px){.pdcFrames{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.pdcFrame:not(:last-child):after{width:30px;inset-inline-end:-30px}.pdcFrame-wire,.pdcTabs span:nth-child(n+3){display:none}.pdcCursor.a{inset-inline-start:12%}.pdcCursor.b{inset-inline-start:68%}}@container pdc (max-width:540px){.pdcTop{gap:10px;padding:0 12px}.pdcTabs,.pdcWho .b,.pdcRail{display:none}.pdcCanvas{padding:14px 12px 40px}.pdcFrames{grid-template-columns:minmax(0,1fr)}.pdcFrame-mid,.pdcCursor.b{display:none}.pdcCursor.a{inset-inline-start:40%}}
.pdrWrap{container:pdr/inline-size}.pdr{color:#1c2430;text-align:start;width:100%;font-family:var(--font-geist-sans,-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif);direction:ltr;background:#f6f7f9 radial-gradient(#dde1e7 1px,#0000 1.3px) 0 0/16px 16px;border:1px solid #dfe3e8;border-radius:12px;padding:14px 14px 12px;font-size:10px;line-height:1.35;overflow:hidden;box-shadow:0 34px 78px #24385e26}:where(.pdr) :where(ol,ul,figure,figcaption){margin:0;padding:0;list-style:none}:where(.pdr) :where(i,em){font-style:normal}.pdrPair{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:start;display:grid}.pdrMirror{color:#5b6472;background:#fff;border:1px solid #d3d8df;border-radius:50%;place-self:center;place-items:center;width:26px;height:26px;display:grid}.pdrFrame figcaption{letter-spacing:.04em;color:#6b7482;margin-bottom:6px;font-size:9.5px;font-weight:700}.pdrFrame:last-child figcaption{text-align:start;font-family:var(--font-ibm-plex-arabic,"IBM Plex Sans Arabic", "Segoe UI", sans-serif);letter-spacing:0;direction:rtl;font-size:11px}.pdrScreen{background:#fff;border:1px solid #dfe3e8;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 10px 26px #24385e14}.pdrScreen.rtl{font-family:var(--font-ibm-plex-arabic,"IBM Plex Sans Arabic", "Segoe UI", sans-serif)}.pdrScreen.rtl :is(small,b,span,em){letter-spacing:0}.pdrScreen.rtl .pdrFlip{transform:scaleX(-1)}.pdrPlane{rotate:90deg}.pdrScreen.rtl .pdrPlane{rotate:-90deg}.pdrBar{border-bottom:1px solid #e9ecf0;justify-content:space-between;align-items:center;gap:8px;height:32px;padding:0 12px;display:flex}.pdrBack{color:#111;align-items:center;gap:6px;font-size:10.5px;font-weight:650;display:flex;position:relative}.pdrLang{color:#3b4553;border:1px solid #d9dde3;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:650}.pdrHead{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 6px;display:flex;position:relative}.pdrHead>b{letter-spacing:.01em;margin-inline-start:4px;font-size:13px;font-weight:700}.pdrBadge{color:#17784c;background:#e4f6ec;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.pdrRed{inset-inline-start:0;border-inline-end:1px solid #b8471f;width:16px;position:absolute;top:10px;bottom:4px}.pdrRed:before{content:"";inset-inline:0;border-top:1px solid #b8471f;position:absolute;top:50%}.pdrRed small{inset-inline-start:2px;color:#b8471f;font-size:7.5px;font-weight:700;position:absolute;top:calc(50% + 2px)}.pdrRoute{background:#fafbfc;border:1px solid #e6e9ee;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:4px 12px 0;padding:12px 14px;display:grid}.pdrPt{flex-direction:column;gap:1px;display:flex}.pdrPt b{letter-spacing:.02em;font-size:16px;font-weight:700}.pdrPt small{color:#6b7482;font-size:9px}.pdrLeg{color:#111;place-items:center;height:18px;display:grid;position:relative}.pdrLeg i{inset-inline:0;border-top:1.5px dashed #b9bfc8;position:absolute;top:50%}.pdrLeg svg{box-sizing:content-box;background:#fafbfc;padding-inline:4px;position:relative}.pdrWho{justify-content:space-between;align-items:baseline;gap:8px;padding:9px 16px 2px;display:flex}.pdrWho b{font-size:10.5px;font-weight:650}.pdrWho small{color:#6b7482;font-size:9px}.pdrSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:16px 16px 8px;display:grid;position:relative}.pdrSteps:before{content:"";top:20px;background:#e3e6ea;border-radius:2px;height:2px;position:absolute;inset-inline:32px}.pdrFill{top:20px;background:#111;border-radius:2px;width:calc(66% - 42.24px);height:2px;position:absolute;inset-inline-start:32px}.pdrSteps>span{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.pdrSteps>span i{background:#fff;border:2px solid #c9ced6;border-radius:50%;width:10px;height:10px;display:block}.pdrSteps>span.done i{background:#111;border-color:#111}.pdrSteps>span.now i{background:#fff;border-color:#111;box-shadow:0 0 0 3px #1111111f}.pdrSteps>span small{color:#6b7482;font-size:8.5px;line-height:1.25}.pdrSteps>span.now small,.pdrSteps>span.done small{color:#1c2430;font-weight:600}.pdrPrice{border:1px solid #e6e9ee;border-radius:9px;margin:4px 12px 0;padding:10px 14px}.pdrPriceHead{justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.pdrPriceHead b{font-size:10.5px;font-weight:650}.pdrSel{color:#3b4553;border:1px solid #d9dde3;border-radius:6px;align-items:center;gap:12px;padding:2px 8px;font-size:9px;font-weight:650;display:inline-flex;position:relative}.pdrSel:after{content:"";border-bottom:1.5px solid #3b4553;border-right:1.5px solid #3b4553;width:5px;height:5px;margin-top:-3px;rotate:45deg}.pdrLine{color:#3b4553;border-top:1px solid #edf0f3;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0;font-size:9.5px;display:flex;position:relative}.pdrLine em{font-variant-numeric:tabular-nums;color:#111;font-weight:650}.pdrLine.total{color:#111;font-size:10.5px;font-weight:700}.pdrLine.total em{font-size:12px;font-weight:750}.pdrActs{align-items:center;gap:8px;padding:12px 12px 14px;display:flex}.pdrGo{color:#fff;background:#111;border-radius:6px;align-items:center;gap:6px;height:24px;padding:0 11px;font-size:9.5px;font-weight:650;display:inline-flex}.pdrNo{color:#3b4553;border:1px solid #d9dde3;border-radius:6px;align-items:center;height:24px;padding:0 10px;font-size:9.5px;font-weight:650;display:inline-flex}.pdrPin{z-index:2;top:-7px;color:#fff;letter-spacing:0;background:#b8471f;border:1.5px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8.5px;font-weight:700;display:grid;position:absolute;inset-inline-end:-7px;box-shadow:0 2px 6px #14182140}.pdrBack .pdrPin{top:-8px;inset-inline-end:-19px}.pdrHead .pdrPin{top:-3px;inset-inline:0 auto}.pdrLeg .pdrPin{top:-10px;inset-inline-end:8px}.pdrSteps .pdrPin{top:6px;inset-inline:8px auto}.pdrSel .pdrPin{top:-8px;inset-inline:-9px auto}.pdrLine .pdrPin{top:50%;margin-top:-8px;inset-inline:38% auto}.pdrLegend{border-top:1px solid #dfe3e8;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;margin-top:12px;padding-top:10px;display:grid}.pdrLegend li{color:#3b4553;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.pdrLegend b{color:#fff;background:#b8471f;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;font-size:8.5px;font-weight:700;display:grid}@container pdr (max-width:640px){.pdrPair{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.pdrLegend{grid-template-columns:repeat(2,minmax(0,1fr))}.pdrSteps>span small{font-size:8px}}@container pdr (max-width:520px){.pdrPair{grid-template-columns:minmax(0,1fr)}.pdrPair>.pdrFrame:first-child,.pdrMirror{display:none}}
.pdsWrap{container:pds/inline-size}.pds{color:#1c2430;text-align:start;width:100%;font-family:var(--font-geist-sans,-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif);direction:ltr;background:#f6f7f9;border:1px solid #dfe3e8;border-radius:12px;font-size:10px;line-height:1.35;overflow:hidden;box-shadow:0 34px 78px #24385e26}:where(.pds) :where(ul,ol,figure){margin:0;padding:0;list-style:none}:where(.pds) :where(i,em){font-style:normal}.pdsTop{background:#fff;border-bottom:1px solid #e6e9ee;align-items:center;gap:14px;height:42px;padding:0 14px;display:flex}.pdsName{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.pdsName i{background:linear-gradient(135deg,#111 0 50%,#2560c7 50% 100%);border-radius:5px;width:18px;height:18px}.pdsName b{font-weight:650}.pdsTabs{background:#f1f3f6;border-radius:8px;gap:2px;margin-inline:auto;padding:3px;display:flex}.pdsTabs span{color:#5b6472;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:10.5px;font-weight:600}.pdsTabs .on{color:#111;background:#fff;box-shadow:0 1px 2px #1418211f}.pdsDir{color:#5b6472;border:1px solid #d9dde3;border-radius:7px;padding:2px;font-size:9.5px;font-weight:650;display:flex}.pdsDir b,.pdsDir span{border-radius:5px;padding:3px 7px;font-weight:650}.pdsDir b{color:#fff;background:#111}.pdsGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;display:grid}.pdsT{background:#fff;border:1px solid #e1e5ea;border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:11px 12px 12px;display:flex}.pdsH{letter-spacing:.08em;text-transform:uppercase;color:#6b7482;font-size:9px;font-weight:700;display:block}.pdsColour{grid-column:span 4}.pdsTheme{grid-column:span 2}.pdsType,.pdsBtn{grid-column:span 3}.pdsForm{grid-column:span 2}.pdsTable{grid-column:span 4}.pdsResp,.pdsA11y{grid-column:span 3}.pdsSw{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.pdsSw li{flex-direction:column;gap:2px;min-width:0;display:flex}.pdsSw i{border:1px solid #11111114;border-radius:7px;height:34px;margin-bottom:4px}.pdsSw b{font-size:10px;font-weight:650}.pdsSw small{color:#6b7482;font-variant-numeric:tabular-nums;font-size:8.5px}.pdsModes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pdsMode{border:1px solid #dfe3e8;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.pdsMode small{opacity:.7;font-size:8.5px}.pdsMode b{font-size:11px;font-weight:700}.pdsMode span{border-radius:5px;align-self:flex-start;padding:3px 8px;font-size:8.5px;font-weight:650}.pdsMode.light{color:#111;background:#fff}.pdsMode.light span{color:#fff;background:#111}.pdsMode.dark{color:#f5f4f2;background:#171615;border-color:#2b2a29}.pdsMode.dark span{color:#171615;background:#f5f4f2}.pdsType ul{flex-direction:column;gap:6px;display:flex}.pdsType li{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.pdsType li:last-child{border-bottom:0;padding-bottom:0}.pdsType small{color:#6b7482;white-space:nowrap;flex:none;font-size:8.5px}.pdsSample{text-overflow:ellipsis;white-space:nowrap;color:#111;min-width:0;overflow:hidden}.pdsSample.d{letter-spacing:-.03em;font-size:26px;font-weight:600;line-height:1.1}.pdsSample.h{letter-spacing:-.02em;font-size:17px;font-weight:600}.pdsSample.b{font-size:12px;font-weight:450}.pdsSample.l{letter-spacing:.08em;color:#5b6472;font-size:9px;font-weight:700}.pdsStates{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pdsStates li{flex-direction:column;align-items:center;gap:5px;display:flex}.pdsStates small{color:#6b7482;font-size:8px}.pdsB{color:#fff;white-space:nowrap;background:#111;border-radius:6px;place-items:center;height:22px;padding:0 9px;font-size:9px;font-weight:650;display:grid}.pdsB.hover{background:#3a4150}.pdsB.focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #2560c7}.pdsB.pressed{background:#000;transform:translateY(1px);box-shadow:inset 0 2px 4px #ffffff40}.pdsB.disabled{color:#8e97a4;background:#e3e6ea}.pdsB.secondary{color:#111;background:#fff;border:1px solid #b9bfc8}.pdsB.ghost{color:#2560c7;background:0 0}.pdsB2{border-top:1px solid #edf0f3;align-items:center;gap:8px;padding-top:8px;display:flex}.pdsChk{color:#3b4553;white-space:nowrap;align-items:center;gap:6px;margin-inline-start:auto;font-size:9.5px;display:flex}.pdsChk i{background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.6 6.2 2.2 2.2 4.6-4.8' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border:1.5px solid #111;border-radius:3px;width:11px;height:11px}.pdsField{flex-direction:column;gap:3px;display:flex}.pdsForm small{color:#5b6472;font-size:8.5px;font-weight:600}.pdsIn{color:#111;background:#fff;border:1px solid #c9ced6;border-radius:6px;padding:5px 7px;font-size:10px;display:block}.pdsIn.focus{border-color:#2560c7;box-shadow:0 0 0 3px #2560c733}.pdsIn.focus:after{content:"";vertical-align:-2px;background:#2560c7;width:1px;height:10px;margin-inline-start:1px;display:inline-block}.pdsIn.error{color:#6b7482;border-color:#b42318}.pdsForm em{color:#b42318;font-size:8.5px;font-weight:600}.pdsRow{color:#3b4553;border-top:1px solid #edf0f3;grid-template-columns:minmax(0,1.05fr) minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.7fr);align-items:center;gap:8px;padding:6px 0;font-size:9.5px;display:grid}.pdsRow>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pdsRow b{color:#1c2430;font-size:9.5px;font-weight:650}.pdsRow.head{color:#6b7482;border-top:0;padding-top:0;font-size:8.5px;font-weight:650}.pdsRow .num{text-align:end;font-variant-numeric:tabular-nums;font-weight:650}.pdsRow.head .num{font-weight:650}.pdsBadge{border-radius:4px;justify-self:start;padding:1px 6px;font-size:8.5px;font-weight:700}.pdsBadge.ok{color:#17784c;background:#e4f6ec}.pdsBadge.wait{color:#8a5a00;background:#fdf0d5}.pdsBadge.off{color:#4b5563;background:#eef0f3}.pdsDevs{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.pdsDevs figure{flex-direction:column;align-items:center;gap:4px;display:flex}.pdsDevs figure>div{background:#f6f7f9;border:1px solid #b9bfc8;border-radius:5px;gap:3px;padding:4px;display:grid}.pdsDevs i{background:#d6dae0;border-radius:2px;display:block}.pdsDevs .desk>div{grid-template-columns:8px repeat(3,1fr);width:84px;height:48px}.pdsDevs .desk i.side{background:#111}.pdsDevs .tab>div{grid-template-columns:repeat(2,1fr);width:52px;height:48px}.pdsDevs .phone>div{border-radius:6px;grid-template-rows:repeat(1,1fr);grid-template-columns:1fr;width:30px;height:48px}.pdsDevs small{color:#6b7482;font-variant-numeric:tabular-nums;font-size:8px}.pdsA11y ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;display:grid}.pdsA11y li{align-items:center;gap:6px;display:flex}.pdsAa{border:1px solid #1111111a;border-radius:5px;place-items:center;width:26px;height:22px;font-size:11px;font-weight:700;display:grid}.pdsA11y b{font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:650}.pdsA11y small{color:#17784c;background:#e4f6ec;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}@container pds (max-width:640px){.pdsGrid{grid-template-columns:minmax(0,1fr)}.pdsColour,.pdsTheme,.pdsType,.pdsBtn,.pdsForm,.pdsTable,.pdsResp,.pdsA11y{grid-column:1/-1}.pdsTabs span:nth-child(3){display:none}}@container pds (max-width:440px){.pdsDir,.pdsTabs{display:none}.pdsSw{grid-template-columns:repeat(3,minmax(0,1fr))}.pdsTheme,.pdsResp,.pdsForm{display:none}.pdsStates{grid-template-columns:repeat(3,minmax(0,1fr))}.pdsRow{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,.6fr)}.pdsRow>:nth-child(2){display:none}}
.pdpPhoto{aspect-ratio:16/6.4;border-radius:var(--r-lg);background:var(--soft);margin-top:10px;position:relative;overflow:hidden}.pdpPhoto img{object-fit:cover}@media (max-width:700px){.pdpPhoto{aspect-ratio:4/3}}