.product-shell:has(.thoi-gian-pin-du-phong){--p-bg:#f7f8fa;--p-ink:#20252d;--p-muted:#596576;--p-line:#c8d1de;--p-accent:#355bc6}.thoi-gian-pin-du-phong{color:#20252d;max-width:1160px;margin:0 auto;padding:14px 0 36px;font-family:DM Sans,sans-serif}.thoi-gian-pin-du-phong *{box-sizing:border-box}.thoi-gian-pin-du-phong :is(input,button):focus-visible{outline-offset:3px;outline:3px solid #355bc6}.sgp-top{margin-bottom:26px}.sgp-kicker{color:#355bc6;letter-spacing:.11em;font:700 11px IBM Plex Mono,monospace}.sgp-top h2{letter-spacing:-.04em;margin:7px 0 4px;font:700 clamp(27px,3.3vw,42px)/1.12 Space Grotesk,sans-serif}.sgp-top p{color:#596576;margin:0;font-size:14px}.sgp-workspace{grid-template-columns:minmax(245px,300px) minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,54px);display:grid}.sgp-source{background:#e9edf4;border-top:4px solid #355bc6;padding:18px 20px 16px}.sgp-section-label{align-items:baseline;gap:9px;min-height:33px;margin-bottom:15px;display:flex}.sgp-section-label>span{color:#355bc6;font:700 12px IBM Plex Mono,monospace}.sgp-section-label h3{margin:0;font:700 21px Space Grotesk,sans-serif}.sgp-section-label small{color:#596576;margin-left:auto;font-size:12px}.sgp-modes{border:0;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding:0;display:flex}.sgp-modes legend{margin-bottom:8px;font-size:12px;font-weight:700}.sgp-modes label{cursor:pointer;align-items:center;gap:6px;font:600 13px IBM Plex Mono,monospace;display:flex}.sgp-modes input,.sgp-switch input{accent-color:#355bc6}.sgp-field{min-width:0;display:block}.sgp-field>span:first-child{margin-bottom:6px;font-size:12px;font-weight:700;line-height:1.35;display:block}.sgp-input{background:#fff;border:1px solid #aeb9c8;align-items:center;min-width:0;display:flex}.sgp-input:focus-within{border-color:#355bc6;box-shadow:inset 0 0 0 1px #355bc6}.sgp-input input{color:#20252d;background:0 0;border:0;width:100%;min-width:0;height:44px;padding:0 10px;font:500 16px IBM Plex Mono,monospace}.sgp-input input:focus{outline:0}.sgp-input b{color:#596576;flex:none;padding:0 10px;font:500 12px IBM Plex Mono,monospace}.sgp-pair{gap:13px;display:grid}.sgp-hint{color:#596576;margin:7px 0 17px;font-size:11px;line-height:1.5}.sgp-target{border-top:1px solid #bdc8d7;padding-top:12px}.sgp-table-head,.sgp-device{grid-template-columns:34px minmax(0,1.45fr) minmax(110px,.9fr) minmax(86px,.55fr) 30px;align-items:end;gap:11px;display:grid}.sgp-table-head{color:#596576;text-transform:uppercase;letter-spacing:.04em;padding:0 0 9px;font:700 10px IBM Plex Mono,monospace}.sgp-device{border-top:1px solid #c8d1de;padding:10px 0}.sgp-device.is-off{opacity:.55}.sgp-switch{align-self:center;place-items:center;width:24px;height:24px;display:grid}.sgp-switch input{cursor:pointer;width:18px;height:18px;margin:0}.sgp-device .sgp-field>span:first-child{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sgp-plain{color:#20252d;background:#fff;border:1px solid #aeb9c8;border-radius:0;width:100%;min-width:0;height:44px;padding:0 10px;font:500 14px DM Sans,sans-serif}.sgp-device .sgp-input input{font-size:14px}.sgp-remove{color:#596576;cursor:pointer;background:0 0;border:0;align-self:center;width:28px;height:32px;font-size:25px}.sgp-remove:hover{color:#20252d}.sgp-remove:disabled{opacity:.3;cursor:not-allowed}.sgp-add{color:#355bc6;cursor:pointer;background:0 0;border:0;margin:14px 0 0;padding:8px 0;font:700 13px DM Sans,sans-serif}.sgp-add:disabled{color:#596576;cursor:not-allowed}.sgp-actions{justify-content:flex-end;align-items:center;gap:22px;margin-top:24px;display:flex}.sgp-calculate{color:#fff;cursor:pointer;background:#355bc6;border:1px solid #355bc6;min-height:48px;padding:0 20px;font:700 14px DM Sans,sans-serif}.sgp-calculate span{margin-left:14px;font-size:18px}.sgp-calculate:hover{background:#294ba9}.sgp-reset{color:#596576;cursor:pointer;background:0 0;border:0;min-height:42px;font:700 13px DM Sans,sans-serif;text-decoration:underline}.sgp-error{color:#762f26;background:#fff0ec;border-left:4px solid #ad493b;margin:20px 0;padding:12px 15px;font-size:13px;line-height:1.5}.sgp-empty{color:#596576;background:#edf0f5;margin:22px 0 0;padding:20px;font-size:13px}.sgp-result{color:#f0f3f8;background:#20252d;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:clamp(24px,4vw,54px);margin-top:26px;padding:22px 26px;display:grid}.sgp-result-main{align-self:center;min-width:0}.sgp-result-main>span{color:#a8bdea;letter-spacing:.11em;font:700 11px IBM Plex Mono,monospace;display:block}.sgp-result-main strong{letter-spacing:-.04em;overflow-wrap:anywhere;margin:9px 0;font:700 clamp(27px,4vw,50px)/1.12 Space Grotesk,sans-serif;display:block}.sgp-result-main p{color:#d5dce8;margin:0;font:13px IBM Plex Mono,monospace}.sgp-result-detail h3{color:#a8bdea;margin:0 0 10px;font:700 12px DM Sans,sans-serif}.sgp-result-line{justify-content:space-between;gap:15px;padding:4px 0;font-size:12px;display:flex}.sgp-result-line span{overflow-wrap:anywhere}.sgp-result-line b{flex:none;font:600 12px IBM Plex Mono,monospace}.sgp-total{border-top:1px solid #657181;margin-top:5px;padding-top:9px;font-weight:700}.sgp-goal{border-top:1px solid #657181;margin-top:17px;padding-top:13px}.sgp-goal strong{color:#fff;font-size:15px}.sgp-goal p{color:#d5dce8;margin:5px 0 9px;font-size:12px;line-height:1.45}.sgp-meter{background:#5c6979;height:7px}.sgp-meter i{background:#8cacf5;height:100%;transition:width .2s;display:block}.sgp-footnote{color:#596576;max-width:850px;margin:18px 0 0;font-size:12px;line-height:1.55}.sgp-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.sgp-workspace{grid-template-columns:1fr;gap:30px}.sgp-result{grid-template-columns:1fr}}@media (width<=560px){.thoi-gian-pin-du-phong{padding-top:4px}.sgp-top{margin-bottom:18px}.sgp-source{padding:16px}.sgp-table-head{display:none}.sgp-device{grid-template-columns:28px 1fr 1fr 28px;align-items:end;gap:9px}.sgp-device .sgp-field:nth-of-type(2){grid-column:2/5}.sgp-device .sgp-field>span:first-child{clip:auto;white-space:normal;width:auto;height:auto;font-size:11px;position:static;overflow:visible}.sgp-switch{grid-area:1/1;align-self:end;margin-bottom:8px}.sgp-remove{grid-area:2/4}.sgp-device .sgp-field:nth-of-type(3){grid-column:1/3}.sgp-device .sgp-field:nth-of-type(4){grid-column:3/4}.sgp-actions{justify-content:space-between}.sgp-result{padding:20px}}@media (prefers-reduced-motion:reduce){.sgp-meter i{transition:none}}