:root{--primitive-gray-50: #f9fafb;--primitive-gray-100: #f5f5f5;--primitive-gray-200: #eeeeee;--primitive-gray-600: #666666;--primitive-gray-900: #111111;--primitive-red-500: #e41e2b;--primitive-red-50: rgba(228, 30, 43, .05);--primitive-blue-500: #3b82f6;--primitive-space-2: 8px;--primitive-space-3: 12px;--primitive-space-4: 16px;--primitive-space-5: 20px;--primitive-space-6: 24px;--primitive-space-8: 32px;--primitive-space-10: 40px;--primitive-space-12: 48px;--primitive-space-15: 60px;--primitive-font-xs: 12px;--primitive-font-sm: 14px;--primitive-font-base: 16px;--primitive-font-lg: 18px;--primitive-font-xl: 20px;--primitive-font-2xl: 24px;--primitive-font-3xl: 32px}:root{--text-primary: var(--primitive-gray-900);--text-secondary: var(--primitive-gray-600);--text-accent: var(--primitive-red-500);--text-link: var(--primitive-blue-500);--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: var(--primitive-gray-50);--bg-grey: var(--primitive-gray-100);--container-max-width: 1200px;--grid-gap: var(--primitive-space-5);--card-bg: var(--bg-primary);--card-padding: var(--primitive-space-10) var(--primitive-space-6);--card-radius: 4px;--card-shadow: 0 8px 24px rgba(0, 0, 0, .08);--btn-primary-bg: var(--primitive-gray-900);--btn-primary-text: var(--text-inverse);--btn-secondary-border: var(--primitive-gray-900);--btn-secondary-text: var(--primitive-gray-900)}.banner-content.svelte-v372b9{width:100%;display:flex;flex-direction:column;align-items:center}.banner-content--no-code.svelte-v372b9{min-height:480px;justify-content:center}.banner-content--mb.svelte-v372b9{display:none}.banner-content--settled.svelte-v372b9 .title__word:where(.svelte-v372b9){animation:none;opacity:1;filter:none}.banner-content--settled.svelte-v372b9 .subtitle:where(.svelte-v372b9){animation:none;opacity:1;filter:none}.title.svelte-v372b9{text-align:center;font-size:var(--por-base-size-56);line-height:var(--por-base-size-84);font-weight:var(--por-base-font-weight-bold);color:var(--por-color-text-primary);margin-bottom:12px}.title__word.svelte-v372b9{display:inline-block;opacity:0;filter:blur(16px);animation:svelte-v372b9-word-appear .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--word-delay, 0s)}.title__highlight.svelte-v372b9{display:inline}.title__highlight-char.svelte-v372b9{display:inline;background-image:var(--gradient-colors);background-size:300% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:0;filter:blur(16px);animation:svelte-v372b9-word-appear .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--char-delay, 0s)}.title__highlight--settled.svelte-v372b9 .title__highlight-char:where(.svelte-v372b9){animation:none;opacity:1;filter:blur(0px)}.subtitle.svelte-v372b9{text-align:center;font-size:var(--por-font-size-18);line-height:var(--por-base-size-32);color:var(--por-color-text-secondary);margin-bottom:var(--por-base-size-76);opacity:0;filter:blur(16px);animation:svelte-v372b9-subtitle-fade-in .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s}.subtitle.svelte-v372b9 p{margin:0}.banner-content--no-code.svelte-v372b9 .subtitle:where(.svelte-v372b9){margin-bottom:var(--por-base-size-40)}.card.svelte-v372b9{position:relative;width:880px;max-width:100%;background:#ffffffeb;border-radius:24px;box-shadow:0 32px 60px #3b6aa508;padding:var(--por-base-size-24);margin:0 auto;margin-bottom:var(--por-base-size-40)}.card__header.svelte-v372b9{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.card__header--block.svelte-v372b9 .card__description:where(.svelte-v372b9){flex-basis:100%}.card__tabs.svelte-v372b9{display:flex;gap:4px;background:#1919190a;border-radius:175px;padding:4px}.card__tab.svelte-v372b9{padding:6px 32px;border:none;border-radius:21px;font-size:var(--por-font-size-16);line-height:var(--por-base-size-24);cursor:pointer;background:transparent;color:var(--por-color-text-secondary);font-weight:var(--por-base-font-weight-normal);transition:all .2s ease}.card__tab--active.svelte-v372b9{background:var(--por-color-background-white);color:var(--por-color-text-primary);font-weight:var(--por-base-font-weight-bold)}.card__description.svelte-v372b9{display:flex;align-items:flex-start;gap:var(--por-base-size-16);flex:0 1 auto;min-width:0;margin-left:auto}.card__header--block.svelte-v372b9 .card__description:where(.svelte-v372b9){flex-basis:100%;margin-left:0;justify-content:space-between;align-items:flex-start}.card__description-text.svelte-v372b9{flex:1 1 auto;min-width:0;font-size:var(--por-font-size-16);line-height:var(--por-base-size-24);color:var(--por-color-text-secondary);word-break:break-word}.card__description-link.svelte-v372b9{flex-shrink:0;font-size:var(--por-font-size-16);line-height:var(--por-base-size-24);color:var(--por-color-text-button);text-decoration:none;white-space:nowrap}.card__description-link.svelte-v372b9:hover{text-decoration:underline}.card__code-row.svelte-v372b9{position:relative;display:flex;align-items:center;gap:var(--por-base-size-12);padding-bottom:var(--por-base-size-16);border-bottom:1px solid rgba(25,25,25,.1)}.card__code.svelte-v372b9{flex:1;font-size:var(--por-font-size-16);line-height:var(--por-base-size-19);background:linear-gradient(270deg,#00178f 18.019%,#ac4000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope}.card__cursor.svelte-v372b9{display:inline-block;width:2px;height:var(--por-font-size-16);background:var(--por-color-text-primary);vertical-align:text-bottom;margin-left:1px;animation:svelte-v372b9-cursor-blink .8s step-end infinite}.card__copy-btn.svelte-v372b9{flex-shrink:0;width:var(--por-base-size-16);height:var(--por-base-size-16);border:none;cursor:pointer;padding:0;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2036%2036'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='36.000000'%20height='36.000000'%20fill='none'%3e%3crect%20id='复制-copy'%20width='36.000000'%20height='36.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='形状结合'%20d='M22.5%207.875C25.65%207.875%2028.125%2010.35%2028.125%2013.5L28.125%2027C28.125%2030.15%2025.65%2032.625%2022.5%2032.625L9%2032.625C5.85%2032.625%203.375%2030.15%203.375%2027L3.375%2013.5C3.375%2010.35%205.85%207.875%209%207.875L22.5%207.875ZM22.5%2010.125L9%2010.125C7.2%2010.125%205.625%2011.7%205.625%2013.5L5.625%2027C5.625%2028.8%207.2%2030.375%209%2030.375L22.5%2030.375C24.3%2030.375%2025.875%2028.8%2025.875%2027L25.875%2013.5C25.875%2011.7%2024.3%2010.125%2022.5%2010.125ZM26%203.375C29.5979%203.37492%2032.625%206.03504%2032.625%2010L32.625%2020.25C32.625%2020.925%2032.175%2021.375%2031.5%2021.375C30.825%2021.375%2030.375%2020.925%2030.375%2020.25L30.375%2011C30.3753%207.87494%2028.1246%205.625%2025%205.625L15.75%205.625C15.075%205.625%2014.625%205.175%2014.625%204.5C14.625%203.825%2015.075%203.375%2015.75%203.375L26%203.375Z'%20fill='rgb(25,25,25)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.card__copy-btn.svelte-v372b9:hover{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2036%2036'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='36.000000'%20height='36.000000'%20fill='none'%3e%3crect%20id='复制-copy-hover'%20width='36.000000'%20height='36.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='形状结合'%20d='M22.5%207.875C25.65%207.875%2028.125%2010.35%2028.125%2013.5L28.125%2027C28.125%2030.15%2025.65%2032.625%2022.5%2032.625L9%2032.625C5.85%2032.625%203.375%2030.15%203.375%2027L3.375%2013.5C3.375%2010.35%205.85%207.875%209%207.875L22.5%207.875ZM22.5%2010.125L9%2010.125C7.2%2010.125%205.625%2011.7%205.625%2013.5L5.625%2027C5.625%2028.8%207.2%2030.375%209%2030.375L22.5%2030.375C24.3%2030.375%2025.875%2028.8%2025.875%2027L25.875%2013.5C25.875%2011.7%2024.3%2010.125%2022.5%2010.125ZM26%203.375C29.5979%203.37492%2032.625%206.03504%2032.625%2010L32.625%2020.25C32.625%2020.925%2032.175%2021.375%2031.5%2021.375C30.825%2021.375%2030.375%2020.925%2030.375%2020.25L30.375%2011C30.3753%207.87494%2028.1246%205.625%2025%205.625L15.75%205.625C15.075%205.625%2014.625%205.175%2014.625%204.5C14.625%203.825%2015.075%203.375%2015.75%203.375L26%203.375Z'%20fill='rgb(89,89,89)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e")}.card__copy-notice.svelte-v372b9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--por-base-size-8);background:var(--por-color-background-white);color:var(--por-color-text-primary);border-radius:var(--por-radius-md);padding:var(--por-base-size-8) var(--por-base-size-16);font-size:var(--por-font-size-14);line-height:var(--por-base-size-22);white-space:nowrap;pointer-events:none;z-index:var(--por-base-zindex-tooltip);box-shadow:var(--por-shadow-tips);animation:svelte-v372b9-copy-notice-fade 2s ease forwards}.card__copy-notice-icon.svelte-v372b9{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--por-color-function-success);position:relative}.card__copy-notice-icon.svelte-v372b9:after{content:"";position:absolute;top:3px;left:6px;width:4px;height:8px;border:solid var(--por-color-background-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.banner-content__button-group.svelte-v372b9{display:flex;justify-content:center;align-items:center;gap:var(--por-base-size-12)}.banner-content__button-group.svelte-v372b9 a[class*=por-btn]:where(.svelte-v372b9),.banner-content__button-group.svelte-v372b9 a.por-link:where(.svelte-v372b9){display:inline-flex;align-items:center;justify-content:center;gap:var(--por-base-size-8)}.banner-content__button-icon.svelte-v372b9{width:16px;height:16px;object-fit:contain;vertical-align:middle}@keyframes svelte-v372b9-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes svelte-v372b9-copy-notice-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes svelte-v372b9-subtitle-fade-in{0%{opacity:0;filter:blur(16px)}to{opacity:1;filter:blur(0px)}}@keyframes svelte-v372b9-word-appear{0%{opacity:0;filter:blur(16px)}to{opacity:1;filter:blur(0px)}}@media (max-width: 1600px){.title.svelte-v372b9{font-size:var(--por-font-size-48);line-height:var(--por-base-size-72)}.subtitle.svelte-v372b9{font-size:var(--por-font-size-16);margin-bottom:var(--por-base-size-60)}.card.svelte-v372b9{width:704px;padding:var(--por-base-size-20)}.card__header.svelte-v372b9{margin-bottom:28px}.card__tab.svelte-v372b9{font-size:var(--por-font-size-14);line-height:22px;padding:1px 28px}.card__description-text.svelte-v372b9,.card__description-link.svelte-v372b9{font-size:var(--por-font-size-14)}.card__code-row.svelte-v372b9{padding-bottom:var(--por-base-size-12)}.card__code.svelte-v372b9{font-size:var(--por-font-size-14)}}@media (max-width: 1280px){.title.svelte-v372b9{font-size:var(--por-font-size-40);line-height:var(--por-base-size-60)}.subtitle.svelte-v372b9{font-size:var(--por-font-size-14);margin-bottom:var(--por-base-size-40)}.card.svelte-v372b9{width:586px;padding:var(--por-base-size-16);margin-bottom:var(--por-base-size-32)}.card__header.svelte-v372b9{margin-bottom:24px}.card__tab.svelte-v372b9{font-size:var(--por-font-size-14);padding:1px 24px}.card__description-text.svelte-v372b9,.card__description-link.svelte-v372b9,.card__code.svelte-v372b9{font-size:var(--por-font-size-12)}}@media (max-width: 839px){.title.svelte-v372b9{font-size:var(--por-font-size-28);line-height:var(--por-base-size-42)}.subtitle.svelte-v372b9{font-size:var(--por-font-size-14);line-height:var(--por-base-size-18);margin-bottom:var(--por-base-size-36)}.card.svelte-v372b9{width:480px;padding:var(--por-base-size-16);border-radius:20px}.card__header.svelte-v372b9{margin-bottom:20px}.card__tab.svelte-v372b9{font-size:var(--por-font-size-12);line-height:18px;padding:3px 24px}.card__description-text.svelte-v372b9,.card__description-link.svelte-v372b9,.card__code.svelte-v372b9{font-size:var(--por-font-size-12)}}@media (max-width: 599px){.banner-content--pc.svelte-v372b9{display:none}.banner-content--mb.svelte-v372b9{display:flex;flex-direction:column;align-items:center;gap:var(--por-base-size-24)}.title.svelte-v372b9{font-size:var(--por-font-size-24);line-height:var(--por-base-size-36)}.subtitle.svelte-v372b9{font-size:var(--por-font-size-12);line-height:var(--por-base-size-18);margin-top:calc(var(--por-base-size-8) - var(--por-base-size-24));margin-bottom:0}.card.svelte-v372b9{width:100%;padding:var(--por-base-size-16);margin-bottom:0}.card__header.svelte-v372b9{margin-bottom:16px}.card__tabs.svelte-v372b9{width:100%}.card__tab.svelte-v372b9{flex:1;font-size:var(--por-font-size-12);padding:3px 28px}.card__code.svelte-v372b9{font-size:var(--por-font-size-12)}}.banner-content--no-animation.svelte-v372b9 .title__word:where(.svelte-v372b9),.banner-content--no-animation.svelte-v372b9 .title__highlight-char:where(.svelte-v372b9),.banner-content--no-animation.svelte-v372b9 .subtitle:where(.svelte-v372b9){animation:none!important;opacity:1;filter:none}@media (prefers-reduced-motion: reduce){.title__word.svelte-v372b9,.title__highlight-char.svelte-v372b9,.subtitle.svelte-v372b9{animation:none!important;opacity:1;filter:none}}:root{--por-base-color-gray-1: #fff;--por-base-color-gray-2: #f0f0f0}:root .data-theme-dark{--por-base-color-gray-0: #000;--por-base-color-gray-1: #1b1b1b;--por-base-color-gray-2: #1b1b1b;--por-base-color-gray-5: #1b1b1b;--por-base-color-gray-10: #1f1f1f;--por-base-color-gray-60: #b3b3b3;--por-base-color-gray-90: #ffffff;--por-base-color-brand: var(--por-base-color-gray-90);--por-base-color-brand-2: var(--por-base-color-blue-50);--por-color-text-primary: var(--por-base-color-gray-90);--por-color-text-secondary: var(--por-base-color-gray-60);--por-color-text-weak-1: var(--por-base-color-gray-40);--por-color-text-weak: var(--por-base-color-gray-50);--por-color-text-disabled: var(--por-base-color-gray-40);--por-color-text-white: var(--por-base-color-gray-0);--por-color-text-black: var(--por-base-color-gray-100);--por-color-text-button: var(--por-base-color-blue-50);--por-color-text-huawei: var(--por-base-color-red-huawei);--por-color-text-link-default: var(--por-base-color-gray-90);--por-color-text-link-active: var(--por-base-color-gray-60);--por-color-text-link-disabled: var(--por-base-color-gray-40);--por-color-text-link-white: var(--por-base-color-gray-0);--por-color-background-white: var(--por-base-color-gray-0);--por-color-background-white-1: rgba(var(--por-base-color-rgb-white), .3);--por-color-background-white-2: rgba(var(--por-base-color-rgb-white), .5);--por-color-background-white-3: rgba(var(--por-base-color-rgb-white), .8);--por-color-background-black: var(--por-base-color-gray-100);--por-color-background-black-1: rgba(var(--por-base-color-rgb-black), .8);--por-color-background-primary: var(--por-base-color-gray-90);--por-color-background-primary-active: var(--por-base-color-gray-60);--por-color-background-secondary: var(--por-base-color-gray-60);--por-color-background-gray: var(--por-base-color-gray-40);--por-color-background-gray-1: var(--por-base-color-gray-5);--por-color-background-gray-2: var(--por-base-color-gray-10);--por-color-background-gray-3: rgba(var(--por-base-color-rgb-black), .1);--por-color-background-gray-4: rgba(var(--por-base-color-rgb-black), .05);--por-color-background-gray-5: var(--por-base-color-gray-30);--por-color-background-gray-6: rgba(var(--por-base-color-rgb-black), .08);--por-color-background-gray-7: rgba(var(--por-base-color-rgb-gray), .1);--por-color-background-disabled: rgba(var(--por-base-color-rgb-black), .05);--por-color-background-transparent: var(--por-base-color-transparent);--por-color-background-aux: var(--por-base-color-blue-50);--por-color-border-primary: var(--por-base-color-gray-90);--por-color-border-primary-active: var(--por-base-color-gray-60);--por-color-border-secondary: var(--por-base-color-gray-60);--por-color-border-secondary-active: var(--por-base-color-gray-50);--por-color-border-input: var(--por-base-color-gray-40);--por-color-border-input-active: var(--por-base-color-gray-90);--por-color-border-input-disabled: var(--por-base-color-gray-30);--por-color-border-disabled: var(--por-base-color-gray-40);--por-color-border-white: var(--por-base-color-gray-0);--por-color-border-light-gray: var(--por-base-color-gray-50);--por-color-border-split-1: rgba(var(--por-base-color-rgb-black), .08);--por-color-border-split-2: rgba(var(--por-base-color-rgb-black), .15);--por-color-border-transparent: var(--por-base-color-transparent);--por-color-border-drop: var(--por-base-color-gray-20);--por-color-function-error: var(--por-base-color-red-50);--por-color-function-warning: var(--por-base-color-orange-50);--por-color-function-alarm: var(--por-base-color-lemon-50);--por-color-function-success: var(--por-base-color-kelly-50);--por-color-function-info: var(--por-base-color-blue-50);--por-color-function-closed: var(--por-base-color-gray-20);--por-color-function-error-hover: var(--por-base-color-red-40);--por-color-function-error-text: var(--por-base-color-red-20);--por-color-function-error-background: var(--por-base-color-red-50-alpha);--por-color-function-warning-background: var(--por-base-color-orange-50-alpha);--por-color-function-alarm-background: var(--por-base-color-lemon-50-alpha);--por-color-function-success-background: var(--por-base-color-kelly-50-alpha);--por-color-function-info-background: var(--por-base-color-blue-50-alpha)}:root .data-theme-light{--por-base-color-gray-0: #fff;--por-base-color-gray-1: #fff;--por-base-color-gray-2: #f0f0f0;--por-base-color-gray-5: #fafafa;--por-base-color-gray-10: #f5f5f5;--por-base-color-gray-20: #ebebeb;--por-base-color-gray-30: #dbdbdb;--por-base-color-gray-40: #c2c2c2;--por-base-color-gray-50: grey;--por-base-color-gray-60: #595959;--por-base-color-gray-70: #333;--por-base-color-gray-80: #262626;--por-base-color-gray-90: #191919;--por-base-color-gray-100: #000;--por-base-color-brand: var(--por-base-color-gray-90);--por-base-color-brand-2: var(--por-base-color-blue-50);--por-color-text-primary: var(--por-base-color-gray-90);--por-color-text-secondary: var(--por-base-color-gray-60);--por-color-text-weak-1: var(--por-base-color-gray-40);--por-color-text-weak: var(--por-base-color-gray-50);--por-color-text-disabled: var(--por-base-color-gray-40);--por-color-text-white: var(--por-base-color-gray-0);--por-color-text-black: var(--por-base-color-gray-100);--por-color-text-button: var(--por-base-color-blue-50);--por-color-text-huawei: var(--por-base-color-red-huawei);--por-color-text-link-default: var(--por-base-color-gray-90);--por-color-text-link-active: var(--por-base-color-gray-60);--por-color-text-link-disabled: var(--por-base-color-gray-40);--por-color-text-link-white: var(--por-base-color-gray-0);--por-color-background-white: var(--por-base-color-gray-0);--por-color-background-white-1: rgba(var(--por-base-color-rgb-white), .3);--por-color-background-white-2: rgba(var(--por-base-color-rgb-white), .5);--por-color-background-white-3: rgba(var(--por-base-color-rgb-white), .8);--por-color-background-black: var(--por-base-color-gray-100);--por-color-background-black-1: rgba(var(--por-base-color-rgb-black), .8);--por-color-background-primary: var(--por-base-color-gray-90);--por-color-background-primary-active: var(--por-base-color-gray-60);--por-color-background-secondary: var(--por-base-color-gray-60);--por-color-background-gray: var(--por-base-color-gray-40);--por-color-background-gray-1: var(--por-base-color-gray-5);--por-color-background-gray-2: var(--por-base-color-gray-10);--por-color-background-gray-3: rgba(var(--por-base-color-rgb-black), .1);--por-color-background-gray-4: rgba(var(--por-base-color-rgb-black), .05);--por-color-background-gray-5: var(--por-base-color-gray-30);--por-color-background-gray-6: rgba(var(--por-base-color-rgb-black), .08);--por-color-background-gray-7: rgba(var(--por-base-color-rgb-gray), .1);--por-color-background-disabled: rgba(var(--por-base-color-rgb-black), .05);--por-color-background-transparent: var(--por-base-color-transparent);--por-color-background-aux: var(--por-base-color-blue-50);--por-color-border-primary: var(--por-base-color-gray-90);--por-color-border-primary-active: var(--por-base-color-gray-60);--por-color-border-secondary: var(--por-base-color-gray-60);--por-color-border-secondary-active: var(--por-base-color-gray-50);--por-color-border-input: var(--por-base-color-gray-40);--por-color-border-input-active: var(--por-base-color-gray-90);--por-color-border-input-disabled: var(--por-base-color-gray-30);--por-color-border-disabled: var(--por-base-color-gray-40);--por-color-border-white: var(--por-base-color-gray-0);--por-color-border-light-gray: var(--por-base-color-gray-50);--por-color-border-split-1: rgba(var(--por-base-color-rgb-black), .08);--por-color-border-split-2: rgba(var(--por-base-color-rgb-black), .15);--por-color-border-transparent: var(--por-base-color-transparent);--por-color-border-drop: var(--por-base-color-gray-20);--por-color-function-error: var(--por-base-color-red-50);--por-color-function-warning: var(--por-base-color-orange-50);--por-color-function-alarm: var(--por-base-color-lemon-50);--por-color-function-success: var(--por-base-color-kelly-50);--por-color-function-info: var(--por-base-color-blue-50);--por-color-function-closed: var(--por-base-color-gray-20);--por-color-function-error-hover: var(--por-base-color-red-40);--por-color-function-error-text: var(--por-base-color-red-20);--por-color-function-error-background: var(--por-base-color-red-50-alpha);--por-color-function-warning-background: var(--por-base-color-orange-50-alpha);--por-color-function-alarm-background: var(--por-base-color-lemon-50-alpha);--por-color-function-success-background: var(--por-base-color-kelly-50-alpha);--por-color-function-info-background: var(--por-base-color-blue-50-alpha)}.pep-agent-home-banner.svelte-161racf{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;background:var(--por-color-background-white)}.banner__background.svelte-161racf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.banner__background.svelte-161racf img:where(.svelte-161racf),.banner__background.svelte-161racf video:where(.svelte-161racf){width:100%;height:100%;object-fit:cover;object-position:center}.banner__static.svelte-161racf{width:100%;height:100%;background-image:var(--banner-image-pc);background-size:cover;background-position:center}.banner__main.svelte-161racf{position:relative;z-index:1;width:100%;height:480px;margin-top:112px}.pad-only.svelte-161racf,.mb-only.svelte-161racf{display:none}@media (max-width: 1600px){.pep-agent-home-banner.svelte-161racf{height:800px}.banner__main.svelte-161racf{height:400px;margin-top:88px}}@media (max-width: 1280px){.pep-agent-home-banner.svelte-161racf{height:640px}.banner__main.svelte-161racf{height:320px;margin-top:64px}}@media (max-width: 1024px){.pep-agent-home-banner.svelte-161racf{height:512px}.banner__main.svelte-161racf{height:280px;margin-top:64px}}@media (max-width: 839px){.pep-agent-home-banner.svelte-161racf{height:500px}.banner__main.svelte-161racf{height:287px;margin-top:48px}.banner__static.svelte-161racf{background-image:var(--banner-image-pad)}.banner__video.pc-only.svelte-161racf,.banner__image.pc-only.svelte-161racf{display:none}.banner__video.pad-only.svelte-161racf,.banner__image.pad-only.svelte-161racf{display:block}}@media (max-width: 599px){.pep-agent-home-banner.svelte-161racf{height:500px}.banner__main.svelte-161racf{height:480px;margin-top:48px}.banner__static.svelte-161racf{background-image:var(--banner-image-mb)}.banner__video.pc-only.svelte-161racf,.banner__image.pc-only.svelte-161racf,.banner__video.pad-only.svelte-161racf,.banner__image.pad-only.svelte-161racf{display:none}.banner__video.mb-only.svelte-161racf,.banner__image.mb-only.svelte-161racf{display:block}}